Amen.fr - "Open graph" protocole et réseaux sociaux
•
0 gostou•1,164 visualizações
Maîtrisez le partage de vos contenus, articles et posts sur les réseaux sociaux (Facebook, Twitter, G+, etc.) grâce aux OPEN GRAPH metatags.
Recomendados
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (15)
Mais de Amen.fr
Mais de Amen.fr (13)
Amen.fr - "Open graph" protocole et réseaux sociaux
- 1. Conseils d'expertsConseils d'expertsConseils d'expertsConseils d'experts 5555)))) OPEN GRAPH META TAGSOPEN GRAPH META TAGSOPEN GRAPH META TAGSOPEN GRAPH META TAGS
- 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)