Open Graph

L'Open Graph (souvent abrégé OG) est un protocole de métadonnées créé par Facebook en 2010, aujourd'hui piloté par l'Open Web Foundation et adopté par la quasi-totalité des réseaux sociaux.

Il permet à une page web de devenir un objet “riche” lors de son partage : un ensemble de balises meta, insérées dans du code HTML, qui indique aux plateformes (Facebook, LinkedIn, Pinterest, Twitter, etc.) quel titre, quelle image et quelle description afficher.

Sans ces balises, le robot d’indexation du réseau social récupère par défaut la balise 

Le protocole s'inspire du Dublin Core, des microformats et de RDFa. L’objectif était de donner aux webmasters un moyen simple de décrire leurs pages afin que Facebook les traite comme de véritables “objets” de son graphe social.

L'Open Graph n'est pas un facteur de classement direct pour Google, qui s'appuie plutôt sur la balise title, la meta description et les données structurées Schema.org.

Son impact sur le référencement est donc indirect. En effet, nous savons qu’un aperçu de partage soigné augmente le taux de clic et le trafic entrant, génère plus de partages (signaux sociaux positifs) et renforce l'image de marque : un facteur qui favorise indirectement les liens entrants naturels.

Voici les balises de métadonnées Open Graph les plus utilisées en ligne :

• • og:title : titre de l’encart affiché dans l'aperçu (55 à 60 caractères environ).
• • og:description : description du contenu incitative au clic (150 à 300 caractères).
• • og:image : URL de la vignette, idéalement 1200 x 630 pixels.
• • og:url : URL canonique de la page.
• • og:type : type de contenu (article, produit, vidéo…), “website” par défaut.
• • og:locale : langue de la page (fr_FR, en_US…).
• 
  

À savoir : bien d’autres propriétés peuvent être utilisées en dehors de ces quelques exemples, comme “og:video”, “og:audio”, “og:site_name”, “og:image:width”, “og:determiner”, et plus encore.

Exemple de code : 

Trois méthodes permettent de les intégrer : manuellement dans chaque page, via un plugin SEO sous WordPress (Yoast SEO ou Rank Math génèrent automatiquement les balises OG à partir du titre et de l'image mise en avant) ou via les extensions natives d'autres CMS (Shopify, Wix, Joomla, Drupal).

Les données étant mises en cache par les réseaux sociaux, vérifiez le résultat après chaque modification avec le Facebook Sharing Debugger, le LinkedIn Post Inspector ou encore le Twitter Card Validator qui affichent l'aperçu réel et signalent les balises manquantes.

• • Ne pas renseigner og:image : la plateforme choisit une image aléatoire dans le contenu, parfois hors-sujet.
• • Utiliser une image mal dimensionnée : en dessous de 1200 x 630 px, l'aperçu peut apparaître flou ou mal recadré.
• • Dupliquer la balise title dans og:title sans l'adapter à un format plus incitatif au clic.
• • Oublier de vider le cache après une modification via le Debugger, sachant que Facebook et LinkedIn conservent les anciennes données plusieurs jours.
• • Négliger og:type sur les fiches produit e-commerce : la valeur “product” permet un affichage plus riche qu'un simple “website”.

Une fiche produit avec og:type="product", une image nette et une description centrée sur le bénéfice principal obtient généralement un CTR bien supérieur à une fiche sans balises Open Graph, où le réseau affiche une image d’aperçu par défaut. Le même principe vaut pour un article de blog ou la page d'accueil d'une entreprise locale.

Connaître les balises de métadonnées Open Graph, savoir les vérifier et les corriger est très utile puisqu’elles peuvent avoir un impact sur l’affichage des liens partagés, le taux de clic ou encore l’image de marque. En cas de doute, contactez notre agence SEO et confiez votre projet à nos professionnels !