Un guide de partage pour les administrateurs de sites

Ce document vous explique comment optimiser le contenu hébergé sur le web que les utilisateurs partagent sur Facebook, que ce contenu soit partagé depuis le web pour bureau, le web mobile ou une application mobile.

Ce document fournit des informations sur :

Balises Open Graph

La majorité du contenu est partagé sur Facebook sous la forme d’une URL. Il est donc essentiel de marquer votre site web à l’aide de balises Open Graph afin de contrôler la disposition de votre contenu sur Facebook.

Sans ces balises, le robot d’indexation Facebook utilise une méthode heuristique interne pour tenter de deviner au mieux le titre, la description et l’image d’aperçu correspondant à votre contenu. Déterminez explicitement ces informations à l’aide des balises Open Graph pour garantir des publications de qualité supérieure sur Facebook.

Voici un exemple de contenu formaté avec des balises Open Graph pour obtenir un affichage optimal sur Facebook :

Exemple de balisage

Par exemple, voici comment baliser un article, une actualité ou un article de blog avec la propriété og:type="article" et plusieurs autres propriétés :

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Les propriétés contiennent des métadonnées descriptives sur l’article que nous voulons présenter spécifiquement lorsqu’un article est partagé.

Balises de base

Voici les balises méta de base que vous devez utiliser pour tous les types de contenu :

Balise Description

og:url

L’URL réglementaire de votre page. Il doit s’agir de l’URL brute, sans variables de session, paramètres d’identification de l’utilisateur, ni compteurs. Les mentions J’aime et les partages de cette URL sont compilés à cette URL. Par exemple, les URL de domaine mobile doivent pointer vers la version bureau de l’URL en tant qu’URL réglementaire afin de compiler les mentions J’aime et les partages répartis sur différentes versions de la page.

og:title

Le titre de votre article sans aucune marque telle que le nom de votre site.

og:description

Une courte description du contenu, généralement entre deux et quatre phrases. Elle s’affiche sous le titre de la publication sur Facebook.

og:image

L’URL de l’image qui apparaît lorsqu’un utilisateur partage le contenu sur Facebook. Pour en savoir plus, reportez-vous à la section ci-dessous. Vous pouvez également consulter notre guide des recommandations pour découvrir comment indiquer une image d’aperçu de qualité.

fb:app_id

Afin de pouvoir utiliser les Insights Facebook, vous devez ajouter l’ID d’app à votre page. Les insights vous permettent de consulter l’analyse du trafic entre Facebook et votre site. Retrouvez l’ID d’app dans votre Espace App.


Vous pouvez également ajouter deux balises supplémentaires pour améliorer la diffusion de votre contenu et accroître l’engagement :

Balise Description

og:type

Le type de support utilisé pour votre contenu. Cette balise a un impact sur l’affichage de votre contenu dans le fil d’actualité. Si vous ne précisez pas de type, le paramètre par défaut est website. Chaque URL doit être un objet unique ; il n’est donc pas possible d’utiliser plusieurs valeurs og:type. Retrouvez la liste complète de types d’objet dans notre Référence sur les types d’objet.

og:locale

La langue de la ressource. Le paramètre par défaut est l’anglais américain (en_US). Vous pouvez également utiliser une balise og:locale:alternate si vous avez des traductions disponibles dans d’autres langues. Consultez notre document de localisation pour en savoir plus sur les langues prises en charge.


La liste complète des propriétés d’objet standard est disponible dans notre Référence sur les propriétés d’objet.

Tests de vos balises

Pour voir comment vos balises apparaissent pour le robot d’indexation Facebook, saisissez une URL dans le Débogueur de partage. Vous verrez les balises méta que le robot d’indexation récupère, ainsi que les erreurs ou avertissements éventuels.

Le débogueur déclenche également une récupération de votre page, de sorte que si vous avez des erreurs dans votre code HTML, vous pouvez utiliser le débogueur pour mettre à jour votre contenu. Pour en savoir plus, consultez la section Mise à jour des objets.

Types de contenu multimédia

Vous pouvez ajouter des balises supplémentaires si votre contenu contient des informations audio, vidéo ou de localisation. Consultez toutes les propriétés d’objet standard dans notre Référence sur les types d’objet.

Vidéo

Vous pouvez utiliser le paramètre og:video pour tous les types de contenu. Cette section explique comment utiliser des balises supplémentaires pour optimiser l’aspect des vidéos sur Facebook. Facebook prend en charge les vidéos mp4 et Flash.

Utilisez une URL sécurisée pour les balises og:video:url et og:video:secure_url afin que votre vidéo puisse être lue en ligne dans le fil d’actualité. La lecture de votre vidéo en ligne dépend d’un certain nombre de facteurs.

Balise méta Description

og:video

L’URL de la vidéo. Si vous voulez que la vidéo puisse être lue en ligne dans le fil d’actualité, vous devez utiliser l’URL https:// si possible.

og:video:url

Équivalent au paramètre og:video

og:video:secure_url

L’URL sécurisée de la vidéo. Incluez ce paramètre même si vous définissez l’URL sécurisée dans og:video.

og:video:type

Type MIME de la vidéo. application/x-shockwave-flash ou video/mp4.

og:video:width

Largeur de la vidéo en pixels. Cette propriété est requise pour les vidéos.

og:video:height

Hauteur de la vidéo en pixels. Cette propriété est requise pour les vidéos.

og:image

Indiquez une image pour obtenir un aperçu de qualité dans le fil d’actualité.


Images

Utilisez cet ensemble de propriétés pour du contenu qui contient plusieurs images. Consultez les recommandations en matière de partage pour obtenir des conseils sur l’utilisation optimale de la balise og:image.

Balise méta Description

og:image

L’URL de l’image. Pour mettre à jour une image après sa publication, utilisez une nouvelle URL pour la nouvelle image. Les images sont mises en cache en fonction de l’URL et ne sont modifiées que si l’URL change.

og:image:url

Équivalent au paramètre og:image

og:image:secure_url

URL https:// de l’image

og:image:type

Type MIME de l’image. image/jpeg, image/gif ou image/png

og:image:width

Largeur de l’image en pixels. Indiquez la hauteur et la largeur de votre image pour vous assurer que l’image se charge correctement dès le premier partage.

og:image:height

Hauteur de l’image en pixels. Indiquez la hauteur et la largeur de votre image pour vous assurer que l’image se charge correctement dès le premier partage.