Qu'est-ce qu'une Twitter Card ?

Une Twitter Card est l'apercu enrichi que X affiche lorsqu'on publie un lien. Des meta tags comme twitter:card, twitter:title, twitter:description et twitter:image indiquent a X comment rendre cet apercu.

Quelle est la difference entre summary et summary_large_image ?

summary_large_image montre une large image au-dessus du titre - ideal pour les articles et lancements. summary utilise une miniature carree a cote du texte - mieux pour les partages compacts. Choisissez le type qui correspond a votre image.

Ai-je encore besoin des balises Open Graph ?

Oui pour Facebook, LinkedIn, Slack et beaucoup de messageries. X peut s'appuyer sur Open Graph, mais les tags twitter:* donnent un controle explicite. Generez les deux - cet outil plus le Generateur de balises Open Graph.

Quelle taille pour l'image Twitter Card ?

Utilisez une URL https absolue. Environ 1200 x 628 px convient bien a summary_large_image. Pour summary, une image carree (au moins 144 x 144, idealement plus grande) est plus sure.

Que met-on dans twitter:site ?

Le @handle de votre marque ou site sur X. Vous pouvez saisir @marque, marque, ou une URL de profil - le generateur le normalise en @handle.

Dans le head du document HTML public (ou l'API de metadata de votre framework). Les balises doivent etre visibles sur l'URL partagee pour que le crawler X les lise.

Mes donnees quittent-elles l'appareil ?

Non. Le Generateur de Twitter Cards tourne uniquement dans votre navigateur. Titres, handles et URLs d'image ne sont ni envoyes ni stockes sur un serveur.

Outils SEO

Populaire

Generateur de Twitter Cards

Creez des meta tags Twitter Card pour X dans le navigateur.

Type de carte

summary_large_image pour une large image. summary pour une carte compacte avec une miniature carree.

Titre

0 caracteres

Description

0 caracteres

URL de l'image

Utilisez une URL https absolue. 1200 x 628 px convient bien a summary_large_image.

Site (@handle)

Le handle de votre marque sur X. Accepte @nom, nom, ou une URL x.com / twitter.com.

Createur (@handle)

Facultatif. Handle de l'auteur du contenu.

Balises HTML

Renseignez un titre, une description, une image ou un handle pour generer les balises.

Apercu X / Twitter

Ajoutez une URL d'image pour previsualiser

Titre de votre carte

Votre description apparait ici lorsqu'un lien est partage.

example.com

À propos de Generateur de Twitter Cards

Creez des meta tags Twitter Card pour X dans le navigateur. Choisissez summary ou summary_large_image, saisissez un titre, une description, une URL d'image et des handles optionnels @site / @creator, puis copiez le HTML dans le head de votre page. L'apercu montre une carte compacte ou a grande image. Associez-le au Generateur de balises Open Graph pour Facebook et LinkedIn. Rien n'est envoye.

Comment utiliser Generateur de Twitter Cards

Choisissez le type de carte : summary_large_image pour un hero large, ou summary pour une miniature compacte.
Saisissez le titre et la description affiches lors du partage du lien.
Collez une URL https absolue d'image (1200 x 628 convient bien aux grandes cartes).
Ajoutez twitter:site (handle de marque) et twitter:creator en option.
Copiez le HTML et collez-le dans le head de votre page.

Exemples de Generateur de Twitter Cards

Article avec grande image

Carte summary_large_image, titre d'article, description en deux lignes et image 1200 x 628 produisent twitter:card, twitter:title, twitter:description et twitter:image prets pour le template.

Page produit avec handle de marque

Ajoutez @votremarque comme site pour que X attribue la carte a votre compte. Gardez le titre sous ~70 caracteres pour eviter la coupure dans le fil.

Carte summary compacte

Utilisez summary avec une miniature carree quand le partage doit rester petit a cote du titre - utile pour la doc et les liens support.

Handle depuis une URL de profil X

Collez https://x.com/toolsminify dans Site et le generateur le normalise en @toolsminify pour twitter:site.

Cas d'utilisation courants

Publier des tags twitter:card sur un blog ou une landing
Comparer summary et summary_large_image avant le deploy
Configurer correctement twitter:site et twitter:creator
Echapper les titres avec guillemets et esperluettes pour un HTML valide
Completer Open Graph avec un controle specifique a X

Questions fréquentes sur Generateur de Twitter Cards

Qu'est-ce qu'une Twitter Card ?: Une Twitter Card est l'apercu enrichi que X affiche lorsqu'on publie un lien. Des meta tags comme twitter:card, twitter:title, twitter:description et twitter:image indiquent a X comment rendre cet apercu.
Quelle est la difference entre summary et summary_large_image ?: summary_large_image montre une large image au-dessus du titre - ideal pour les articles et lancements. summary utilise une miniature carree a cote du texte - mieux pour les partages compacts. Choisissez le type qui correspond a votre image.
Ai-je encore besoin des balises Open Graph ?: Oui pour Facebook, LinkedIn, Slack et beaucoup de messageries. X peut s'appuyer sur Open Graph, mais les tags twitter:* donnent un controle explicite. Generez les deux - cet outil plus le Generateur de balises Open Graph.
Quelle taille pour l'image Twitter Card ?: Utilisez une URL https absolue. Environ 1200 x 628 px convient bien a summary_large_image. Pour summary, une image carree (au moins 144 x 144, idealement plus grande) est plus sure.
Que met-on dans twitter:site ?: Le @handle de votre marque ou site sur X. Vous pouvez saisir @marque, marque, ou une URL de profil - le generateur le normalise en @handle.
Ou coller le HTML ?: Dans le head du document HTML public (ou l'API de metadata de votre framework). Les balises doivent etre visibles sur l'URL partagee pour que le crawler X les lise.
Mes donnees quittent-elles l'appareil ?: Non. Le Generateur de Twitter Cards tourne uniquement dans votre navigateur. Titres, handles et URLs d'image ne sont ni envoyes ni stockes sur un serveur.

Générateur de balises Open Graph

Générez des balises Open Graph et Twitter Card à partir d'un titre, d'une description, d'une URL et d'une image. Générateur OG gratuit avec HTML en direct et aperçu social.

Vérificateur de méta-description et aperçu SERP

Vérificateur de longueur SERP gratuit et aperçu de la méta description. Compteur de caractères en direct et aperçu d'extraits de code Google - ou générez un brouillon. Convient à la limite 150-160.

Generateur d'URL de campagne UTM

Generateur gratuit d'URL de campagne UTM pour GA4. Ajoutez utm_source, utm_medium et utm_campaign, analysez un lien etiquete, et passez les valeurs en minuscules (GA4 est sensible a la casse). Rien n'est envoye.