L'impact du protocole Open Graph sur le SEO

L'impact du protocole Open Graph sur le SEO
David Kaufmann
Tutoriels SEO
8 min read

Lorsque nous mettons en place une stratégie de référencement sur les moteurs de recherche, nous ne devons pas oublier les réseaux sociaux. Nous devons prendre soin des titres, des descriptions et des images puisque ce sont les seuls éléments que l'utilisateur verra et qui le feront décider de cliquer ou non.

Savez-vous comment les utilisateurs voient votre site web lorsqu'ils le partagent sur leurs profils sociaux ? Gardez à l'esprit que mieux votre contenu paraît et plus il est attrayant, plus il deviendra viral, et donc plus l'impact sur votre site web sera grand, ce qui aide également à améliorer vos résultats SEO.

Nous allons tout vous dire !

Que sont les balises Open Graph ?

Les balises meta ou le protocole Open Graph ont été créés par Facebook et permettent à n'importe quelle page web d'être affichée avec un format enrichi sur les réseaux sociaux. Ces balises HTML seront chargées d'afficher le contenu (titre, description, image de la page, etc.) d'une page qui est partagée sur les réseaux sociaux. Si ces balises n'existent pas ou ne sont pas spécifiées, l'information sera affichée de manière aléatoire, en choisissant une photo aléatoire, un titre ou une description non descriptif...

À quoi servent-elles ?

Ces balises sont connues sous le nom de balises sociales et sont très importantes pour atteindre un positionnement dans chacun des réseaux sociaux. Selon le réseau social, ce sera plus ou moins facile, mais le positionnement sur les réseaux sociaux existe, c'est réel.

Le protocole Open Graph a été initialement utilisé sur Facebook et est actuellement également reconnu sur LinkedIn. D'autre part, les balises de Twitter sont exclusives à ce réseau social.

Les balises sont les suivantes :

og:title :

Le « Title » est chargé d'indiquer au moteur de recherche de quoi parle la page. Par conséquent, il doit être clair, concis et unique sur chaque page. Sa longueur maximale est de 67 caractères.

Exemple :

<meta property="og:title" content="Que sont les balises Open Graph ?"/>

og:description

La « Meta description » sera celle qui décrit et informe plus en détail sur la page. Elle ne doit pas dépasser 155 caractères et peut contenir une phrase ou un CTA qui encourage l'utilisateur à cliquer sur le résultat. Elle doit également être unique pour chaque page.

Exemple :

<meta property="og:description" content="Savez-vous comment les utilisateurs voient votre site web lorsqu'ils le partagent sur leurs profils sociaux ? Les balises Open Graph seront chargées d'afficher toute l'information."/>

og:url :

L'URL d'une page web est affichée, et elle peut être affichée raccourcie. Essayez d'utiliser cette balise avec une URL aussi propre que possible et unique sur chaque page.

Exemple :

<meta property="og:url" content="/blog/open-graph" />

og:image

Vous devez spécifier une URL d'image pour qu'elle puisse être affichée sur chaque page. C'est sûrement l'une des plus négligées et l'une des plus importantes. Google Discover, Google News, Facebook, Twitter, LinkedIn... tous prendront cette image comme accroche pour l'utilisateur, et si elle est de bonne qualité, vous pouvez obtenir des tonnes de visites. Sinon, si vous laissez le champ vide, la photo de l'auteur peut être affichée, un champ vide... Vous choisissez ce qui est mieux ! ;)

Exemple :

<meta property="og:image" content="/blog/images/open-graph.jpg" />

og:video

Si vous avez une vidéo sur la page, vous devez la spécifier en utilisant cette balise, ce qui facilite son interprétation.

<meta property="og:video" content="http://example.com/bond/trailer.swf" />

og:type

Cette balise indique en quoi consiste votre contenu. Que ce soit un article, une vidéo, un article de blog... Selon le type, vous pouvez attribuer différentes propriétés.

Exemple :

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

og:site_name

Avec elle, vous pouvez spécifier votre site web pour que votre marque soit affichée.

<meta property="og:site_name" content="SEO Alive" />

Types de balises meta sociales qui existent

Actuellement, les balises créées par Facebook sont utilisées sur le reste des réseaux sociaux, comme LinkedIn. Twitter utilise ce qui est connu sous le nom de Twitter Cards. Avec ces balises vous avez trois options :

  • « Photo » pour les images

  • « Player » pour les vidéos et

  • « Summary » pour tout le reste.

Dans ce cas, comme avec les Open Graph cards, si elle n'est pas optimisée, du contenu par défaut et non optimisé sera affiché.

Outils de test des balises

Analyser comment les pages apparaissent lorsqu'un utilisateur les partage sur les réseaux sociaux sera crucial si nous voulons que tout fonctionne correctement.

Twitter Card Validator

L'outil de validation de Twitter est Twitter Card Validator. Avant de publier quoi que ce soit, si vous voulez vous assurer que tout est affiché correctement, n'hésitez pas à entrer l'URL que vous voulez partager. C'est aussi très utile si vous avez mis à jour l'image d'une page et que le flux montre toujours l'ancienne. Le réanalyser agira comme une « purge du cache ».

Twitter Card Validator
Twitter Card Validator

Facebook Debugger

L'outil de débogage de Facebook est connu sous le nom de Facebook Debugger. Avec lui, vous pouvez voir quelles informations sont utilisées et à quoi cela ressemble lorsqu'une page de votre site est partagée. De plus, au cas où l'un des champs serait incorrect ou manquant, un avertissement apparaîtra.

Facebook Debugger
Facebook Debugger

