Aperçu de Carte Open Graph — Test de Partage Social
Voyez comment votre page apparaîtra lors d'un partage sur Facebook, X/Twitter, LinkedIn et WhatsApp — les quatre aperçus côte à côte. Ajustez le titre, la description, l'image et observez chaque plateforme se mettre à jour en direct.
Aperçu de Carte Open Graph — Voyez Votre Page sur Chaque Réseau Social
Avant de partager un lien sur les réseaux sociaux, prévisualisez exactement comment il apparaîtra sur Facebook, X (Twitter), LinkedIn et WhatsApp — les quatre cartes rendues côte à côte. Ajustez titre, description, image et URL et regardez chaque aperçu se mettre à jour en direct. C’est le moyen le plus rapide de s’assurer que vos balises Open Graph produisent de superbes partages partout.
Pourquoi chaque plateforme a un rendu différent
- Facebook : grande image (1,91:1), domaine en majuscules au-dessus du titre, barre d’info grise en dessous
- X / Twitter : grande carte sommaire avec image en haut, design plus arrondi et léger
- LinkedIn : grande image, barre d’info teintée bleu, davantage d’emphase sur le titre
- WhatsApp : carte compacte avec une petite miniature carrée à droite — mise en page très différente
Dimensions recommandées
- Image : 1200×630 px (ratio 1,91:1) — fonctionne pour Facebook, Twitter (summary_large_image) et LinkedIn
- Titre : visez 50–70 caractères pour qu’il ne soit pas tronqué nulle part
- Description : 100–150 caractères est un bon créneau sûr
- WhatsApp tronque agressivement — gardez le début du titre significatif
Comment l’utiliser
- Tapez ou collez votre titre, description et URL
- Collez une URL d’image ou cliquez sur « Téléverser » pour tester une image locale (elle reste dans votre navigateur)
- Chaque plateforme montre son propre aperçu avec ses vraies polices, couleurs et ratios
- Itérez jusqu’à ce que chaque aperçu soit superbe — puis enregistrez ces valeurs dans les balises
<meta>de votre page
Les balises Open Graph en coulisses
Les valeurs affichées ici correspondent à ces balises meta dans votre page :
<meta property="og:title" content="..."><meta property="og:description" content="..."><meta property="og:image" content="..."><meta property="og:url" content="..."><meta name="twitter:card" content="summary_large_image">
Utilisez notre Générateur de Meta Tags pour produire le HTML complet une fois satisfait des aperçus.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Les images téléversées restent en local — rien n’est envoyé à un serveur.