What is the most common Open Graph mistake?

The most common mistake is using a relative URL for og:image instead of an absolute URL starting with https://. Platforms cannot fetch relative URLs, so the image will never appear in the preview.

Why does my OG image work on one platform but not another?

Each platform has different image size requirements. LinkedIn requires 1200x627 minimum, X requires 800x418, and Discord accepts 300x300 minimum. An image that works on one platform may be too small for another.

Erreurs courantes avec les balises Open Graph

Même les développeurs expérimentés commettent ces erreurs de balise OG. Voici les plus courants et comment les résoudre.

Vérifiez les erreurs dans vos balises OG

Utilisez Proovd — collez une URL et voyez instantanément à quoi elle ressemble sur X, LinkedIn, Slack, Discord, WhatsApp et Reddit.

Réponse rapide

Utilisation d'URL relatives pour og:image — les plateformes ne peuvent pas les récupérer
Balise twitter:card manquante — X ne restituera pas votre carte
Image trop petite pour la plateforme — LinkedIn nécessite 1200×627 minimum
Ne pas vider le cache après les mises à jour : les plates-formes mettent en cache les balises OG pendant des jours

Erreur 1 : utiliser des URL relatives pour og:image

C’est l’erreur la plus courante. Les développeurs écrivent :

✗ Faux

<meta property="og:image" content="/images/preview.jpg" />

Les robots d'exploration des plateformes ne peuvent pas résoudre les URL relatives. Ils ont besoin d'une URL absolue :

✓ Correct

<meta property="og:image" content="https://yoursite.com/images/preview.jpg" />

Utilisez toujours https:// dans votre URL og:image. Cela affecte toutes les plates-formes : X, LinkedIn, Discord, Slack, WhatsApp et Reddit.

Erreur 2 : balise twitter:card manquante

De nombreux développeurs ne définissent que Open Graph balises et ignorent Twitter Card balises. X/Twitter préfère twitter:card et risque de ne pas restituer correctement votre carte sans cela.

✗ Incomplet

<meta property="og:image" content="https://yoursite.com/image.jpg" />

✓ Terminé

<meta property="og:image" content="https://yoursite.com/image.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yoursite.com/image.jpg" />

Réglez à la fois og:image et twitter:image pour une couverture complète. Consultez notre guide Open Graph vs Twitter Card pour plus de détails.

Erreur 3 : image trop petite pour la plateforme

Chaque plateforme a des tailles d'image minimales différentes. Une image qui fonctionne sur Discord (300×300 minimum) peut ne pas fonctionner sur LinkedIn (1200×627 minimum).

Platform	Minimum	Recommended
X / Twitter	800 × 418	1200 × 628
LinkedIn	1200 × 627	1200 × 627
Discord	300 × 300	1200 × 630
WhatsApp	300 × 157	1200 × 630
Reddit	120 × 120	1200 × 628

Utiliser 1200 × 630 comme taille standard couvre toutes les plates-formes. Consultez notre Open Graph Guide des tailles d'image pour la répartition complète.

Erreur 4 : ne pas vider le cache après les mises à jour

Vous mettez à jour vos balises OG. Les plates-formes affichent toujours l'ancien aperçu. Le problème : les plates-formes mettent en cache les balises OG et ne les récupèrent pas automatiquement.

Après avoir mis à jour vos balises, vous devez vider le cache de chaque plateforme :

Facebook : Sharing Debugger → "Grattez à nouveau"
LinkedIn: Post Inspector → "Inspecter"
X/Twitter : Card Validator → "Aperçu de la carte"
Discord/Slack : Supprimer l'ancien message, republier l'URL
WhatsApp: Ajouter le paramètre de requête ?v=2

Consultez notre guide Comment vider le Open Graph Cache pour la procédure pas à pas complète, plate-forme par plate-forme.

Erreur 5 : og:description manquant ou texte tronqué

Certains développeurs définissent og:title et og:image mais ignorent og:description. D'autres écrivent des descriptions trop longues et sont tronquées.

Bonnes pratiques :

og:title: 50-60 caractères (identique à la balise de titre SEO)
og:description: 150-160 caractères (identique à la méta description)
Placez les informations les plus importantes en premier : les plates-formes sont tronquées à différents endroits.

Erreur 6 : ne pas définir og:url

Sans og:url, les plateformes peuvent utiliser la mauvaise URL dans l'aperçu (par exemple, une URL avec des paramètres de suivi). Définissez toujours l'URL canonique :

✓ Correct

<meta property="og:url" content="https://yoursite.com/your-page" />

Erreur 7 : Utiliser un mauvais type MIME d'image

Si votre serveur renvoie le mauvais en-tête Content-Type pour votre image (par exemple, en diffusant un PNG avec image/jpeg), certaines plates-formes le rejetteront. Assurez-vous que votre serveur d'images renvoie le type MIME correct :

JPG/JPEG → image/jpeg
PNG → image/png
WebP → image/webp
GIF → image/gif

LinkedIn est particulièrement strict concernant la validation du type MIME.

Erreur 8 : pages dynamiques sans balises OG uniques

Si vous disposez d'un SPA ou d'un site dynamique où chaque page partage les mêmes balises OG (généralement les balises de la page d'accueil), les plateformes afficheront le même aperçu pour chaque page. Chaque page a besoin de son propre titre, description et image.

Dans Next.js, utilisez generateMetadata(). Dans WordPress, utilisez les paramètres Yoast/RankMath par page. En HTML brut, définissez les balises individuellement sur chaque page.

Liste de contrôle des solutions rapides

Utilisez des URL absolues (https://...) pour tous les og:image chemins
Définissez les balises og: et twitter:
Utilisez des images de 1 200 × 630 pixels pour une compatibilité universelle
Effacer les caches de la plateforme après la mise à jour des balises
Définir des balises OG uniques pour chaque page
Incluez og:description (150-160 caractères)
Définissez og:url sur l'URL canonique
Vérifiez que le type MIME correspond au format d'image réel
Testez avec Proovd pour détecter toutes les erreurs à la fois

Foire aux questions

Quelle est l’erreur Open Graph la plus courante ?

Utilisation d'une URL relative pour og:image au lieu d'une URL absolue commençant par https://. Les plateformes ne peuvent pas récupérer d'URL relatives, donc l'image n'apparaîtra jamais dans l'aperçu.

Pourquoi mon image OG fonctionne-t-elle sur une plateforme mais pas sur une autre ?

Chaque plate-forme a des exigences différentes en matière de taille d'image. LinkedIn nécessite 1200x627 minimum, X nécessite 800x418 et Discord accepte 300x300 minimum. Une image qui fonctionne sur une plateforme peut être trop petite pour une autre.

Comment puis-je vérifier si mes balises OG contiennent des erreurs ?

Utilisez Proovd pour coller n'importe quelle URL et voir exactement comment elle s'affiche sur les six plates-formes à la fois.

Articles connexes

Vérifiez les erreurs dans vos balises OG

Utilisez Proovd — collez une URL et voyez l'aperçu sur X, LinkedIn, Slack, Discord, WhatsApp et Reddit.