Google Structured Data Testing Tool

Google met également à notre disposition l'outil de test des données structurées appelé Google Structured Data Testing Tool. Il est très utile pour vérifier quel type de balisage Google capte d'une page. Le balisage est reconnu par les moteurs de recherche, ce qui aide à rendre un site web « sémantique » en introduisant les microdata Schema spécifiques à chaque cas.

Google Structured Data Testing Tool
Google Structured Data Testing Tool

Rich Pins Validator

Pinterest ne pouvait pas être en reste et apporte son validateur de pins, également connu sous le nom de Rich Pins Validator. Il fonctionne comme le validateur Twitter : un processus d'approbation est requis pour obtenir la fonctionnalité Rich Pin et vérifier le balisage des données en même temps.

Rich Pins Validator
Rich Pins Validator

Comment optimiser ces balises dans WordPress ?

Comme vous le savez peut-être, l'un des grands avantages que WordPress nous offre est sa flexibilité et son immense communauté. En conséquence, des processus comme l'introduction de balises open-graph dans nos pages et articles ne prennent que quelques secondes grâce aux plugins.

Il existe de nombreuses façons d'y parvenir. Dans notre cas, nous croyons que le plus simple est de le faire via le plugin SEO Rank Math.

Article recommandé > Tutoriel SEO approfondi sur Rank Math

Tout ce que vous avez à faire est d'aller à la section SEO de la page ou de l'article en question, cliquer sur l'onglet « Social », et là nous verrons l'option pour configurer l'image. Dans de nombreux cas, si nous avons téléchargé une image à la une, il la prendra directement.

Open Graph Rank Math
Open Graph Rank Math

Conseils et améliorations

Ci-dessous, vous pouvez voir quelques conseils basés sur l'expérience qui ont fonctionné pour nous afin d'obtenir de très bons résultats.

Optimiser les images

Choisissez des images de qualité. Vous devez choisir parfaitement chaque image car elle va représenter votre contenu. De plus, ce sera l'image qui apparaît lorsque l'utilisateur partage le contenu.

Chaque plateforme a certains standards ; le mieux est de choisir une grande image qui peut s'adapter à chaque réseau social.

Le contenu visuel est le plus attrayant sur les réseaux sociaux, et si vous parvenez à devenir viral, vous obtiendrez plus de visites sur votre site web. Vous savez, investissez du temps dans le choix de l'image parfaite pour obtenir des likes, des partages et des commentaires.

  • Twitter : 120x120px pour la petite et 4096x4096px pour la grande

  • Facebook : la plus petite à 200px et la plus grande à 1200px

Toujours utiliser Open Graph

Étant un format déjà bien connu, plus de plateformes peuvent l'utiliser. Il est recommandé d'utiliser des modèles de code pour insérer des balises sociales ; vous pouvez consulter toutes les informations dans le guide suivant.

Guide recommandé -> Balises Meta en SEO

Tester et expérimenter

Testez et vérifiez toujours dans les validateurs pour vous assurer que les résultats de votre site sont affichés correctement sur les réseaux sociaux.

Conclusions

Ce sont des petits détails qui rendront votre marque géniale aux yeux des utilisateurs. Gardez à l'esprit que ces balises sont essentielles pour afficher correctement votre page et attirer des visites. Elles facilitent également la compréhension de votre site web par les moteurs de recherche. L'optimisation SEO inclut donc également de prêter attention aux réseaux sociaux.

Rappelez-vous également que les signaux sociaux, c'est-à-dire le trafic qui provient des réseaux sociaux, peuvent affecter positivement une stratégie SEO, donc chaque clic des médias sociaux vaut son pesant d'or !

Des questions ou des suggestions ? Nous sommes heureux de vous aider !

Références :

Auteur : David Kaufmann

David Kaufmann

Cela fait plus de 10 ans que je suis totalement obsédé par le SEO — et honnêtement, je ne voudrais pas qu'il en soit autrement.

Ma carrière a franchi un cap lorsque j'ai travaillé comme Senior SEO Specialist pour Chess.com — l'un des 100 sites les plus visités de tout Internet. Opérer à cette échelle, sur des millions de pages, des dizaines de langues et dans l'une des SERPs les plus concurrentielles qui soient, m'a appris des choses qu'aucun cours ni aucune certification ne pourrait jamais transmettre. Cette expérience a transformé ma vision de ce qu'est réellement un SEO d'excellence — et elle est devenue le socle de tout ce que j'ai construit depuis.

Forcé par cette expérience, j'ai fondé SEO Alive — une agence pour les marques qui prennent la croissance organique au sérieux. Nous ne sommes pas là pour vendre des dashboards et des rapports mensuels. Nous sommes là pour bâtir des stratégies qui font vraiment la différence, en combinant le meilleur du SEO classique avec le nouvel univers passionnant de la Generative Engine Optimization (GEO) — afin que votre marque apparaisse non seulement dans les liens bleus de Google, mais aussi dans les réponses générées par l'AI que ChatGPT, Perplexity et Google AI Overviews livrent chaque jour à des millions de personnes.

Et parce que je ne trouvais aucun outil capable de gérer correctement ces deux mondes, j'en ai construit un moi-même — SEOcrawl, une plateforme d'intelligence SEO pour les entreprises qui réunit rankings, audits techniques, monitoring des backlinks, santé du crawl et suivi de la visibilité de marque dans l'AI, le tout au même endroit. C'est la plateforme dont j'ai toujours rêvé.

→ Lire tous les articles de David
Plus d'articles de David Kaufmann

Découvrez plus de contenu de cet auteur