vendredi 25 septembre 2026

À propos

Contact

Lexique · SEO & accessibilité

Balise Open Graph

En anglais : « Open Graph tag »

Métadonnée placée dans l'en-tête HTML qui indique aux réseaux sociaux comment présenter un titre, une image et une description lors d'un partage.

Quand un lien est partagé sur un réseau social, l’aperçu qui apparaît (image, titre, résumé) n’est pas deviné automatiquement à partir du contenu de la page : il provient de balises spécifiques placées dans l’en-tête HTML, initialement définies par Facebook sous le nom de protocole Open Graph, aujourd’hui repris par la plupart des plateformes.

Les balises principales

  • og:title : le titre affiché dans l’aperçu.
  • og:description : le résumé qui accompagne le titre.
  • og:image : l’URL de l’image mise en avant dans l’aperçu.
  • og:url : l’adresse canonique de la page partagée.

Dans WordPress

Le cœur de WordPress ne génère pas ces balises nativement : ce rôle revient généralement à une extension de référencement (Yoast SEO, Rank Math, ou une extension maison) qui construit automatiquement og:image à partir de l’image mise en avant de l’article, ou permet de la personnaliser par publication.

Exemple

<meta property="og:title" content="Guide complet du cache WordPress">
<meta property="og:image" content="https://exemple.fr/cache-hero.jpg">
<meta property="og:type" content="article">

Bon à savoir

Twitter (devenu X) lit en priorité ses propres balises préfixées twitter:, mais retombe sur les balises Open Graph si celles-ci sont absentes ; il est donc rarement nécessaire de dupliquer toutes les informations, sauf pour un format d’image spécifique à la plateforme. La plupart des plateformes de messagerie et réseaux sociaux mettent en cache l’aperçu généré la première fois qu’un lien est partagé : modifier ces balises après coup n’actualise pas automatiquement les partages déjà effectués, et il faut parfois forcer un nouvel examen via un outil de débogage dédié fourni par la plateforme.