La Balise Open Graph : de quoi parle t-on ?
La balise Open Graph est une balise méta HTML qui a été développée par Facebook en 2010. Elle permet de maîtriser la manière dont votre page web sera présentée lorsqu’elle sera partagée sur vos réseaux sociaux (Facebook, LinkedIn, X (Twitter) ou WhatsApp).
En effet, sans ces balises, Facebook affichera simplement et de manière automatique le premier texte ou la première image qu’il aura trouvé sur votre page. Ce qui veut dire que, dans le meilleur des cas, le résultat ne sera pas optimisé et dans le pire, il sera peu vendeur, vague, voire comportera des erreurs, donc négatif pour votre image.
Pas terrible tout ça dis donc !
En intégrant et en optimisant ces balises, vous pouvez ainsi définir le titre, la description, l’image et d’autres informations qui pourront être affichées dans l’aperçu du lien partagé, de sorte que Facebook comprenne ce que votre page représente et affiche un aperçu conforme à ce que vous souhaitez mettre en avant.
Cela permet également de maintenir une image claire et harmonieuse à travers tous vos canaux de communication. En effet, les balises Open Graph sont aujourd’hui un standard pour les aperçus de lien et sont donc utilisées par d’autres plateformes comme Linkedin, X (Twitter), ou encore Pinterest.
- og:title : Titre de la page.
- og:description : Brève description du contenu.
- og:image : URL de l’image à afficher.
- og:url : URL canonique de la page.
- og:type : Type de contenu (par exemple, « article »).
- og:site_name : Nom du site web.
- og:locale : Langue et région (par exemple, « fr_FR »).
Ces balises sont à intégrer dans la section <head> de votre page HTML, mais pas de panique si ça ne vous parle pas, nous vous expliquons comment les intégrer à vos pages plus loin dans cet article.
Facebook, site internet, quel rapport entre les Balises Open Graph, le SEO et votre visibilité ?
Créé par Facebook, l’Open Graph Protocol (OGP) est un protocole qui s’inspire du Dublin Core, des Microformats et du RDF. Les méta données que vous ajoutez sur la page web par le biais des balises Open Graph permettent aux moteurs de recherche de Google de mieux comprendre le contenu d’une page. Même si les balises Open Graph ne sont pas directement prises en compte par Google pour le classement dans les résultats de recherche, elles ont tout de même un impact indirect sur le SEO.
En effet, elles jouent un rôle crucial dans le trafic vers votre site internet, au travers des réseaux sociaux mais aussi dans l’engagement utilisateur. Puisque les balises Open Graph déterminent l’apparence et donc l’aperçu final de votre page lorsque vous la partagez, vous pouvez les travailler pour optimiser titre, description et image d’aperçu pour mettre toute les chances de votre côté et ainsi générer plus de clics.
Pour reprendre : un aperçu attrayant pourra jouer sur le taux de clics (CTR) sur vos liens issus des réseaux sociaux, donc générer plus de visites sur votre site, améliorant potentiellement l’engagement sur votre site et donc par extension, votre autorité SEO.
Un lien bien présenté peut :
- Améliorer le taux de clics (CTR) sur les publications sociales ;
- Augmenter le trafic vers votre site depuis les réseaux sociaux ;
- Renforcer l’image de marque grâce à des visuels cohérents et attractifs ;
- Réduire les erreurs d’affichage comme les miniatures absentes ou floues ;
- Encourager le partage viral, si l’aperçu est bien conçu.
Comment intégrer et optimiser les Balises Open Graph à votre site internet ?
Il est possible de les ajouter de deux façons, manuellement si votre site internet a été intégralement développé et codé par un professionnel, ou au travers de votre CMS s’il a été développé via une plateforme.
Nous allons voir comment vous y prendre dans ces deux cas.
Première méthode : manuellement
Lorsque votre site internet a été développé de A à Z par un professionnel, il vous faudra ajouter ces balises manuellement. Comme nous l’expliquions plus haut, elles sont à ajoutez directement dans le code HTML de votre page dans la balise <head> qui se situe au début du code.
Vous pouvez copier/coller ces balises tel que présenté ci-dessous, en complétant avec vos informations la partie content qui se trouve entre guillemets.
Deuxième méthode : avec votre CMS WordPress
Pour cette méthode, vous pourrez passer par des plugins pour vous faciliter la tâche. En installant Yoast SEO ou encore Rank Math, vous pourrez optimiser vos titres, descriptions, vos images, etc. pour chaque page ou article, puisque ces plugins permettent d’ajouter et de gérer facilement des balises Open Graph.
Nos bonnes pratiques pour optimiser vos Balises Open Graph
- Pour la balise og:title : Limitez-vous à 60 caractères pour éviter que votre titre ne soit coupé.
- Pour la balise og:description : Rédigez une description qui reprend les informations principales de la page mais essayez de ne pas dépasser les 300 caractères pour un meilleur affichage.
- Pour la balise og:image : Utilisez une image de 1200×630 pixels pour une meilleure qualité d’affichage.
- Pour la balise og:url : Ici, il s’agit de l’URL canonique de votre page.
- Pour la balise og:type : Vous devez ici renseigner le principal type de contenu présent sur votre page (”article”, pour les articles de blog, “website” pour les pages d’accueil, etc.).
Enfin, pensez à vérifier et tester vos Balises Open Graph. Nous vous proposons ici 3 outils pour faire vos tests :
En résumé
Les balises Open Graph sont des outils essentiel pour maîtriser et harmoniser l’apparence de vos contenus sur les réseaux sociaux. En les optimisant, vous améliorez le taux de clics, le trafic vers votre site, mais également l’engagement, ce qui influence alors votre autorité SEO.
Que vous fassiez vos premiers pas dans le SEO ou que vous cherchiez à aller plus loin, ces balises sont cruciales pour travailler votre image de marque et la visibilité de votre site internet.
Tu expliques très clairement l’importance des balises Open Graph.
Le passage :
« La balise Open Graph est une balise méta HTML… permet de maîtriser la manière dont votre page web sera présentée »
est percutant.
Tu montres combien ces balises sont indispensables pour contrôler l’affichage d’un lien partagé.
Bravo pour ce guide simple, pratique et efficace :)
Merci Rémi pour ton commentaire, content que cet article ait pu t’aider 😉