Open Graph : Différence entre versions
De Vulgum Techus
(→Meta Open Graph) |
|||
| Ligne 24 : | Ligne 24 : | ||
= Meta Open Graph = | = Meta Open Graph = | ||
| − | Le principe des balises ci-dessous est de transformer les pages web d'un site en objets du 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: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:title → titre de la page → http://ogp.me/#metadata | ||
* og:type → type de la page → http://ogp.me/#types | * 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: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:audio → URL d'un fichier audio qui accompagne la page → http://ogp.me/#optional | ||
| − | * og: | + | * 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 = | = Liens utiles = | ||
Version actuelle en date du 26 juin 2019 à 00:37
Lien court vers cette page : https://vt.cx/OpenG QR code vers cette page : https://vt.cx/OpenG.qr
Sommaire
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
- ogp.me The Open Graph protocol : détail du protocole Open Graph + de nombreux liens utiles (librairies, tests, etc.)
- openwebfoundation.org Open Web Foundation : organisation sans but lucratif en charge du protocole Open Graph
- developers.facebook.com Debugging Open Graph par Facebook
- extensions.joomla.org Extensions Open Graph pour Joomla
- fr.wordpress.org Extensions Open Graph pour Wordpress
- mediawiki.org Extension Open Graph pour MediaWiki
