C’est quoi l’Open Graph Protocol (OGP) ?
L’Open Graph Protocol (protocole Open Graph en français) est un ensemble de balises HTML utilisé pour contrôler la manière dont les contenus partagés sur les réseaux sociaux sont affichés. Il a été créé par Facebook et est désormais largement utilisé par d’autres plateformes de médias sociaux telles que Twitter, LinkedIn et Pinterest.
À quoi sert l’Open Graph Protocol ?
L’Open Graph Protocol permet aux propriétaires de sites web de spécifier quelles informations doivent être incluses lorsqu’un lien vers leur site est partagé sur les réseaux sociaux. Ces informations incluent généralement le titre, la description, l’image miniature et d’autres éléments visuels et textuels.
En utilisant ces balises, vous avez un meilleur contrôle sur l’apparence de vos liens partagés. Par exemple, au lieu de laisser les réseaux sociaux choisir automatiquement une image miniature à partir de votre page, vous pouvez spécifier une image qui représente le mieux le contenu que vous partagez.
Comment fonctionne l’Open Graph Protocol ?
Pour utiliser l’Open Graph Protocol, vous devez ajouter des balises HTML spécifiques à votre page web. Voici quelques-unes des balises Open Graph les plus couramment utilisées :
- La balise
<meta property="og:title" content="Le titre de votre page">
: Spécifie le titre de la page à partager. - La balise
<meta property="og:description" content="La description de votre page">
: Définit la description de la page. - La balise
<meta property="og:image" content="URL de l'image miniature">
: Indique l’URL de l’image miniature à afficher. - La balise
<meta property="og:url" content="URL de la page">
: Définit l’URL de la page à partager. - La balise
<meta property="og:type" content="Type de contenu">
: Spécifie le type de contenu, par exemple, un article, un produit ou une vidéo.
Lorsqu’un lien vers votre site est partagé sur les réseaux sociaux, ces balises Open Graph aident les plateformes à extraire et à afficher les informations correctes, offrant ainsi une présentation plus attrayante et informative du contenu.
Comment insérer les balises Open Graph ?
Vous avez plusieurs options pour insérer les balises Open Graph dans votre site web, en fonction de votre niveau de familiarité avec le code source et du CMS que vous utilisez :
- Manuellement via le code source : Si vous êtes à l’aise avec le code HTML, vous pouvez insérer manuellement les balises Open Graph dans la section
<head>
de chaque page que vous souhaitez optimiser. Utilisez les balises telles queog:title
,og:description
,og:image
,og:url
, etog:type
pour définir les métadonnées appropriées. - Extensions CMS : Si votre site web est basé sur un système de gestion de contenu (CMS) tel que WordPress, vous pouvez utiliser des extensions dédiées pour gérer les balises Open Graph. Des extensions populaires comme « Yoast SEO » pour WordPress simplifient le processus en vous permettant de remplir les champs appropriés pour chaque page ou article.
- Outils en ligne : Il existe des outils en ligne gratuits qui génèrent automatiquement les balises Open Graph en fonction de l’URL de votre page. Vous entrez simplement l’URL de la page que vous souhaitez optimiser, et l’outil génère les balises pour vous. Assurez-vous simplement de personnaliser les balises selon vos besoins.
- CMS avec intégration native : Certains CMS, comme Joomla et Drupal, ont des fonctionnalités d’intégration native pour les balises Open Graph. Vous pouvez les configurer dans les paramètres de votre site.