Le protocole Open Graph : optimisation du partage de contenu sur les réseaux sociaux

Par notre Agence SEO Optimize 360

Qu’est-ce le Protocole Open Graph ?


Le protocole Open Graph, ou simplement OG, est une technologie développée par Facebook permettant d’optimiser la façon dont le contenu d’une page Web est présenté lorsqu’il est partagé sur les réseaux sociaux.

Cette méthode d’optimisation consiste à ajouter des balises meta spécifiques dans le code source de la page pour améliorer la visibilité et l’apparence des publications.

Protocole Open Graph

Les principes du protocole Open Graph

Quand un utilisateur partage une page Web sur un réseau social tel que Facebook, Twitter ou Pinterest, la plateforme récupère certaines informations du site pour générer un aperçu de la publication. Cet aperçu comporte généralement :

  1. Un titre
  2. Une description
  3. Une image associée

L’importance des balises meta OG

Afin de contrôler ces informations lors du partage d’une page, le protocole Open Graph utilise des balises meta spécifiques ajoutées dans l’en-tête du document HTML. Ces balises permettent aux réseaux sociaux de comprendre quelles données afficher dans l’aperçu de la publication pour offrir une meilleur expérience à leurs utilisateurs.

Les différentes balises Open Graph

Le protocole OG propose plusieurs balises qui peuvent être utilisées pour personnaliser l’affichage de vos contenus sur les réseaux sociaux :

  1. og :title : définit le titre de la page qui sera affiché dans l’aperçu.
  2. og :description : permet d’ajouter une description courte du contenu ou un résumé de la page.
  3. og :image : indique l’URL de l’image qui sera utilisée comme principale illustration pour la publication. Cette image doit être au format JPEG, GIF ou PNG et avoir une taille appropriée pour les réseaux sociaux (1200×627 pixels recommandés).
  4. og :type : précise le type de contenu partagé (article, vidéo, produit, etc.).
  5. og :url : spécifie l’URL canonique de la page, c’est-à-dire l’adresse Web à utiliser en référence lors du partage.
  6. og :locale : renseigne la langue et la région du contenu pour l’affichage des informations locales aux utilisateurs internationaux.
  7. og :site_name : mentionne le nom du site Web dont provient le contenu.
  8. og :audio et og :video : permettent d’intégrer un fichier audio ou vidéo lié au contenu de la page.

Exemple de code HTML avec des balises OG

Voici un exemple de code source intégrant quelques balises Open Graph pour une page d’article :

< !DOCTYPE html>
<html>
  <head>
    <meta property="og :title" content="Titre de l'article" />
    <meta property="og :description" content="Un résumé de l'article pour donner envie aux utilisateurs des réseaux sociaux de cliquer." />
    <meta property="og :image" content="https://www.mon-site.com/images/mon-image.jpg" />
    <meta property="og :type" content="article" />
    <meta property="og :url" content="https://www.mon-site.com/articles/titre-de-l-article" />
    <meta property="og :locale" content="fr_FR" />
    <meta property="og :site_name" content="Le nom de mon site Web" />
  </head>
  ...
</html>

Les avantages du protocole Open Graph pour le référencement naturel (SEO)

Amélioration de la visibilité et de l’apparence des publications

En contrôlant les informations affichées lors du partage d’une page Web, OG permet de s’assurer que vos contenus sont valorisés sur les réseaux sociaux. Des publications accompagnées d’un bel aperçu (titre, description et image accrocheurs) auront plus de chances d’être remarquées et généreront davantage de clics et d’engagement.

Diminution du taux de rebond

Avec la possibilité d’ajouter une description claire et accrocheuse du contenu dans les balises og :description, les utilisateurs sauront exactement ce qui les attend lorsqu’ils cliquent sur votre lien. Cela diminue la probabilité de clics accidentels et, ainsi, réduit le taux de rebond.

Meilleure attribution du trafic vers votre site Web

L’utilisation des balises meta OG garantit que votre contenu sera correctement relié à l’aperçu publié sur un réseau social, permettant aux utilisateurs de vous identifier et d’accéder facilement à votre site Web pour en savoir plus et partager davantage.

Compatibilité et intégration du protocole Open Graph

Bien qu’initialement conçues par Facebook, les balises OG sont également reconnues par d’autres réseaux sociaux tels que Twitter et LinkedIn. Néanmoins, certaines plateformes possèdent leurs propres balises meta (comme Twitter Cards), il est donc recommandé d’intégrer à la fois les tags Open Graph et ceux spécifiques à chaque réseau pour optimiser la portée et l’engagement de vos publications.

Pour s’assurer que les balises Open Graph soient bien appliquées à votre site Web, vous pouvez utiliser différents outils proposés par les réseaux sociaux eux-mêmes, comme le “Sharing Debugger” de Facebook ou le “Card Validator” de Twitter. Ces outils vous permettent de vérifier si les balises peuvent être récupérées correctement, ainsi que prévisualiser l’apparence de vos publications sur différentes plateformes.

Enfin, plusieurs plugins et extensions pour CMS (Content Management System) telles que WordPress et Joomla proposent d’ajouter automatiquement les balises Open Graph aux pages pour faciliter leur intégration et leur gestion.

Avec le protocole Open Graph, optimiser vos contenus pour un partage réussi sur les réseaux sociaux est désormais simple comme bonjour. Adoptez dès maintenant cette méthode d’amélioration de la visibilité de vos pages Web et mettez toutes les chances de votre côté pour générer plus de trafic et d’engagement sur votre site.