Open Graph

Créé par Facebook en 2010, Open Graph est un protocole qui utilise des balises méta dans le code HTML d’une page web pour contrôler le titre, la description et l’image qui s’affichent sur les réseaux sociaux lorsqu’un lien est partagé. En tant que spécialistes du marketing, ce protocole te permet de définir ce que les utilisateurs voient avant de cliquer.

Comment fonctionne Open Graph ?

Lorsqu’un utilisateur partage une URL, les robots d’indexation de Facebook, LinkedIn et X (anciennement Twitter) lisent les balises méta og: de la section <head> de la page et les utilisent pour créer l’aperçu du lien. Sans ces balises, les plateformes doivent deviner le titre, la description et l’image à afficher.

Le protocole Open Graph requiert quatre balises pour chaque page :

og:title : le titre visible dans l’aperçu
og:type : le type de contenu, tel qu’un article ou un site web
og:image : l’URL de l’image affichée dans l’aperçu
og:url : l’URL canonique de la page

og:description est une balise facultative courante qui définit le texte de résumé de l’aperçu. Teste l’aperçu de tes publications avec le Sharing Debugger de Facebook ou le Post Inspector de LinkedIn avant de publier.

Avantages du protocole Open Graph

Open Graph te permet de contrôler l’apparence de tes liens partagés et de garantir que leurs aperçus respectent l’identité visuelle de ta marque sur toutes les plateformes qui utilisent ces balises. Pour garantir un affichage conforme à tes attentes, veille à ce que les dimensions de ton og:image soient adaptées aux dimensions d’image fixées par les réseaux sociaux. Une image percutante et un titre accrocheur génèrent davantage de clics et incitent plus de personnes à partager ton contenu autour d’elles.

Comment utiliser Open Graph ?

Tu peux ajouter les balises Open Graph manuellement, à l’aide d’une extension ou directement depuis ton système de gestion de contenu (CMS). Suis ces étapes pour les configurer :

Ouvre le code HTML de ta page. Localise la section <head> de la page que tu souhaites contrôler. Dans un CMS comme WordPress, un plugin SEO te présente des champs pour chaque balise pour t'éviter de devoir modifier le code.
Ajoute les quatre balises requises. Ajoute les balises og:title, og:type, og:image et og:url. Voilà un exemple :

<meta property="og:title" content="Titre de ta page" /> 
<meta property="og:type" content="article" /> 
<meta property="og:image" content="https://exemple.com/image.jpg" /> 
<meta property="og:url" content="https://exemple.com/ta-page" /> 

Ajoute une balise og:description. Rédige une ou deux phrases pour présenter aux utilisateurs le contenu de ta page.
Choisis une image adaptée. Sélectionne une image haute résolution correspondant aux dimensions recommandées par les plateformes sur lesquelles le partage sera effectué. Utilise une URL complète plutôt qu’un chemin relatif.
Teste avant de publier. Utilise le débogueur de partage de Facebook ou l’inspecteur de publications de LinkedIn pour tester ton URL, prévisualiser l’aperçu et effacer toutes les versions mises en cache.

Commence un essai gratuit pour planifier et publier tes posts avec liens grâce aux outils de publication de Sprout Social.