Voir la source de Open Graph

<!-- Links checked 26/06/19 -->
[[Catégorie:Audio]]
[[Catégorie:Facebook]]
[[Catégorie:Joomla]]
[[Catégorie:Normes]]
[[Catégorie:Réseaux sociaux]]
[[Catégorie:Vidéo]]
 '''[[Lien court]]''' vers cette page : https://vt.cx/OpenG
 '''[[QR code]]''' vers cette page : https://vt.cx/OpenG.qr
<html>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- VT2 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:468px;height:60px"
     data-ad-client="ca-pub-3341840374417340"
     data-ad-slot="6349432125"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</html>

= Présentation =
Originellement créé par Facebook, le protocole Open Graphe est géré par l'Open Web Foundation. Le protocole Open Graph est basé sur des balises spécifiques qui permettent d'améliorer l'indexation d'une page dans les réseaux sociaux en transmettant des informations utiles. L'impact d'Open Graph sur le référencement des annuaires comme '''[[Google]]''' ou '''[[Yahoo!]]''' est moindre.

= Meta Open Graph =
Le principe des balises ci-dessous est de transformer les pages web d'un site en objets du graph (ce qui est pris en compte par le réseau social).
== Balises obligatoires ==
* og:url → URL canonique de la page qui sera l'ID permanent du site dans le graph (URL de référence) → http://ogp.me/#metadata
* og:title → titre de la page → http://ogp.me/#metadata
* og:type → type de la page → http://ogp.me/#types 
* og:image →  URL de l'image qui illustre la page dans le graph → http://ogp.me/#structured

== Balises facultatives ==
* og:site_name → nom du site web → http://ogp.me/#optional
* og:description → description courte de la page (moins de 300 caractères) → http://ogp.me/#optional
* og:locale → langue de la page (fr_FR, fr_CA, fr_BE, en_GB, en_US, ...). → http://quivi.sourceforge.net/languagecodes.html
* og:audio →   URL d'un fichier audio qui accompagne la page → http://ogp.me/#optional
* og:video → URL d'une vidéo qui illustre la page dans le graph → http://ogp.me/#structured
* Fb:app_id → ID d'une app Facebook → https://developers.facebook.com/docs/sharing/webmasters?locale=fr_FR

= Liens utiles =
* [http://ogp.me/ ogp.me] '''The Open Graph protocol''' : détail du protocole Open Graph + de nombreux liens utiles (librairies, tests, etc.)
* [http://www.openwebfoundation.org/ openwebfoundation.org] '''Open Web Foundation''' : organisation sans but lucratif en charge du protocole Open Graph
* [https://developers.facebook.com/tools/debug/ developers.facebook.com] Debugging Open Graph par '''[[Facebook]]'''
* [https://extensions.joomla.org/tags/open-graph/ extensions.joomla.org] Extensions Open Graph pour '''[[Joomla]]'''
* [https://fr.wordpress.org/plugins/search/Open+Graph/ fr.wordpress.org] Extensions Open Graph pour '''[[Wordpress]]'''
* [https://www.mediawiki.org/wiki/Extension:OpenGraphMeta mediawiki.org] Extension Open Graph pour '''[[MediaWiki]]'''

= Commentaires =
{{#widget:DISQUS
|id=vulgumtechus
}}