Comment corriger les erreurs de balises Open Graph
Les balises Open Graph sont un élément central du marketing digital moderne et de l’optimisation du contenu web. Savez-vous à quel point ces petits bouts de code comptent ? Ces balises, qui déterminent l’apparence de votre contenu sur les réseaux sociaux, ont en réalité un impact considérable sur le taux de clic et l’engagement.
Vous avez sans doute déjà partagé un lien sur Facebook ou une messagerie et vu apparaître une image cassée ou un titre complètement erroné. À l’inverse, quand les balises sont correctement configurées, votre contenu s’affiche parfaitement sur Facebook, Twitter/X et les autres plateformes.
De nombreux marketeurs se sont déjà arraché les cheveux sur ce même problème. Voir un aperçu social complètement raté juste avant le lancement d’une campagne importante, rien que d’y penser, c’est stressant.
Mais rassurez-vous. À la fin de cet article, vous saurez corriger les erreurs de balises Open Graph en un rien de temps. Passons en revue les erreurs les plus fréquentes et leurs solutions, une par une.
Qu’est-ce qu’une balise Open Graph ?
Une balise Open Graph est une balise meta qui détermine l’apparence d’une page web lorsqu’elle est partagée sur les réseaux sociaux. Développée initialement par Facebook, elle est aujourd’hui utilisée par la plupart des plateformes sociales : Twitter/X, LinkedIn, messageries, etc.
En clair, c’est le code qui définit les informations d’ « aperçu » (titre, description, image) affichées lorsque vous partagez un lien de blog ou de site sur Facebook ou une messagerie.
Une balise Open Graph de base s’écrit dans la section <head> du HTML, comme ceci :
<meta property="og:title" content="Titre de la page" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.example.com/page" />
<meta property="og:image" content="https://www.example.com/image.jpg" />
<meta property="og:description" content="Description de la page" />Voyons maintenant les erreurs de balises Open Graph les plus fréquentes et comment les corriger !
Erreur 1 : des balises OG obligatoires manquantes
Le problème
L’erreur la plus basique consiste à omettre une balise OG obligatoire. Les balises obligatoires sont og:title, og:type, og:url et og:image : s’il en manque ne serait-ce qu’une, votre contenu risque de ne pas s’afficher correctement sur les réseaux sociaux. Cela correspond exactement aux quatre propriétés obligatoires définies par la spécification officielle du protocole Open Graph (ogp.me) pour toute page.
Comment la corriger
- Vérifiez le code source HTML de votre site.
- Assurez-vous que toutes les balises suivantes figurent bien dans la balise
<head>.
<meta property="og:title" content="Titre du contenu" />
<meta property="og:type" content="website" /> <!-- ou article, blog, etc. -->
<meta property="og:url" content="https://your-website.com/page" />
<meta property="og:image" content="https://your-website.com/image.jpg" />- Ajoutez les balises manquantes.
- Si vous utilisez WordPress, un plugin comme Yoast SEO ou All in One SEO Pack facilite grandement leur gestion.
Erreur 2 : des problèmes liés à l’image
Le problème
Si l’image est trop petite, mal proportionnée, ou si son URL est incorrecte, elle ne s’affichera pas correctement sur les réseaux sociaux.
Comment la corriger
- Vérifiez la taille de l’image : Facebook recommande au minimum 1200 x 630 pixels, Twitter/X recommande 1200 x 675 pixels. La documentation officielle de Meta (Facebook) recommande également au moins 1200 x 630 pixels, un ratio de 1,91:1 et un poids inférieur à 8 Mo.
- Vérifiez l’URL de l’image : utilisez un chemin absolu (une URL complète commençant par https://).
- Vérifiez le format de l’image : utilisez un format web standard (JPG, PNG, GIF, etc.).
- Vérifiez le poids de l’image : idéalement en dessous de 8 Mo.
<!-- Bon exemple -->
<meta property="og:image" content="https://your-website.com/images/og-image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Mauvais exemple -->
<meta property="og:image" content="/images/og-image.jpg" /> <!-- utilise un chemin relatif -->Erreur 3 : des balises OG dupliquées
Le problème
Lorsque plusieurs balises OG du même type coexistent, la plateforme sociale ne sait plus quelle information utiliser. C’est un problème particulièrement fréquent sur WordPress lorsque plusieurs plugins SEO fonctionnent en même temps.
Comment la corriger
- Examinez le code source de votre site pour repérer d’éventuelles balises OG en double.
- Vérifiez si votre thème et vos plugins génèrent tous deux des balises OG, créant ainsi des doublons.
- Sur WordPress, n’utilisez qu’un seul plugin lié au SEO.
- Si vous pouvez éditer le code directement, supprimez les doublons et n’en gardez qu’une seule.
Erreur 4 : un contenu incohérent
Le problème
Ce cas survient lorsque le contenu de la balise OG ne correspond pas au contenu réel de la page web. L’utilisateur voit alors autre chose que ce qu’il attendait, ce qui peut nuire à la confiance.
Comment la corriger
- Vérifiez que le contenu de la balise OG correspond au contenu de la page web.
- Assurez-vous en particulier que og:title et og:description reflètent précisément le titre et le contenu réels de la page.
- Si vous utilisez un outil automatisé, vérifiez qu’il extrait correctement le contenu des balises à partir du contenu réel.
<!-- Un titre OG conforme au titre de la page web -->
<title>Tendances marketing digital 2025</title>
<meta property="og:title" content="Tendances marketing digital 2025" />Erreur 5 : des problèmes d’encodage de caractères
Le problème
Ce cas survient lorsqu’une balise OG contenant des caractères accentués ou spéciaux s’affiche sous forme de texte corrompu. C’est un problème particulièrement fréquent sur les sites non anglophones.
Comment la corriger
- Vérifiez que votre document HTML a bien le bon encodage configuré.
<meta charset="UTF-8">- Si la valeur content d’une balise OG contient des caractères spéciaux ou accentués, convertissez-la en entités HTML ou vérifiez que l’encodage UTF-8 est réellement bien appliqué.
- Vérifiez que l’en-tête Content-Type est correctement configuré au niveau du serveur.
Erreur 6 : des erreurs d’URL
Le problème
Si la balise og:url est incorrecte ou absente, les réseaux sociaux risquent d’associer un même contenu à plusieurs URL différentes, créant un problème de contenu dupliqué.
Comment la corriger
Vérifiez que la balise og:url correspond bien à l’URL canonique de la page en cours. Le guide officiel de Meta précise que og:url doit contenir l’URL canonique de la page, sans variable de session ni paramètre de suivi.
<link rel="canonical" href="https://your-website.com/page" />
<meta property="og:url" content="https://your-website.com/page" />- Écrivez toujours l’URL en chemin absolu.
- Choisissez une seule version et restez cohérent : www ou non-www, http ou https.
Erreur 7 : des erreurs propres à chaque plateforme
Le problème
Chaque plateforme sociale prend également en charge ses propres balises meta, en plus des balises OG. Twitter/X, par exemple, utilise les balises Twitter Cards. Si ces balises spécifiques à la plateforme manquent, votre contenu peut ne pas s’afficher correctement sur cette plateforme.
Comment la corriger
Pour Twitter/X, ajoutez les balises Twitter Card.
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@your_twitter_handle" />
<meta name="twitter:title" content="Titre du contenu" />
<meta name="twitter:description" content="Description du contenu" />
<meta name="twitter:image" content="https://your-website.com/image.jpg" />Pour les messageries comme KakaoTalk, les balises OG classiques fonctionnent déjà bien, mais ajouter les balises suivantes peut être encore plus efficace.
<meta property="og:locale" content="fr_FR" />
<meta property="og:site_name" content="Nom du site" />Pour le reste, référez-vous à la documentation développeur de chaque plateforme pour ajouter les balises nécessaires.
Erreur 8 : des balises OG non mises à jour après une modification du contenu
Le problème
Ce cas survient lorsque vous avez mis à jour le contenu de votre page web, mais que les réseaux sociaux affichent toujours l’ancienne information. C’est parce que les plateformes sociales mettent en cache les informations du crawl précédent.
Comment la corriger
- Forcez le rafraîchissement du cache avec l’outil de débogage Facebook :
- Accédez au Facebook Sharing Debugger
- Saisissez l’URL puis cliquez sur « Déboguer »
- Cliquez sur « Extraire à nouveau »
- Utilisez le validateur Twitter Card :
- Accédez au Twitter Card Validator
- Saisissez l’URL puis cliquez sur « Preview »
- Pour LinkedIn, utilisez Post Inspector.
- Ajoutez des balises de contrôle du cache pour réduire la durée de mise en cache.
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />Outils de gestion des balises Open Graph
Voici quelques outils pour vérifier et gérer facilement vos balises Open Graph.
- Sharing Debugger – Meta for Developers : analyse vos balises OG et propose un aperçu.
- Twitter Card Validator : vérifie vos balises Twitter Card.
- LinkedIn Post Inspector : vérifie l’aperçu de partage sur LinkedIn.
- Le plugin Yoast SEO : facilite la gestion des balises OG sur WordPress.
- SEO Meta in 1 Click : une extension Chrome permettant de vérifier rapidement toutes les balises meta d’une page web.
En conclusion
Les balises Open Graph sont un élément déterminant de l’apparence de votre contenu sur les réseaux sociaux. Il est recommandé de vérifier et mettre à jour vos balises OG régulièrement. Avant de publier un contenu important en particulier, vérifiez toujours que vos balises OG sont correctement configurées.
Nous espérons que cet article vous aura aidé à corriger vos erreurs de balises Open Graph. Utilisez les erreurs et solutions présentées ici pour que votre site ou votre blog s’affiche parfaitement lors d’un partage sur les réseaux sociaux !
Vous rencontrez des difficultés avec le référencement naturel ? Consultez aussi ces articles.
À lire également
- Le guide complet du SEO technique : crawl, indexation, rendu, vitesse et structure
- Qu’est-ce qu’une balise canonique (Canonical Tag) ?
- Pourquoi un sitemap est important et 3 façons d’en créer un
- Qu’est-ce qu’une balise H1 et comment bien l’utiliser
- Que sont les certificats SSL et HTTPS, et pourquoi sont-ils importants ?
Si vous souhaitez appliquer cela à votre entreprise — découvrez l’approche de Growth via notre service SEO, et si vous avez besoin d’un diagnostic précis de votre situation, contactez-nous via notre page contact. Nous répondons en fonction du client unique qui devient du chiffre d’affaires, pas du volume de trafic.
Questions fréquentes
Quelles sont les balises Open Graph absolument obligatoires ?
Selon la spécification officielle du protocole Open Graph, og:title, og:type, og:url et og:image sont les quatre propriétés obligatoires pour toute page. S’il en manque ne serait-ce qu’une, l’aperçu peut être cassé ou mal s’afficher sur les réseaux sociaux : vérifiez donc d’abord que ces quatre balises figurent bien dans votre <head>.
Quelle taille doit avoir mon image OG ?
Facebook (Meta) recommande au minimum 1200 x 630 pixels, un ratio de 1,91:1 et un poids inférieur à 8 Mo. L’URL de l’image doit impérativement être un chemin absolu commençant par https : un chemin relatif peut empêcher l’image de s’afficher sur les réseaux sociaux.
J’ai modifié mon contenu, mais l’ancien aperçu s’affiche toujours sur les réseaux sociaux. Que faire ?
C’est parce que la plateforme sociale met en cache l’ancienne information. Sur Facebook, vous pouvez forcer le rafraîchissement via « Extraire à nouveau » dans le Sharing Debugger ; sur LinkedIn, utilisez Post Inspector. Les images étant mises en cache par URL, si vous avez changé l’image, il est plus sûr de changer aussi le nom de fichier (URL).
Quelle URL dois-je indiquer dans og:url ?
Indiquez l’URL canonique de la page. Utilisez un chemin absolu, sans variable de session ni paramètre de suivi, et restez cohérent : choisissez www ou non-www, http ou https. Si og:url est mal configuré, les réseaux sociaux peuvent associer un même contenu à plusieurs URL différentes, créant un problème de contenu dupliqué.
