...
Contact Contact

Balises Open Graph expliquées : réparer les aperçus de lien sur toutes les plateformes

Open Graph Tags Explained: How to Fix Link Previews on Every Platform Open Graph Tags Explained: How to Fix Link Previews on Every Platform

Quand un lien partagé apparaît sans image, avec le mauvais titre ou avec le logo à la place de l’image de l’article, ce sont presque toujours des balises Open Graph absentes ou erronées. Cela se répare en dix minutes — si l’on sait quelle plateforme applique quelle règle et pourquoi l’ancien aperçu continue de s’afficher.

Les six balises Open Graph qui comptent

<meta property="og:title" content="Titre pour les réseaux">
<meta property="og:description" content="Une ou deux phrases.">
<meta property="og:image" content="https://exemple.com/image.jpg">
<meta property="og:url" content="https://exemple.com/page/">
<meta property="og:type" content="article">
<meta name="twitter:card" content="summary_large_image">

og:title peut différer du title SEO : sur les réseaux, un titre qui intrigue fonctionne ; sur Google, un titre précis. Le générateur Open Graph crée les balises et montre l’aperçu par plateforme.

La taille d’image qui fonctionne partout

1200 × 630 pixels, ratio 1,91:1, moins de 1 Mo, JPG ou PNG, URL absolue en https. En dessous de 600 × 315, Facebook affiche une miniature à côté du texte plutôt qu’une grande image ; WhatsApp ignore complètement les images de plus de 300 Ko. Du texte dans l’image seulement au centre : les bords sont rognés sur certaines plateformes.

Advertisement

Particularités des plateformes

Plateforme Particularité
Facebook, Messenger Suit strictement OG ; cache agressif
LinkedIn N’accepte og:image qu’avec les bonnes dimensions ; sinon, première image de la page
WhatsApp Image légère obligatoire (< 300 Ko) ; aperçu mis en cache au premier partage
X (Twitter) Exige twitter:card ; utilise OG en repli
Slack, Discord OG plus theme-color ; les grandes images sont réduites

Le problème de cache

Les plateformes conservent le premier aperçu d’un lien et l’affichent pendant des semaines, même si vous avez corrigé les balises depuis longtemps. Forcez un rechargement : Sharing Debugger de Facebook (« Récupérer à nouveau »), Post Inspector de LinkedIn, Card Validator de X. Pour WhatsApp, seule une URL légèrement modifiée fonctionne (par exemple un paramètre ?v=2).

Tableau des pannes

Symptôme Cause Correctif
Pas d’image og:image absent, URL relative, trop lourd, ou http au lieu de https URL https absolue, 1200 × 630, moins de 1 Mo
Logo au lieu de l’image d’article L’extension met l’image par défaut ; la page n’a pas la sienne Définir une image mise en avant ou un og:image par page
Ancien titre Cache Faire re-récupérer par le débogueur
Image rognée Mauvais ratio Utiliser 1,91:1
Aperçu seulement sur bureau Image de plus de 300 Ko (WhatsApp) Compresser

Questions fréquentes

Ai-je besoin d’Open Graph pour le SEO ?

Pas pour le classement, mais pour le taux de clic des liens partagés — et les liens partagés apportent backlinks et trafic.

WordPress ajoute-t-il les balises automatiquement ?

Yoast, Rank Math et similaires oui, si une image mise en avant est définie. Vérifiez avec l’extracteur de balises meta.

Essayez maintenant : Générateur de balises Open Graph

Gratuit, fonctionne dans votre navigateur, rien n’est envoyé, sans inscription.

Ouvrir l’outil →
Add a comment Add a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Submit Comment

Advertisement
Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.