Aller au contenu

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].

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 )
  2. « Some Users of OWF Agreements - Open Web Foundation », sur www.openwebfoundation.org (consulté le )
  3. « Enjeux et impact des balises Open Graph sur le SEO - référencement (Yakaferci) », sur Yakaferci (consulté le )
  4. a et b « Administrateurs de sites - Partage - Documentation », sur Facebook for Developers (consulté le )
  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 )

Liens externes

[modifier | modifier le code]