Guide du partage pour les webmasters
Ce document vous explique comment optimiser le contenu web que les utilisateurs partagent sur Facebook, que ce contenu soit partagé depuis un navigateur sur ordinateur ou sur mobile, ou depuis une application mobile.
Vous y trouverez des informations sur les éléments suivants :
Balisage Open Graph
Sur Facebook, le contenu est généralement partagé sous la forme d’une URL. Il est donc essentiel de baliser votre site web à l’aide de tags Open Graph afin de contrôler l’affichage de votre contenu sur Facebook. Pour permettre à notre robot d’indexation de partager votre site web correctement, votre serveur doit également utiliser les encodages gzip et deflate.
En l’absence de tags Open Graph, le robot d’indexation Facebook utilise une méthode heuristique interne pour tenter d’identifier le titre, la description et l’image d’aperçu de votre contenu. Les tags Open Graph vous permettent de désigner explicitement ces informations et d’optimiser ainsi la qualité de vos publications sur Facebook.
Voici un exemple de contenu formaté avec des tags Open Graph pour obtenir un affichage optimal sur Facebook :
Exemple de balisage
Par exemple, voici comment baliser un article, une actualité ou une publication 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 les métadonnées descriptives que nous voulons présenter lorsque l’article est partagé.
Tags de base
Voici les tags meta de base que vous devez utiliser pour tous les types de contenu :
| Tag | Description |
|---|---|
| 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 comptabilisés pour 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 d’agréger les mentions J’aime et les partages associés aux différentes versions de la page. |
| Titre de votre article sans aucune marque, telle que le nom de votre site. |
| Courte description du contenu, généralement entre deux et quatre phrases. Cette description s’affiche sous le titre de la publication sur Facebook. |
| 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 spécifier une image d’aperçu de bonne qualité. |
| Pour pouvoir utiliser les Statistiques Facebook, vous devez ajouter l’ID d’application à votre page. Cela vous permet de consulter les statistiques du trafic entre Facebook et votre site. Vous trouverez l’ID d’application dans votre Espace App. |
Vous pouvez également ajouter deux tags supplémentaires pour améliorer la diffusion de votre contenu et accroître l’engagement :
| Tag | Description |
|---|---|
| Type de votre contenu multimédia. Ce tag a un impact sur l’affichage de votre contenu dans le fil. Si vous ne précisez pas de type, le paramètre par défaut est |
| Langue de la ressource. Valeur par défaut : |
La liste complète des propriétés d’objet standards est disponible dans notre Référence sur les propriétés d’objet.
Tests de votre balisage
Pour voir comment votre balisage est reconnu par le robot d’indexation Facebook, saisissez une URL dans le programme de débug du partage. Vous verrez quels tags meta sont récupérés par le robot d’indexation, ainsi que les erreurs ou avertissements éventuels.
Le programme de débug déclenche également une extraction de votre page, et vous permet de mettre à jour le contenu si votre code HTML contient des erreurs. Pour en savoir plus, consultez la section Mise à jour des objets.
Test du traitement de l’agent utilisateur Facebook
- Ouvrez votre navigateur.
- Modifiez l’agent utilisateur de sorte qu’il corresponde à l’agent utilisateur Facebook. Pour en savoir plus sur le changement d’agent utilisateur, consultez la page http://osxdaily.com/2013/01/16/change-user-agent-chrome-safari-firefox/ :
- Menu Développement > Agent utilisateur > Autre
- Définissez l’agent utilisateur sur :
facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php).
- Chargez l’URL qui pose problème.
- Définissez l’agent utilisateur sur un navigateur mobile comme Safari (iPhone) :
Menu Développement > Agent utilisateur > Safari — iOS 10 — iPhone. - Chargez l’URL qui pose problème.
- S’il s’agit d’un problème d’agent utilisateur, la page se chargera correctement à l’étape 5, mais pas à l’étape 3.
Types de contenu multimédia
Vous pouvez définir des tags supplémentaires si votre contenu comprend des informations audio, vidéo ou de localisation. Retrouvez la liste complète des propriétés d’objet standards dans notre Référence sur les types d’objet.
Vidéo
Vous pouvez utiliser le tag og:video pour tous les types de contenu. Cette section explique comment utiliser des tags 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 tags og:video:url et og:video:secure_url afin que votre vidéo puisse être lue en ligne dans le fil. La lecture en ligne de votre vidéo dépend d’un certain nombre de facteurs.
| Tag meta | Description |
|---|---|
| URL de la vidéo. Si vous voulez que la vidéo puisse être lue en ligne dans le fil, vous devez utiliser l’URL https:// si possible. |
| Équivalent de |
| URL sécurisée de la vidéo. Incluez ce paramètre même si vous définissez l’URL sécurisée dans |
| Type MIME de la vidéo. |
| Largeur de la vidéo en pixels. Cette propriété est requise pour les vidéos. |
| Hauteur de la vidéo en pixels. Cette propriété est requise pour les vidéos. |
| Indiquez une image pour obtenir un aperçu de bonne qualité dans le fil. |
Images
Utilisez cet ensemble de propriétés lorsque le contenu comprend plusieurs images. Consultez les recommandations en matière de partage pour obtenir des conseils sur l’utilisation optimale du tag og:image.
| Tag meta | Description |
|---|---|
| URL de l’image. Pour mettre à jour une image après sa publication, utilisez une autre URL correspondant à la nouvelle image. Les images sont mises en cache en fonction de l’URL et ne sont modifiées que si l’URL change. |
| Équivalent de |
| URL https:// de l’image. |
| Type MIME de l’image. |
| Largeur de l’image en pixels. Indiquez la hauteur et la largeur de votre image pour vous assurer qu’elle se charge correctement dès le premier partage. |
| Hauteur de l’image en pixels. Indiquez la hauteur et la largeur de votre image pour vous assurer qu’elle se charge correctement dès le premier partage. |
Ressources 3D
Reportez-vous à notre document sur le partage Open Graph de publications en 3D.