L'Open Graph et son impact sur le SEO

Définition du protocole Open Graph

Le définition officielle du protocole Open Graph indique que c'est un protocole qui permet à une page web de devenir un objet "riche" dans un réseau social.

Plus concrètement, le protocole Open Graph est un ensemble de balises qui permet à un webmaster de donner aux principaux réseaux sociaux (Facebook, Google +, Twitter, Linked in...) des informations précises sur ses pages. Ces informations permettront aux réseaux sociaux de mieux afficher un lien sur une ces pages qui aurait été placé par leur utilisateurs.

Le protocole Open Graph a été crée à l'origine par Facebook et est désormais géré par l'Open Web Fondation.

open graph tags

Quelle est l'impact de l'Open Graph sur le SEO ?

En théorie, l'impact de l'Open Graph sur le SEO est limité. En effet, le protocole Open Graph est destiné à l'origine aux réseaux sociaux (Facebook, Google +, Twitter...) et non aux moteurs de recherche (Google, Bing...)

En pratique cependant, les réseaux sociaux comme Facebook ont pris une telle importance depuis quelques années que les moteurs de recherche ne peuvent pas ignorer les données de l'Open Graph dans leurs algorithmes. Il serait assez aventureux de décrire exactement cet impact, mais il existe incontestablement. Il est certain également que les principaux moteurs de recherche analysent ces balises Open Graph. En particulier, le moteur de recherche Google pourrait avoir tendance à favoriser les pages utilisées dans son réseau social Google +.

Historiquement, le webmaster devait en priorité porter son attention sur les balises title et meta description de ses pages pour le référencement naturel. Aujourd'hui, il a également intérêt à insérer des balises Open Graph dans ses pages, en particulier si ses pages sont beaucoup partagées sur les réseaux sociaux tels que Facebook.

Mise en place des tags Open Graph

Pour mettre en place le protocole Open Graph, il faut simplement :

  • Ajouter le namespace "http://ogp.me/ns#" au tag html
  • Au sein des balises head, il faut rajouter des balises meta avec les attributs property et content
  • Les spécifications définissent 4 balises de l'Open Graph comme "Requise" : og:title, og:type, og:url, og:image
  • D'autres tags sont aussi utiles, notamment si votre page a du contenu riche (vidéo)

Voici un exemple précis d'insertion de données Open Graph:

<html xmlns:og="http://ogp.me/ns#">
<head>
<title>Article sur l'Open Graph</title>
<meta property="og:title" content="Article sur l'Open Graph par Yakaferci" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.yakaferci.com/open-graph/" />
<meta property="og:image" content="http://www.yakaferci.com/images/yakaferci_small.jpg" />
...
</head>
...
</html>

Pour les spécifications techniques complètes de l'Open Graph, vous pouvez consulter le site officiel de l'Open Graph

L'outil gratuit Yakaferci pour analyser les balises Open Graph de vos pages

Yakaferci fournit un outil pour valider la qualité de vos balises Open Graph.


Analyser les balises Open Graph de la page :
ANALYSER


Pour lancer l'analyse Yakaferci, il vous suffit de saisir le lien vers votre page dans la zone ci-dessus et de cliquer sur le bouton Analyser. Vous pourrez alors accéder aux différentes pages du rapport.

L'outil gratuit de Facebook pour analyser les balises Open Graph de vos pages

Un autre outil utile est mis à disposition par Facebook : le debugger Open Graph

Les principales balises de l'Open Graph

La balise Open Graph meta og:title (requis)

C'est le titre de votre page pour l'Open Graph (par exemple Facebook, Linked in...).

Il n'y a pas de recommandations officielles concernant la taille maximale de ce champ. Cependant, mieux vaut ne pas dépasser 65 caractères pour être certain que le titre ne soit pas tronqué à l'affichage dans le site d'un réseau social.

La balise Open Graph meta og:type (requis)

C'est le type de votre page (website, article, video, music...). Champ requis. Ce champ décrit le type principal d'objet contenu dans votre page. Ces types sont prédéfinis. Consultez le site officiel de l'Open Graph pour voir la liste complète des types possibles.

La balise Open Graph meta og:image (requis)

C'est l'URL de l'image qui représente votre page dans l'Open Graph. Champ requis.

La balise Open Graph meta og:url (requis)

C'est l'URL "canonique", c'est à dire celle de référence, de votre page. Champ requis. La plupart du temps, l'URL canonique est tout simplement celle affichée par le navigateur en affichant la page visée. C'est surtout utile si votre site peut avoir plusieurs URLs dynamiques pointant sur la même page.

La balise Open Graph meta og:description

C'est une description courte de votre page. Les recommandations officielles indiquent que cela ne doit contenir que une ou deux phrases maximum. Officieusement il ne faut pas plus de 300 caractères.

La balise Open Graph meta og:video

Si vous avez une vidéo dans votre page, c'est ici qu'il faut placer son URL.

La balise Open Graph meta og:locale

C'est la langue de votre page (en_US, fr_FR...).

La balise Open Graph meta og:site_name

C'est le nom global de votre site web.