2. 2
OPEN GRAPH META TAGSOPEN GRAPH META TAGSOPEN GRAPH META TAGSOPEN GRAPH META TAGS
De nos jours, les médias sociaux sont présents sur la quasi-totalité des sites internet et chacun
de ces sites essaient d’y afficher ses contenus de la meilleure façon possible. Cependant
lorsqu’un site ou un utilisateur partage un contenu sur différents réseaux sociaux, ce dernier
n’apparaitra jamais de la même manière et parfois celui-ci ne ressemble plus au site web d’où
il provient.
Mais il est possible de modifier cela.
Les Open Graph Meta Tags / Protocole permettent de déterminer à quoi ressemblera le
snippet : la manière dont s’affichera votre site web sur les réseaux sociaux. Ce protocole a
d’abord été mis en place par Facebook puis sur Twitter et enfin Google+. De plus en plus de
monde utilisera ce protocole.
Qu’estQu’estQu’estQu’est----cececece que lque lque lque le protocolee protocolee protocolee protocole Open GraphOpen GraphOpen GraphOpen Graph et commet l’utiliseret commet l’utiliseret commet l’utiliseret commet l’utiliser ????
Le protocole Open Graph affiche le contenu de site externe façon « social graph ». Les sites
sont vus comme des objets dans Open Graph, pour lesquels les utilisateurs peuvent définir la
connexion entre le site et, par exemple, Facebook.
Il s’agit d’un protocole c’est à dire un moyen de fournir des données sous une forme structurée
permettant d’être lues de la même manière à travers les différentes plateformes de réseaux
sociaux.
Cela se résume à ajouter quelques métadonnées spécifiques à un site web.
Pour de plus amples information vous pouvez visiter le site suivant : http://ogp.me
Pourquoi l’utiliserPourquoi l’utiliserPourquoi l’utiliserPourquoi l’utiliser ????
En un mot : le contrôle.
Fournir des données de façon structurée avec Open Graph vous permet de contrôler la façon
dont votre contenu s’affichera sur les diverses plateformes de médias sociaux. Vous
déterminez exactement quelle image, quel titre et quel descriptif seront utilisés.
3. 3
Comment ça marcheComment ça marcheComment ça marcheComment ça marche ????
Dans la plus part des cas, la mise en œuvre Open Graph implique une modification du code
derrière le site Web.
Quatre éléments sont requis pour mettre en œuvre Open Graph:
og:title
Titre de l’objet.
og:type
Type d’objet (page, produit, blog, article, etc.).
og:image
Une URL pointant vers l’image désirée.
og:url
L’URL canonique de l’objet (URL principale de l’élément, pas d’alias).
ElémentsElémentsElémentsEléments optionnelsoptionnelsoptionnelsoptionnels ::::
og:description
Une description d’une à deux lignes environ.
og:locale
Par défaut le contenu d’Open Graph content est vu en anglais.
Avec cette variable vous pouvez changer la langue.
og:site_name
Quand un objet fait lui-même parti d’un objet plus large (exemple : un article dans un site web)
vous pouvez nommer le site ici.
4. 4
En résumé, en ajoutant ce qui suit sous l’élément <head> de votre page vous utiliserez Open
Graph.
<meta property="og:title" content="Titre de votre page"/>
<meta property="og:image"
content="http://www.domain.com/lien/de/votre/image.png"/>
<meta property="og:site_name" content="Nom de votre site Web"/>
<meta property="og:description" content="Description de votre page"/>
<meta property="og:url" content="http://www.domain.com/lien/de/votre/article.php"/>
<meta property="og:locale" content="fr_FR" />
Remarque : La dernière ligne doit être utilisée seulement si la langue n’est pas l’anglais.
Si vous utilisez ce qui est indiqué ci-dessus, vous remarquerez que les résultats partagés sur
Facebook seront légèrement différents.
A quoi cela ressemble sur Facebook si vous n’utilisez pas le protocoleA quoi cela ressemble sur Facebook si vous n’utilisez pas le protocoleA quoi cela ressemble sur Facebook si vous n’utilisez pas le protocoleA quoi cela ressemble sur Facebook si vous n’utilisez pas le protocole
Open GraphOpen GraphOpen GraphOpen Graph ????
Si un site n’utilise pas le protocole Open Graph, Facebook cherchera les informations de lui-
même. Il tentera de déterminer les meilleurs éléments à utiliser. Cela peut être rien du tout ou
être complètement diffèrent de ce que vous aviez en tête.
Vous utilVous utilVous utilVous utilisez un CMS et vous demandez comment l’implémenterisez un CMS et vous demandez comment l’implémenterisez un CMS et vous demandez comment l’implémenterisez un CMS et vous demandez comment l’implémenter ????
Les sites utilisant des CMS connus ont la possibilité d’utiliser des plugins ou des extensions.
Wordpress, Joomla, Drupal, Concrete5 et Magento en possèdent pour Open Graph. D'autres
devront coder leurs pages, leur CMS voir demander aux développeurs de leur CMS pour
d’examiner la question.
De façon très simple votre site web peut s’afficher de façon similaire sur les divers médias
sociaux ce qui permettra de renforcer votre image en ligne. Avec le protocole Open Graph vous
pouvez reprendre le contrôle.
5. Amen, keep it simple!Amen, keep it simple!Amen, keep it simple!Amen, keep it simple!
Information:Information:Information:Information: nos experts sont disponibles à tout moment pour vous aider ! Vous pouvez commander les
produits souhaités directement sur notre site ou par téléphone:
Assistance:Assistance:Assistance:Assistance:
0811 88 77 440811 88 77 440811 88 77 440811 88 77 44
Du lundi au vendredi 9h - 19h (appel local)
Service commercial:Service commercial:Service commercial:Service commercial:
0811 88 77 660811 88 77 660811 88 77 660811 88 77 66
Du lundi au vendredi 9h - 19h (appel local)