Accueil > lettre O > Open Graph Protocol

Open Graph Protocol

L'Open Graph Protocol (OGP) est un protocole, créé par Facebook, qui permet d'ajouter des meta données sur les pages d'un site web. Cet enrichissement de données permet d'ajouter la page à un graph social et d'aider des services tiers à mieux comprendre le type de données inclus sur des sites web. Le protocole est notamment utilisé par Facebook, Google+ et Linkedin pour améliorer la présentation d'une page web lorsqu'elle est partagée sur l'un de ces réseau social.

Logo de l'Open Graph Protocol
Logo de l'Open Graph Protocol

Implémentation du protocole

L'OGP s'est basé sur le même type d'implémentation que le RDFa, c'est à dire l'utilisation de balises meta entre les balises <head> et </head>. L'exemple ci-dessous présente une implémentation basique de l'Open Graph Protocol:

  1. <html prefix="og: http://ogp.me/ns#">
  2. <head>
  3. <title>Titre de la page</title>
  4. <meta property="og:title" content="Titre du contenu" />
  5. <meta property="og:type" content="article" />
  6. <meta property="og:url" content="http://www.example.com/article-123/" />
  7. <meta property="og:image" content="http://www.example.com/images/photo.jpg" />
  8. ...
  9. </head>
  10. ...
  11. </html>

Intérêts

Ce protocole possède un fort intérêt dans l'optimisation de la visibilité d'un site sur les médias sociaux (SMO). Sachant que les réseaux sociaux peuvent drainer un très fort trafic sur un site web, il est important d'optimiser l'aperçu qu'aura une page web sur ces sites web à fort potentiel. Une page qui possède un meilleur aperçu sera probablement plus visitées et partagées sur ces plateformes.

Aperçu d'une page partagée sur Facebook
Aperçu d'une page partagée sur Facebook

L'aperçu ci-dessus montre une page web qui est partagée sur Facebook. Ce dernier utilise les meta données de l'OGP pour préremplir le titre, l'image et la description de la page web.

Lien externe

  1. The Open Graph protocol
  2. Parseur et débogueur officiel de Facebook
  3. Plugin WordPress « WP SMO » pour ajouter l'Open Graph Protocol
Partager :
Faire un lien :

Glossaire du webmaster