Aperçu Open Graph : Testeur Image OG

Les balises Open Graph (OG) sont des balises méta HTML qui contrôlent l'apparence de votre page lorsqu'elle est partagée sur les réseaux sociaux comme Facebook, LinkedIn, X (Twitter) ou WhatsApp. Elles définissent le titre, la description et l'image d'aperçu affichés, ce qui influence directement le taux de clic et l'engagement. Sans balises OG correctes, les plateformes affichent un contenu par défaut qui représente souvent mal votre page.

Facebook et LinkedIn utilisent les balises Open Graph standard (og:title, og:description, og:image), tandis que X (Twitter) dispose de ses propres balises Twitter Card (twitter:title, twitter:description, twitter:image). X peut se rabattre sur les balises OG si les balises spécifiques sont absentes. Chaque plateforme affiche l'aperçu un peu différemment : Facebook et LinkedIn préfèrent des images de 1200 x 630 px, tandis que X utilise 1200 x 600 px pour les grandes cartes.

Pour Facebook et LinkedIn, utilisez 1200 x 630 px (format 1,91:1). Pour X (Twitter), utilisez 1200 x 600 px (format 2:1) pour les grandes cartes. WhatsApp utilise le même format que Facebook. Les images doivent être en JPG ou PNG (pas en SVG), peser moins de 8 Mo et rester lisibles en petit format, car les utilisateurs mobiles voient souvent une version compressée.

Les titres doivent faire 40 à 60 caractères pour Facebook et LinkedIn (70 au maximum pour X) afin d'éviter la troncature. Les descriptions fonctionnent le mieux entre 150 et 200 caractères sur toutes les plateformes : assez longues pour convaincre, assez courtes pour s'afficher entièrement. Placez les informations importantes au début, car les plateformes peuvent couper le texte sur les petits écrans.

Utilisez cet outil pour prévisualiser l'apparence de votre lien sur les différentes plateformes, ou les outils de débogage propres à chaque réseau, comme l'outil de débogage de partage de Facebook. Videz toujours le cache de la plateforme après avoir modifié vos balises OG (via ces outils), car les réseaux sociaux conservent les aperçus en cache pendant plusieurs jours.

og:image est l'image Open Graph standard utilisée par Facebook, LinkedIn, WhatsApp et la plupart des plateformes. twitter:image est la balise propre aux Twitter Cards de X. Si twitter:image n'est pas définie, X utilise og:image. Renseignez les deux balises si vous voulez une image différente pour X, ou seulement og:image pour utiliser la même image partout.

Pour générer directement ces balises og:image et twitter:image, utilisez notre générateur de balises méta IA (title, description, OG en un clic).

Mettez à jour les balises OG chaque fois que le contenu de votre page change significativement, que vous renouvelez vos visuels pour une campagne saisonnière ou que l'engagement obtenu n'est pas à la hauteur de vos attentes. Après modification, utilisez les outils de débogage des plateformes pour vider leur cache afin que le nouvel aperçu s'affiche immédiatement. Pour les articles de blog et les contenus sensibles au temps, vérifiez que les balises OG sont correctes avant tout partage, afin d'éviter d'avoir à forcer une remise en cache.