Open Graph Protocol

Un article de Wikipédia, l'encyclopédie libre.
Logo du protocole Open Graph

Open Graph est un protocole créé par Facebook, qui s'inspire du Dublin Core, des Microformats, et du RDFa. Cette technologie a été créée par Facebook en 2010[1], puis confiée à l'Open Web Foundation (en) [2].

Descriptif[modifier | modifier le code]

Open Graph permet d'optimiser le contenu d'une page web afin que les utilisateurs puissent la partager sur les principaux réseaux sociaux Facebook, Twitter, LinkedIn[3]... Ce protocole facilite le partage depuis un ordinateur, le navigateur d'un smartphone ou une application mobile[4].

Selon le site officiel, ce protocole « est utilisé sur Facebook pour permettre à une page web de bénéficier des mêmes fonctionnalités que n'importe quel autre objet sur Facebook »[5]

Les moteurs de recherches utilisent ce protocole pour mieux comprendre le contenu d'une page web[6]

Balises Open Graph[modifier | modifier le code]

Voici un exemple des balises Open Graph à utiliser[4]:

<meta property="og:title" content="titre de l'article"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://exemple.com/exemple-titre-article"/>
<meta property="og:image" content="http://exemple.com/article_thumbnail.jpg"/>
<meta property="og:description" content="Cet article présente le protocole Open Graph"/>

Notes et références[modifier | modifier le code]

  1. (en) « What is Open Graph? », sur www.computerhope.com (consulté le 11 mai 2019)
  2. « Some Users of OWF Agreements - Open Web Foundation », sur www.openwebfoundation.org (consulté le 11 mai 2019)
  3. « Enjeux et impact des balises Open Graph sur le SEO - référencement (Yakaferci) », sur Yakaferci (consulté le 11 mai 2019)
  4. a et b « Administrateurs de sites - Partage - Documentation », sur Facebook for Developers (consulté le 11 mai 2019)
  5. « The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. »
  6. « Optimiser le visuel des publications sur Facebook », Astuces Facebook,‎ (lire en ligne, consulté le 27 janvier 2017)

Liens externes[modifier | modifier le code]