Le protocole Open Graph

Par Clouder le 05 Nov 2019 (Édité) +99

Introduction


Le protocole Open Graph permet à n'importe quelle page Web de devenir un objet riche dans un graphe social. Par exemple, ceci est utilisé sur Facebook pour permettre à n'importe quelle page Web d'avoir la même fonctionnalité que n'importe quel autre objet sur Facebook.


Métadonnées de base


Pour transformer vos pages Web en objets graphiques, vous devez ajouter des métadonnées de base à votre page. Cela signifie que vous devrez mettre des balises <meta> supplémentaires à l'intérieur de votre balise <head>.



Les quatre propriétés requises pour chaque page sont :

  • og:title - Le titre de votre objet tel qu'il devrait apparaître dans le graphique, par exemple, "The Rock".
  • og:type - Le type de votre objet, par exemple, "video.movie". Selon le type que vous spécifiez, d'autres propriétés peuvent également être requises.
  • og:image - Une URL d'image qui devrait représenter votre objet dans le graphique.
  • og:url - L'URL canonique de votre objet qui sera utilisé comme identifiant permanent dans le graphique, par exemple, "http://www.imdb.com/title/tt0117500/".



Comme d'exemple, voici le balisage du protocole Open Graph pour The Rock on IMDB :

<html prefix="og: http://ogp.me/ns#">
  <head>
    <title>The Rock (1996)</title>
    <meta property="og:title" content="The Rock" />
    <meta property="og:type" content="video.movie" />
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
    <meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
    ...
  </head>
  ...
</html>



Pour avoir plus d'informations je vous invite à aller sur le site opg.me, qui vous donnera plus d'explication pour utiliser ce protocole qui peut-être réellement utile pour votre site ! 🙂

Cette pub permet au site de vivre ...