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.

Comment l'utiliser
- 1Saisissez l'adresse (URL) de la page à prévisualiser.
- 2Parcourez l'aperçu de la carte sociale pour Facebook, LinkedIn et X.
- 3Repérez et corrigez les balises Open Graph / Twitter manquantes ou erronées.
Interpréter le résultat
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.