Qu'est-ce que Open Graph ?

Apprends-en plus sur le protocole Open Graph, qui te permet de présenter le contenu de ton site Web de manière attrayante et efficace.

Lors de la conception et du lancement d'un site Web, les performances et le succès dépendent souvent du nombre d'utilisateurs que tu es capable d'amener sur ton site. Cependant, comme de plus en plus de pages s'appuient sur les médias sociaux pour générer du trafic, il est essentiel de présenter le contenu de manière attrayante et informative.

C'est là qu'intervient Open Graph. Développé par Facebook, ce protocole aide ton site web à atteindre plus de clients en te permettant d'exploiter la puissance des métadonnées d'une page web pour créer des représentations vivantes du contenu d'une page.

En utilisant Open Graph, ton site devient plus convivial en permettant à ton contenu d'être facilement partagé sur plusieurs plateformes.

Alors qu'est-ce qu'Open Graph exactement, et comment peux-tu l'intégrer à ton site web ?

Dans cet article, nous allons examiner de plus près Open Graph, et te montrer comment faire en sorte que ton site soit non seulement convivial, mais aussi évolutif. Nous répondrons à plusieurs des principales questions, telles que :

• Qu'est-ce que Open Graph ?
• Comment Open Graph fonctionne-t-il pour accroître l'engagement ?
• Quelle est la meilleure façon d'intégrer Open Graph ?
• Quels sont les pièges potentiels lors de sa mise en place ? Et quels sont ses avantages ?

Lorsque tu auras compris ce qu'est Open Graph et comment il fonctionne, tu pourras utiliser ces informations à ton avantage.

Avant d'aborder les avantages de l'utilisation d'Open Graph, examinons quelques informations générales sur Open Graph.

Qu'est-ce que Open Graph ?

La plupart des gens pensent à la fonctionnalité et à la facilité d'utilisation pour les visiteurs du site lorsqu'ils le conçoivent. Pendant le développement, la plupart des gens se concentrent sur la création d'un site esthétiquement plaisant et facile à naviguer.

Naturellement, c'est logique puisque l'objectif est d'attirer plus d'utilisateurs sur ton site.

Mais un autre groupe important doit être pris en compte lors de la conception d'un site Web : les moteurs de recherche. Les moteurs de recherche sont programmés pour parcourir les sites Web afin de déterminer les informations pertinentes sur le sujet, y compris les métadonnées.

Les métadonnées sont des informations placées dans l'en-tête d'une page web qui aident les moteurs de recherche à comprendre le site web. Grâce à ces connaissances et à d'autres facteurs importants liés au référencement, ton site peut gagner en visibilité dans le classement des moteurs de recherche.

Les métadonnées Open Graph constituent l'un des éléments de métadonnées les plus puissants dont tu disposes.

‍

‍

‍

Comment fonctionne Open Graph ?

Les métadonnées Open Graph sont un ensemble de données qui aident les moteurs de recherche et les sites de médias sociaux tels que Facebook, Twitter, Google+ et LinkedIn à comprendre le sujet de ta page. Le moteur de recherche peut utiliser ces données pour inclure ton site dans des résultats pertinents - ce qui encourage les utilisateurs à visiter ta page. Cela signifie plus de trafic et un engagement plus important.

Le protocole Open Graph est né de la nécessité pour Facebook de trouver un moyen de fournir plus d'informations que de simples balises HTML telles que les balises méta. Ils devaient pouvoir dire qui utilisait le site, à quel contenu ils accédaient et comment ils l'utilisaient.

Le protocole Open Graph apporte une solution à ce problème en permettant aux sites Web de devenir plus conviviaux sur le plan social. Il y parvient grâce à l'utilisation d'"histoires" sur ton site Web. Une histoire est une extension des métadonnées qui permet à ton site de partager des informations sur le type de contenu que tu partages, ainsi que sur les personnes qui le partagent.

L'histoire est envoyée aux médias sociaux par le biais d'une balise de métadonnées. Par exemple, lorsque tu partages un lien sur Facebook, ce lien est analysé à l'aide du protocole Open Graph, puis partagé avec tes amis sans qu'il soit nécessaire d'accéder à la page Web. En substance, il partage les points principaux de la page sans la visiter pour voir de quoi il s'agit.

