Vous avez mis une page en ligne, partagé le lien — et l'aperçu affiche la mauvaise image, ou rien du tout. Presque tous les problèmes d'OG image se ramènent à trois causes : des balises manquantes, une URL d'image cassée ou un cache périmé. Ce guide vous montre comment prévisualiser votre OG image avant de la partager, et comment corriger chacune de ces pannes quand elle survient.
Vérifiez d'abord les balises
Avant de sortir le moindre outil, affichez le code source de votre page (Ctrl+U / Cmd+U) et confirmez que ces balises existent dans le <head> :
<meta property="og:title" content="Launch day: v2.0" />
<meta property="og:description" content="Everything new in this release." />
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Deux règles attrapent la plupart des bugs immédiatement :
og:imagedoit être une URL HTTPS absolue. Les chemins relatifs (/og/launch.png) échouent sur la plupart des crawlers.- L'URL de l'image doit être accessible publiquement — ouvrez-la dans une fenêtre de navigation privée. Si elle exige une connexion, redirige ou renvoie un 404, aucune plateforme ne peut la récupérer.
Si vous n'êtes pas sûr que votre image soit même à la bonne taille, commencez par notre guide des tailles d'OG image — les dimensions sont l'autre moitié d'un aperçu qui fonctionne.
Outils de prévisualisation par plateforme
Chaque grande plateforme propose un débogueur officiel qui montre exactement ce que voit son crawler :
| Plateforme | Outil | Ce qu'il fait |
|---|---|---|
| Sharing Debugger | Affiche la carte telle qu'elle a été scrapée, liste les avertissements et propose un bouton « Scrape Again » | |
| Post Inspector | Rend l'aperçu et rafraîchit le cache de LinkedIn à chaque inspection | |
| X (Twitter) | Rédigez un brouillon de post | X a retiré son aperçu Card Validator autonome — collez le lien dans un brouillon (ou envoyez-le-vous en DM) pour voir la carte réelle |
| Slack | Envoyez-vous un message | Slack déplie les liens en temps réel ; un DM à soi-même est l'aperçu OG le plus rapide qui soit |
| Discord | Collez le lien dans n'importe quel salon | Les embeds se génèrent immédiatement à partir de vos balises Open Graph |
| WhatsApp / Telegram | Envoyez le lien dans « Messages enregistrés » / à vous-même | Les deux lisent og:image ; Telegram met durement en cache (voir plus bas) |
Un flux de travail pragmatique : corrigez les balises → passez le Facebook Sharing Debugger (ses avertissements sont les plus détaillés) → puis vérifiez ponctuellement la plateforme qui compte vraiment pour vous.
Forcer un rafraîchissement du cache
Les plateformes mettent les aperçus de liens en cache de façon agressive — parfois pendant des semaines. Si vous avez mis à jour votre OG image mais continuez de voir l'ancienne :
- Facebook : ouvrez le Sharing Debugger et cliquez sur Scrape Again.
- LinkedIn : passez l'URL dans le Post Inspector — l'inspection elle-même purge le cache.
- X : aucun rafraîchissement manuel ; le cache expire en général sous une semaine environ.
- Telegram : envoyez votre URL à
@WebpageBotpour forcer un nouveau crawl. - La solution universelle : changez l'URL de l'image. Ajouter un paramètre de version (
/og/launch.png?v=2) — ou mieux, utiliser un nom de fichier avec hash de contenu — fait que chaque plateforme la traite instantanément comme une image toute neuve.
Si vos OG images sortent d'un pipeline, intégrez une version ou un hash dans le nom de fichier dès le premier jour. L'invalidation du cache cesse alors totalement d'être un problème.
Pourquoi votre OG image ne s'affiche toujours pas
Vous avez lancé les débogueurs et l'image manque encore ? Descendez cette liste :
- L'image est trop lourde ou trop lente. Les crawlers abandonnent sur les fichiers de plusieurs mégaoctets. Restez sous 1 MB (bien sous 300 KB pour WhatsApp).
- Les dimensions sont sous le seuil de la grande carte. En dessous de 600×315, Facebook retombe sur une petite vignette. Exportez en 1200×630 — le guide des tailles donne le détail complet.
- Votre page bloque les crawlers. Vérifiez que
robots.txt, un pare-feu ou une couche anti-bots ne renvoie pas des 403 àfacebookexternalhit,TwitterbotouLinkedInBot. - Les balises sont injectées côté client. La plupart des crawlers sociaux n'exécutent pas JavaScript. Les balises OG doivent figurer dans le HTML rendu côté serveur.
- Plusieurs balises
og:imageentrent en conflit. Les plateformes prennent généralement la première — supprimez les restes laissés par des templates ou des plugins.
Prévisualisez avant de publier, pas après
Les débogueurs ci-dessus vous disent ce qui a mal tourné après coup. L'habitude la moins coûteuse, c'est d'avoir la bonne image avant la mise en ligne. Notre générateur d'OG image gratuit affiche une prévisualisation en direct aux dimensions exactes de 1200×630 pendant que vous éditez — ce que vous voyez dans l'éditeur est, au pixel près, ce que montrera la carte — et exporte un PNG optimisé qui passe tous les contrôles de cet article. Sans inscription, sans filigrane.
FAQ
Comment prévisualiser mon OG image sans publier ?
Utilisez le Facebook Sharing Debugger ou le LinkedIn Post Inspector pour un rendu officiel, ou envoyez-vous le lien dans Slack, Discord ou WhatsApp — les messages à soi-même se déplient exactement comme des partages publics.
Combien de temps dure le cache d'une OG image ?
Cela varie : Facebook garde le cache jusqu'à ce que vous forciez un nouveau scrape, LinkedIn se rafraîchit via le Post Inspector, X expire de lui-même sous une semaine environ. Changer l'URL de l'image (?v=2 ou un nouveau nom de fichier) contourne tous les caches d'un coup.
Pourquoi mon OG image s'affiche sur Facebook mais pas sur WhatsApp ?
Presque toujours une question de poids. WhatsApp renonce face aux images lourdes — compressez votre PNG ou servez une variante plus légère, et restez bien sous 300 KB.
Les balises OG fonctionnent-elles sur des pages rendues en JavaScript ?
Seulement si les balises sont présentes dans la réponse initiale du serveur. Les crawlers sociaux n'exécutent généralement pas JavaScript : des balises meta injectées côté client leur sont invisibles.
