Générateur de Twitter/X Card
Choisissez le type de carte et remplissez les champs : l'outil génère les balises twitter:*, affiche un aperçu et vérifie les erreurs courantes.
Confidentialité et coût
Cet outil fonctionne dans votre navigateur. Ce que vous saisissez ou collez n'est pas envoyé à nos serveurs et l'utilisation est gratuite.
Comment ça marche
- Choisissez le type de carte : summary, summary_large_image, app (installation d'application) ou player (vidéo, audio).
- Renseignez le compte du site, le titre, la description et l'URL de l'image (ou les identifiants d'application, ou le lecteur).
- Copiez les balises dans le <head> et corrigez les avertissements ; l'aperçu se met à jour à chaque frappe.
Exemple
Une carte summary_large_image avec le compte @example, le titre « 10 Tips for Faster Websites », une description, une image https et son texte alternatif produit 6 balises meta : twitter:card, twitter:site, twitter:title, twitter:description, twitter:image et twitter:image:alt, sans avertissement.
Ce que signifie le résultat
Les balises twitter:* définissent la carte affichée quand un lien est publié sur X. Pour tout champ absent, X se rabat sur les balises Open Graph. summary_large_image met l'image en avant en ratio 2:1, summary affiche une petite image carrée, app propose l'installation d'une application et player intègre un lecteur en iframe https.
Problèmes courants que cet outil aide à résoudre
- Un lien publié sur X sans carte, faute de balise twitter:card.
- Une image manquante, relative ou de mauvais ratio pour le type de carte choisi.
- Un compte twitter:site sans le @ ou mal orthographié.
- Une carte player dont l'URL n'est pas en https ou sans largeur et hauteur.
Questions fréquentes
Faut-il des balises Twitter si j'ai déjà Open Graph ?
X lit Open Graph en repli, mais twitter:card reste utile pour choisir la mise en page. Vous pouvez donc ne renseigner que twitter:card, twitter:site et l'image si besoin.
Quelle est la différence entre summary et summary_large_image ?
summary affiche une petite image carrée à côté du texte ; summary_large_image affiche une grande image au-dessus du texte, avec un ratio 2:1.
Ces balises servent-elles encore avec le nom X ?
Oui : le préfixe twitter: reste celui documenté pour les cartes de X. Les liens se comportent comme avant.
Outils associés
- Générateur de balises Open GraphRenseignez le titre, la description, l'image et l'URL : l'outil produit les balises meta à coller dans le <head> et contrôle les erreurs courantes.Gratuit · dans votre navigateur
- Vérificateur Open Graph et aperçu socialSaisissez une URL ou collez le HTML : l'outil extrait toutes les balises sociales, affiche l'aperçu du lien et liste ce qu'il faut corriger.Gratuit · sans compte
- Vérificateur de balise titleCollez votre title pour voir s'il tient dans les résultats Google : longueur, largeur en pixels, place du mot-clé et aperçu.Gratuit · dans votre navigateur
- Vérificateur de meta descriptionCollez votre meta description pour voir comment Google risque de l'afficher : longueur, largeur en pixels, aperçu ordinateur et mobile, mot-clé.Gratuit · dans votre navigateur
- Aperçu d'extrait Google (SERP)Modifiez le titre, l'URL et la description pour voir un extrait Google simulé sur ordinateur et sur mobile, avec les coupures en pixels.Gratuit · dans votre navigateur
- Analyseur de balises metaCollez le HTML d'une page ou saisissez son URL pour lister d'un coup toutes ses balises meta et repérer celles qui manquent.Gratuit · sans compte