Open Graph & Social Preview

Open Graph & Social Preview

Preview how your page looks when shared on Facebook, LinkedIn and X.

Qu'est-ce que Open Graph & aperçu social ?

L'outil Open Graph & aperçu social lit les balises Open Graph et Twitter Card d'une page et montre en direct son rendu lors d'un partage sur Facebook, LinkedIn et X. Vous voyez instantanément si le titre, la description et l'image sont corrects ou manquants, pour des partages professionnels.

Open Graph & Social Preview

Comment l'utiliser

  1. 1Saisissez l'adresse (URL) de la page à prévisualiser.
  2. 2Parcourez l'aperçu de la carte sociale pour Facebook, LinkedIn et X.
  3. 3Repérez et corrigez les balises Open Graph / Twitter manquantes ou erronées.

Interpréter le résultat

og:title et og:description
IndispensableSans ces balises, chaque plateforme tente d'extraire du texte au hasard dans la page, produisant un aperçu souvent incohérent ou tronqué.
og:image 1200×630
Critique pour le clicC'est l'élément visuel dominant du flux. Une image absente ou sous-dimensionnée divise drastiquement le taux de clic lors des partages.
Poids de l'image
Inférieur à 5 MoAu-delà de cette limite, plusieurs réseaux sociaux abandonnent le téléchargement du fichier et affichent une carte sans aucun visuel.
Texte sur l'image
Vigilance mobileSur smartphone, le visuel de la carte est fortement réduit : un texte incrusté trop fin ou dense devient illisible pour l'utilisateur.
Après modification
Gestion du cacheFacebook et LinkedIn conservent l'ancien aperçu en mémoire. Utilisez leurs outils de débogage officiels pour forcer le rafraîchissement immédiat.

Quand l'utiliser

Validation avant publication

Les rédacteurs web vérifient que le titre ne soit pas tronqué sur mobile et que le visuel s'affiche parfaitement avant de diffuser l'article sur LinkedIn ou X.

Lancement de promotion

Les e-commerçants contrôlent que les liens d'opérations spéciales affichent la bannière tarifaire à jour, évitant ainsi de relayer un ancien visuel expiré lors de partages clients.

Migration de site

Les développeurs s'assurent après une refonte que le CMS n'applique pas un logo générique par défaut sur chaque page, préservant la cohérence visuelle de la marque.

Erreurs fréquentes

URL d'image relative

Indiquer un chemin relatif au lieu d'une adresse absolue débutant par https:// empêche les robots de réseaux sociaux de localiser votre image. Spécifiez systématiquement l'URL complète.

Format carré inadapté

Utiliser un ratio 1:1 au lieu du format recommandé 1200×630 pixels génère des bandes vides ou des recadrages disgracieux dans les flux Facebook et LinkedIn.

Fichiers d'image surdimensionnés

Dépasser un poids de 5 Mo entraîne des abandons de chargement chez les robots d'aperçu. Privilégiez un fichier optimisé inférieur à 1 Mo pour un affichage instantané.

Questions fréquentes

À quoi servent les balises Open Graph ?

Les balises Open Graph (og:title, og:description, og:image) définissent le titre, la description et l'image qui apparaissent lors d'un partage sur les réseaux sociaux.

Pourquoi mon image de partage ne s'affiche-t-elle pas ?

La balise og:image est peut-être absente, l'image trop petite ou le cache de la plateforme obsolète ; la taille recommandée est 1200×630 pixels.

Quelle différence entre Twitter Card et Open Graph ?

X (Twitter) utilise d'abord les balises Twitter Card et bascule sur Open Graph si elles manquent ; définir les deux est le plus sûr.

WhatsApp prend-il en compte les balises Open Graph ?

Oui, WhatsApp utilise directement les balises Open Graph pour générer ses aperçus de lien. Pour garantir l'affichage de la vignette dans la discussion, l'image doit impérativement peser moins de 300 Ko et être accessible via une URL sécurisée en HTTPS sans redirection lente.

Peut-on utiliser les formats WebP ou SVG pour og:image ?

Non pour le format SVG, et avec prudence pour le WebP. Le format SVG est quasi universellement ignoré par les plateformes sociales, tandis que le WebP n'est pas supporté par tous les robots d'aperçu. Préférez les formats JPG ou PNG pour une compatibilité totale sans risque.