À son tour, cela t'aide à mieux te classer sur les sites de médias sociaux en faisant partager ton lien plus fréquemment. Et plus il y a de personnes qui partagent un site, plus ce site devient populaire - ce qui se traduit par un meilleur classement dans les moteurs de recherche.

Quels sont les avantages d'Open Graph ?

1. Des classements plus élevés

Comme Facebook et Twitter font partie des principaux sites de médias sociaux, le fait que ton lien soit partagé plus fréquemment peut augmenter ton classement sur ces sites.

Mais, c'est vraiment Google qui bénéficie le plus d'Open Graph, car Open Graph est conçu pour fournir du contenu directement dans les résultats de recherche sans qu'il soit nécessaire de visiter un site Web au préalable. (N'oublie pas que Google n'aime pas envoyer les utilisateurs sur d'autres sites).

2. Plus de trafic

Lorsque ton lien est partagé sur les médias sociaux, les utilisateurs peuvent immédiatement voir de quoi il s'agit sans avoir besoin de visiter ton site au préalable.

Il y a donc plus de chances qu'ils le partagent avec leurs amis, ce qui augmente le trafic vers ton site. Et plus tu as de visites qui arrivent par les médias sociaux, plus tu as de visibilité.

3. Un meilleur engagement

Plus un utilisateur partage un lien, mieux c'est pour ton site puisqu'il le fait connaître activement et apporte du trafic.

Plus tu recevras de clics à partir des médias sociaux, plus tu auras de chances de convertir ce visiteur en client. Si le fait que ton lien soit partagé sur Facebook ne peut pas faire de mal, le fait de le partager avec tes amis peut aider ton site à plus d'un titre.

Comment mettre en œuvre les métadonnées Open Graph

Open Graph s'articule autour de quatre balises de métadonnées principales, chacune utilisant le surnom "og" :

og:title - un titre court qui décrit le type de contenu de la page. Par exemple, une critique de film ou un livre sur Amazon aurait un og:title différent de celui d'une recette de cuisine.

og:type - également appelé "type d'article". Cela indique si ton site fait la promotion d'un article, d'un produit, d'un événement ou d'une personne.

og:image - une image qui représente le contenu. Il s'agit généralement d'une image que tu utiliserais dans ton article ou sur ton site Internet.

og:url - cela indique aux moteurs de recherche et aux sites de médias sociaux quelle est la page principale de ton site, plutôt que les liens externes.

Par exemple, si je voulais mettre en œuvre le protocole Open Graph pour mon blog de cuisine, l'inclusion des balises de métadonnées pourrait ressembler à ce qui suit :

<meta property="og:title" content="Top 10 Must-Try Classic Recipes">

<meta property="og:type" content="article">

<meta property="og:url" content="/top-10-recipes/">

<meta property="og:image" content="/my-favorites-from-my-cooking-blog.jpg">

<meta property="og:description" content="A collection of Top 10 recipes from my cooking blog so you can try them too.">

Plus les balises sont distinctes, plus ton site sera performant sur les médias sociaux. Le résultat est une histoire riche, basée sur des données, à propos de ton site Web, qui peut être facilement partagée et consultée par tes visiteurs.

Comment utiliser les métabalises ?

Les sites de médias sociaux utilisent les balises de métadonnées du protocole Open Graph de plusieurs façons différentes pour aider à augmenter la portée de ton contenu. Tout commence par l'inclusion des bonnes balises dans le backend de ton site.

Par exemple, le site de médias sociaux Twitter tirera la balise og:title pour l'utiliser comme aperçu de ton contenu.

De même, Facebook récupérera les balises og:title et og:description pour les utiliser comme aperçu de ton contenu sur son site.

Voici quelques-unes des façons dont les différentes plateformes de médias sociaux utilisent les balises de métadonnées Open Graph :

1. Facebook

La viande et les pommes de terre de l'Internet, Facebook utilise des balises de métadonnées pour obtenir automatiquement des informations sur le contenu partagé sur ton site Web.

Après avoir ajouté le protocole Open Graph, Facebook recherche des balises méta spécifiques sur l'ensemble de ta page et affiche ensuite ces informations aux utilisateurs sur leur fil d'actualité pendant qu'ils le font défiler.

