Générateur de Twitter Card (X)
Générez les balises meta twitter:card pour les aperçus de liens sur X (Twitter) : summary ou summary_large_image, comptes site et créateur, titre, description, image et alt.
Au moins 300×157 px, ratio 2:1 (par ex. 1200×600).
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@example"> <meta name="twitter:title" content="My Awesome Article"> <meta name="twitter:description" content="A short summary shown in the card."> <meta name="twitter:image" content="https://example.com/card.png"> <meta name="twitter:image:alt" content="Article cover">
Qu'est-ce que Générateur de Twitter Card ?
Ce générateur écrit les balises meta twitter: qu'utilise X (anciennement Twitter) pour afficher les cartes de liens : type de carte (summary ou summary_large_image), comptes @site et @creator, titre, description, image et texte alt de l'image.
Comment utiliser Générateur de Twitter Card
- Choisissez le type de carte : summary (petite image carrée) ou summary_large_image (image large).
- Saisissez les identifiants du site et du créateur ; le @ est ajouté si vous l'omettez.
- Renseignez le titre, la description, l'URL de l'image et le texte alt.
- Copiez les balises dans le <head> de la page.
Exemple
summary, @example, title Hello
<meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@example"> <meta name="twitter:title" content="Hello"> <meta name="twitter:description" content="A short summary shown in the card."> <meta name="twitter:image" content="https://example.com/card.png"> <meta name="twitter:image:alt" content="Article cover">
Quand utiliser Générateur de Twitter Card
Utilisez-le quand vous voulez que X affiche une carte à grande image ou crédite un compte auteur. Si votre page a déjà des balises Open Graph, il suffit de twitter:card plus les valeurs qui doivent différer sur X.
Comment fonctionne Générateur de Twitter Card
L'outil émet toujours twitter:card et n'ajoute les autres balises que si elles sont renseignées, avec échappement HTML. Les identifiants sont normalisés pour commencer par @. image:alt n'est ajouté qu'avec une image. X se rabat sur les balises Open Graph (og:title, og:description, og:image) pour tout ce qui n'est pas défini : vous pouvez donc garder un jeu twitter: minimal.
Cas d'utilisation courants
- Transformer un simple lien en carte à grande image sur X.
- Attribuer un article au @compte de son auteur.
- Utiliser sur X une autre image que sur Facebook.
- Ajouter un texte alt aux images de cartes pour l'accessibilité.
Questions Fréquentes
Ai-je besoin des balises Twitter si j'ai des balises Open Graph ?
Seul twitter:card est requis pour choisir le type de carte ; X réutilise sinon og:title, og:description et og:image.
Quelle taille d'image utiliser ?
summary_large_image : au moins 300×157, idéalement 1200×600 (2:1). summary : au moins 144×144, carrée.
Cela fonctionne-t-il toujours après le renommage en X ?
Oui. X continue de lire les balises meta twitter:.