Générateur de Twitter Card
Une carte, une balise ou le bloc entier
Ce générateur de Twitter Card écrit une balise ou le bloc entier, et transforme un lien publié en carte avec image. Il peut écrire le minimum, puisque Twitter lit déjà vos balises Open Graph, ou la paire complète pour une page qui n’a ni l’une ni l’autre.
- GratuitPrix
- 4Types de carte
- AucuneInscription
- AucuneEnvois
Générateur de Twitter Card
Les balises twitter:, et seulement celles qu’il vous faut
Prêt. Choisissez un type de carte et saisissez le titre.
Ce qu’est une carte et quelles balises la construisent
Publiez un lien et le fil affiche une carte : une image, un titre, une ligne de description et votre domaine. Comme les cartes prennent bien plus de place qu’un lien nu, elles attirent aussi bien plus l’attention.
Les balises derrière ressemblent à des balises meta ordinaires avec le préfixe twitter:. Une seule n’a d’équivalent nulle part ailleurs, tandis que les autres dupliquent simplement Open Graph.
En effet, celle-là, c’est twitter:card. Elle indique la forme voulue, et sans elle la plateforme retombe sur sa plus petite option.
Tous les autres champs sont optionnels : laissez-les vides si besoin. Le conseil honnête est donc le suivant : écrivez les balises Open Graph une fois, puis ajoutez une seule ligne twitter: à côté.
Les quatre formats de carte sur X
Summary avec grande image est celle que tout le monde a en tête. Elle affiche une image large au-dessus du titre et, de plus, prend le plus de place dans un fil.
La summary simple place une petite vignette carrée à côté du texte. C’est pourquoi elle convient à une page dont l’image est un logo plutôt qu’une photo.
Les cartes app et player sont plus étroites à tous points de vue. App met en avant une fiche de boutique, tandis que player intègre de la vidéo ou de l’audio, que la plateforme approuve à la main.
Name, pas property
Pour les Twitter Cards, on écrit l’attribut name. En revanche, Open Graph utilise property, car il est né de RDFa. Si vous copiez une balise depuis le mauvais exemple, la plateforme l’ignore.
La référence de l’élément meta explique pourquoi les deux écritures existent. Ce générateur écrit chaque famille avec son propre attribut, donc la différence vous reste invisible.
Le rôle des comptes @site et @creator
twitter:site nomme le compte propriétaire de la page, et twitter:creator nomme l’auteur. Aucun des deux ne change beaucoup la carte. Cependant, les deux comptent dans les statistiques, où ils attribuent le lien à un compte.
Des visuels qui résistent au rognage
Une carte à grande image demande environ 2 pour 1, et 1200 sur 628 fonctionne partout. De plus, l’image doit peser moins de 5 Mo et être servie en https.
Les cartes summary recadrent en carré, au contraire. Tout ce qui est important près du bord gauche ou droit disparaît, donc gardez le sujet centré.
Le texte dans une image rétrécit avec la carte. C’est pourquoi vos mots vont dans le titre, où ils restent lisibles sur téléphone.
Pourquoi une carte bat un lien nu
Un lien nu, c’est une ligne de texte bleu. En revanche, une carte occupe plusieurs fois cet espace et porte une image, donc elle gagne le regard.
De plus, elle répond à la première question du lecteur. Ce que c’est et qui l’a publié apparaissent avant tout clic.
Cela compte surtout sur une plateforme où les posts défilent en quelques secondes. En effet, la carte est la publicité, et le post en est la légende.
Pourtant, rien de tout cela n’aide si les balises sont fausses. Une carte cassée prend autant de place qu’un lien nu et, en plus, fait négligé.
Les cartes sont mises en cache
La plateforme stocke ce qu’elle a lu, parfois pendant des jours. Ainsi, vous corrigez une balise, republiez, et l’ancienne carte peut encore apparaître. Passer l’adresse dans le validateur la purge.
Sur cette page
- L’outil
- Ce qu’est une carte et quelles balises la construisent
- Comment utiliser le générateur de Twitter Card
- Ce qui rend ce générateur de cartes différent
- Des règles pour des cartes qui attirent les clics
- Six erreurs de carte qui gâchent un post
- Vos questions sur les cartes X
- Des outils pour les liens sociaux
Continuer
Comment utiliser le générateur de Twitter Card
Quatre étapes, et la deuxième décide de la quantité de code obtenue.
- 1
Sélectionnez le format de carte voulu
Grande image pour tout ce qui a une photo. Summary quand votre seule image est un logo, puisqu’un logo étiré rend moins bien qu’un petit.
- 2
Décidez de la quantité à écrire
Laissez Seulement les balises qui diffèrent cochée si votre page a déjà des balises og:. Décochez-la pour une page qui n’en a aucune.
- 3
Saisissez le titre, l’image et les comptes
Les titres jusqu’à 70 caractères survivent. De plus, l’aperçu montre la forme du recadrage, donc vous vérifiez l’image avant sa mise en ligne.
- 4
Collez, puis validez
Placez le bloc dans votre head et passez l’adresse dans le validateur de cartes. Sinon, une carte en cache reste là pendant des jours.
Ce qui rend ce générateur de cartes différent
La plupart des outils écrivent huit balises twitter:, que vous en ayez besoin ou non. Au contraire, celui-ci demande d’abord, puis explique la réponse.
Un mode minimal par défaut
Comme la plateforme lit les balises og:, une ligne suffit en général. Ainsi, cocher la case écrit cette ligne et rien d’autre.
Les deux familles, bien écrites
Les balises twitter: prennent name, tandis que les balises og: prennent property. Par conséquent, cet outil écrit chaque famille avec l’attribut qu’il lui faut.
Un aperçu de carte au bon recadrage
Les cartes à grande image sont larges et les summary sont carrées. C’est pourquoi l’aperçu change avec le type, et la forme n’est jamais une surprise.
Des comptes nettoyés pendant la saisie
Une arobase en tête, pas d’espaces, quinze caractères. Même une adresse de profil complète collée donne un compte valide.
Des champs player quand ils s’appliquent
Choisissez une carte player et les champs d’intégration apparaissent, avec une note rappelant que la plateforme les approuve à la main avant qu’ils fonctionnent.
Vos fichiers restent dans cet onglet
Les textes de campagne et les adresses non publiées restent ici. Ainsi, la page ne récupère rien, ne stocke rien et n’enregistre rien.
Des règles pour des cartes qui attirent les clics
Une carte rivalise avec tout le reste d’un fil. Ces bonnes pratiques lui donnent l’avantage.
- Écrivez d’abord les balises og:. Elles servent aussi tous les autres réseaux, et la plateforme s’y rabat. Un bloc au lieu de deux, c’est moins à synchroniser.
- Adaptez le type de carte à l’image. Une photo demande la carte à grande image. Un logo demande la summary, car un logo étiré sur tout un fil fait bon marché.
- Restez sous la barre des 70 caractères pour le titre. Au-delà, la carte coupe, et la coupe tombe là où la largeur s’arrête plutôt que sur un mot choisi.
- Centrez le sujet de l’image. Les recadrages mangent les bords. Un visage ou un produit au bord gauche survit sur ordinateur et disparaît sur téléphone.
- Renseignez l’alt de l’image. Une ligne, et un lecteur d’écran a quelque chose à annoncer au lieu de l’image. Rares sont ceux qui y pensent.
- Utilisez https partout. La plateforme écarte les images en http simple. Elle écarte aussi tout ce qui se trouve derrière une connexion, un mot de passe de préproduction ou une règle anti-hotlink.
- Validez après chaque changement. Le cache explique pourquoi votre carte a l’air fausse. Passez l’adresse dans le validateur au lieu de publier un lien de test.
- Gardez une seule image par page. Une seconde balise d’image force la plateforme à choisir, et elle choisit rarement la bonne. Une seule balise règle la question.
- Vérifiez la lecture sans l’image. Certains clients retirent complètement les images. Le titre et le domaine doivent alors porter le lien seuls.
Six erreurs de carte qui gâchent un post
Chacune vous laisse une page qui fonctionne et un lien affiché en simple texte gris.
Utiliser property au lieu de name
Ainsi, la balise devient une balise og: que rien ne reconnaît. Du HTML valide, totalement ignoré, et difficile à repérer à l’œil.
Une carte à grande image sans image
La plateforme retombe sur une petite carte, donc le post prend un tiers de la place attendue.
Écrire chaque balise twitter: en double
Dupliquer les balises og: sous forme twitter: double le bloc sans rien gagner. Le repli couvre déjà les quatre.
Une image trop petite
De plus, en dessous d’environ 300 pixels de large, la carte abandonne l’image. Visez 1200 sur 628 et vous n’y penserez plus jamais.
Des balises injectées par JavaScript après coup
Le robot lit le HTML servi et n’exécute aucun script. Donc les balises injectées par JavaScript lui restent invisibles.
Un compte avec l’URL complète
twitter:site attend une arobase et un nom. Une adresse de profil à cet endroit disparaît sans bruit, et l’attribution avec elle.
Vos questions sur les cartes X
Ai-je vraiment besoin de balises Twitter Card ?
Il vous en faut une : twitter:card. De plus, la plateforme lit og:title, og:description, og:image et og:url quand les versions twitter: manquent, donc les autres sont des doublons.
Quelles dimensions d’image donnent le meilleur rendu ?
Utilisez 1200 sur 628 pour une carte à grande image, soit presque 2 pour 1. Cependant, les cartes summary recadrent en carré, donc gardez le sujet au centre.
Pourquoi ma carte s’affiche-t-elle en texte brut ?
En général à cause d’une balise twitter:card absente, d’une image que le robot n’atteint pas ou de balises ajoutées par JavaScript après le chargement. Vérifiez donc ces trois points en premier.
Comment obtenir un aperçu de carte sur X ?
Utilisez le validateur de cartes de la plateforme sur l’adresse en ligne. L’aperçu ici montre la forme et les longueurs de coupe, tandis que le validateur montre le résultat en cache.
La carte influence-t-elle le SEO ?
Pas directement, puisque ces balises vivent hors de la recherche. En revanche, elles influencent les clics sur les liens partagés, un chiffre différent et souvent plus grand.
Quelle différence entre site et creator ?
Le compte site désigne celui qui publie la page. Le compte creator désigne quant à lui la personne qui l’a écrite. Les deux apparaissent dans les statistiques plutôt que sur la carte.
Puis-je utiliser une carte player pour ma propre vidéo ?
Seulement après approbation. En effet, la plateforme examine les cartes player à la main, et tant qu’elle n’a pas approuvé la vôtre, le lien retombe sur une summary.
Où vont ces balises ?
Dans l’élément head de la page partagée, à côté de vos autres balises meta. De plus, garder les deux familles ensemble facilite un audit ultérieur.
Les cartes fonctionnent-elles dans d’autres applis ?
Les balises og: oui, c’est pourquoi cette page les écrit aussi. Slack, WhatsApp, LinkedIn et Discord lisent tous les quatre mêmes propriétés.
Cette page envoie-t-elle mon texte quelque part ?
Non. Votre navigateur écrit chaque balise, et la page ne récupère aucune adresse. Par conséquent, ce site ne stocke rien et n’enregistre rien.
Des outils pour les liens sociaux
Les cartes, ce sont des balises plus une image. Ces trois outils couvrent les deux parties et le head autour.
Bref, les quatre propriétés que lit chaque réseau.
Ouvrir l’outil →Allégez une image de carte sans perdre de détail.
Ouvrir l’outil →Titre, description et canonical pour la même page.
Ouvrir l’outil →
On rédige votre carte ?
Choisissez un type, saisissez un titre et copiez le bloc. Le générateur de Twitter Card est gratuit, ne demande aucun compte et garde chaque mot sur votre appareil.