Open Graph Protocol

Un article de Wikipédia, l'encyclopédie libre.
Sauter à la navigation Sauter à la recherche
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="Cette 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]