Aperçu de partage social
Balises Open Graph + Twitter Card avec une carte d'aperçu façon Facebook/Twitter en direct
Quatre plateformes, une seule vérité sur votre carte de partage
Facebook, X, LinkedIn et WhatsApp interprètent vos balises OG différemment — comparez les quatre maquettes et corrigez la plus faible avant de publier.
Un formulaire, deux jeux de balises
Les balises Open Graph pour Facebook, LinkedIn et Slack et les balises Twitter Card pour X sont générées ensemble depuis un même titre, description, image et URL.
Aperçus de carte avant publication
Les cartes d'aperçu rendent l'image en 1.91:1 avec domaine, titre et description — la mise en page exacte que verront les utilisateurs quand le lien sera partagé, avant tout lancement.
Les deux variantes de carte
Choisissez summary_large_image pour une image pleine largeur ou la carte compacte summary, et le générateur émet la valeur twitter:card et les balises correspondantes.
Questions fréquentes
Pourquoi générer ensemble les balises Open Graph et Twitter Card ?
Twitter/X se rabat automatiquement sur vos balises Open Graph lorsque les balises twitter:* dédiées sont absentes, si bien que les cartes de partage réelles s'appuient sur un seul jeu de champs commun — les renseigner séparément ne ferait que dupliquer le même titre/la même description/la même image.
Quelle taille d'image utiliser ?
1200×630px (un ratio d'environ 1,91:1) est la taille recommandée et sûre pour les cartes « summary_large_image » sur Facebook, Twitter/X, LinkedIn et Slack — des images plus petites ou mal cadrées peuvent être rognées de façon imprévisible par chaque plateforme.
Mon contenu est-il envoyé quelque part ?
Non — tout s'exécute dans votre navigateur en JavaScript pur. Rien de ce que vous saisissez n'est jamais envoyé à un serveur.
Ce que lit chaque plateforme
| Plateforme | Source principale | Ratio d’image |
|---|---|---|
| Facebook / LinkedIn | og:title, og:description, og:image | 1.91:1 (min 200×200) |
| X / Twitter | twitter:card, sinon repli OG | 2:1 en grand, 1:1 en summary |
| og:title/image (description souvent masquée) | recadrage presque carré |
Signale les images sous-dimensionnées, les balises de dimensions manquantes (qui forcent un nouveau crawl) et les titres dépassant le point de coupure propre à chaque réseau.
Outils associés
Qu'est-ce qu'un aperçu de partage social ?
Quand quelqu'un partage un lien sur Facebook, X, LinkedIn ou Slack, la plateforme lit les balises meta — Open Graph pour la plupart des réseaux, Twitter Cards pour X — et construit une carte avec une image, un titre et une description. Sans ces balises, la carte paraît fausse ou n'affiche qu'une URL nue, ce qui nuit au taux de clic. Cet outil génère les deux jeux de balises à partir d'un seul formulaire et affiche des cartes de prévisualisation en direct, pour voir exactement à quoi ressemblera votre lien avant de le partager. Les équipes marketing, les équipes de contenu et les propriétaires de sites l'utilisent avant chaque lancement.
Ce qui est généré
- 🖼️ Balises Open Graph et Twitter Card à partir d'un seul jeu de champs
- 📱 Carte de prévisualisation façon Facebook/Twitter en direct pendant la saisie
- 🗂️ Type de carte summary ou grande image pour X
- 🔗 Prise en charge de og:url et og:site_name
- 📋 Un bloc de balises combiné, prêt à coller
Quand vérifier avant de partager
- Lancer un produit ou une page qui sera largement partagée
- Vérifier l'apparence d'un lien d'article avant une campagne
- Contrôler si l'image choisie s'adapte bien au recadrage 1,91:1
- Auditer un site dont les cartes de partage sont cassées depuis des mois
Tout est généré dans votre navigateur ; aucun contenu n'est téléversé. Une particularité des plateformes à connaître : les réseaux sociaux mettent en cache les métadonnées d'une URL. Après l'ajout des balises, il faut donc souvent rafraîchir le cache avec l'outil de débogage de la plateforme pour voir apparaître la nouvelle carte.
Dernière mise à jour · 2026-09-01
Outils associés
Générateur de balises meta
Balises title, description, keywords, canonical et robots avec aperçu Google en direct
Aperçu SERP
Voyez précisément comment votre titre et votre description s'affichent dans les résultats Google — avec des alertes de troncature au pixel près.
Générateur de liens UTM
Créez en quelques secondes des liens de campagne propres et correctement encodés, avec des modèles en un clic pour Facebook Ads, Google Ads et plus.