2. Twitter

Lorsque tu te connectes à Twitter et que tu consultes un lien, le protocole Open Graph de ton site Web est automatiquement intégré et affiché sur leur plateforme. Ton contenu aura un aspect similaire à celui qu'il a normalement, mais avec plus d'informations sur ce qu'est la page, qui l'a écrite, et des images sur ce que tu essaies de promouvoir.

3. Pinterest

Pinterest utilise les balises méta pour faciliter la recherche dans les épingles d'un utilisateur, rechercher des épingles ayant des attributs similaires et afficher des informations riches sur ton site Web. Lorsque tu es connecté à Pinterest, toute épingle créée ou repinnée tire automatiquement les données du protocole Open Graph de ton site.

4. LinkedIn

LinkedIn prend en compte le nombre de fois où ton contenu a été vu, ainsi que la personne qui l'a initialement partagé et le nombre de fois où il a été partagé par ses connexions. L'utilisation du protocole Open Graph peut augmenter tes chances d'être vu par une plus grande audience sur le site.

4. Pinterest

Pouvoir épingler une image ou une vidéo d'un article de blog qui renvoie à ton site est un excellent moyen d'augmenter le trafic. C'est particulièrement important pour les blogueurs visuels qui présentent des recettes et des tutoriels.

‍

‍

‍

‍

‍

Cas d'utilisation d'Open Graph dans le monde réel

Lorsque tu penses aux balises méta, il est facile d'imaginer toutes les façons dont les plateformes de médias sociaux utiliseront ce type de balises. La façon la plus simple d'y penser est de les considérer comme des panneaux d'intérêt. Plus précisément, c'est comme si tu mettais en place des panneaux d'affichage et des panneaux de signalisation pour que les gens sachent ce qu'est ton site et ce qu'ils doivent chercher en arrivant.

Voici quelques exemples d'utilisations d'Open Graph que tu peux ajouter à ton site :

Vendeurs de commerce électronique :

Si tu veux promouvoir sur ton site un produit que tu vends activement, il est utile d'utiliser les balises Open Graph. Cela permettra d'afficher le prix de ce que tu essaies de vendre et de faire savoir aux visiteurs où ils peuvent se rendre s'ils veulent faire un achat.

Tutoriels de blog :

Pour les blogueurs qui proposent des tutoriels, avoir accès aux métadonnées Open Graph te permettra de promouvoir l'heure et la date à laquelle le tutoriel a été publié. Grâce à ces informations, les visiteurs peuvent trouver ce qu'ils cherchent sans avoir à chercher dans tout ton blog.

Petites entreprises :

Les balises Open Graph sont un excellent moyen pour les petites entreprises d'ajouter leur logo et d'autres informations utiles à l'aperçu du lien qui s'affiche sur les sites de médias sociaux.

L'utilisation du protocole Open Graph te permettra de faire en sorte que davantage d'utilisateurs qui partagent ton contenu aient envie d'en savoir plus sur toi et sur la façon dont tes services peuvent les aider.

Influenceurs :

Il est courant que les influenceurs incluent leur logo ou d'autres informations les concernant en tant que balises Open Graph.

C'est un excellent moyen d'aider les utilisateurs à en savoir plus sur la personne qu'ils regardent et éventuellement à la suivre sur les sites de médias sociaux s'ils voient quelque chose qui correspond à leurs intérêts.

Conclusion

L'utilisation du protocole Open Graph pour fournir des métadonnées détaillées sur le contenu de ton site Web peut contribuer à augmenter les chances que ton contenu soit partagé sur les médias sociaux.

Cela aide également les moteurs de recherche à trouver ton contenu plus facilement, ce qui leur permet de l'indexer plus souvent. L'utilisation des balises Open Graph sur ton site Web est un moyen rapide et facile de contribuer à améliorer le succès de n'importe quel article de blog.

Lorsque tu pourras apprendre à exploiter la puissance de tes métabalises, tu pourras atteindre de nouveaux lecteurs et les convertir en abonnés plus efficacement que jamais. Pour commencer, renseigne-toi sur les différentes balises Open Graph, et commence à les mettre en œuvre sur ton site web dès aujourd'hui !

‍