Open graph

intro

http://ogp.me/

http://www.yakaferci.com/open-graph/

"objet riche dans un réseau social", le protocole Open Graph est un ensemble de balises qui permet à un webmaster de donner aux principaux réseaux sociaux (Facebook, Google +, Twitter, Linked in...) des informations.
Crée à l'origine par Facebook, now géré par l'Open Web Fondation.

  • Ajouter le namespace "http://ogp.me/ns#" au tag html
  • Au sein des balises head, il faut rajouter des balises meta avec les attributs property et content
  • Les spécifications définissent 4 balises de l'Open Graph comme "Requise" : og:title, og:type, og:url, og:image
  • D'autres tags sont aussi utiles, notamment si votre page a du contenu riche (vidéo)

Principales balises:

  • og:title (requis)
    titre de votre page pour l'Open Graph (par exemple Facebook, Linked in...). nb car < 65
  • og:type (requis)
    website, article, video, music... (types prédéfinis, cf le site officiel de l'Open Graph)
  • og:image (requis)
    l'URL de l'image qui représente votre page dans l'Open Graph
  • og:url (requis)
    C'est l'URL "canonique", c'est à dire celle de référence, de votre page. La plupart du temps, l'URL canonique est tout simplement celle affichée par le navigateur en affichant la page visée. C'est surtout utile si votre site peut avoir plusieurs URLs dynamiques pointant sur la même page.
  • La balise Open Graph meta og:description
    C'est une description courte de votre page. Les recommandations officielles indiquent que cela ne doit contenir que une ou deux phrases maximum. Officieusement il ne faut pas plus de 300 caractères.
  • La balise Open Graph meta og:video Si vous avez une vidéo dans votre page, c'est ici qu'il faut placer son URL.
  • La balise Open Graph meta og:locale C'est la langue de votre page (en_US, fr_FR...).
  • La balise Open Graph meta og:site_name C'est le nom global de votre site web.

Voir aussi https://developers.facebook.com/docs/sharing/opengraph

 

coté drupal

https://www.drupal.org/project/opengraph_meta ou metatag