Skip to content
Rankora
Gratuit · dans votre navigateur

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

  1. Choisissez le type de carte : summary, summary_large_image, app (installation d'application) ou player (vidéo, audio).
  2. Renseignez le compte du site, le titre, la description et l'URL de l'image (ou les identifiants d'application, ou le lecteur).
  3. 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.