Qu'est-ce que Aperçu de carte Twitter ?
Twitter Card Preview vous montre comment vos liens apparaîtront lorsqu'ils seront partagés sur Twitter/X. Saisissez une URL ou remplissez le titre, la description et l'image pour prévisualiser les types de carte Summary et Summary with Large Image avant de publier.
L'aperçu utilise les mêmes proportions que le client web Twitter/X : 2:1 pour Summary with Large Image (recommandé pour les billets de blog et les lancements), et 1:1 carré pour Summary (mieux pour les pages de catégorie et les liens de référence). Il génère aussi les meta tags correspondantes à coller telles quelles dans le <head> sans en écrire une seule à la main.
Comment utiliser
- Étape 1 — Renseignez le titre, la description et l'URL de l'image, ou collez le HTML de votre page pour importer d'un coup ses balises twitter: et og: existantes.
- Étape 2 — Sélectionnez le type de carte : Summary (petite vignette) ou Summary with Large Image (aperçu en style bannière).
- Étape 3 — Examinez l'aperçu en direct pour voir exactement comment votre lien s'affiche dans un fil Twitter/X, au choix au sein d'un tweet complet et sur LinkedIn, Facebook, Slack et Discord, puis ajustez les champs si nécessaire.
Quand l'utiliser
- Vérifier l'allure d'un article avant de tweeter le lien à ton audience.
- Auditer d'anciennes landing pages dont les cartes de partage cassent ou n'affichent qu'un logo recadré.
- Choisir le type de carte (Summary ou Large Image) qui convient à chaque page avant d'ajouter les meta tags.
Résultat
Vous êtes sur le point de partager un lien d'article de blog sur Twitter/X. Vous collez le HTML de la page pour charger ses balises et l'aperçu montre que la carte n'a pas de description et que l'image est recadrée. Vous corrigez les deux champs et confirmez que la carte avec grande image a un rendu professionnel avant de tweeter.
FAQ
- Quelle différence entre Summary et Summary with Large Image ?
- Summary affiche une miniature carrée à gauche avec titre et description à droite. Summary with Large Image place une bannière large au-dessus du titre. La version grande prend plus de place dans la timeline et a presque toujours un CTR plus élevé.
- Quelles dimensions d'image Twitter/X affiche-t-il en réalité ?
- Pour Summary with Large Image, la zone visible est environ 2:1 (par exemple 1200×600 px). Twitter accepte de 300×157 à 4096×4096 mais recadre en 2:1, donc les textes importants et les visages doivent rester dans la zone 2:1 centrée.
- Faut-il une approbation Twitter Developer pour utiliser ces tags ?
- Non. Les meta tags Twitter Card marchent pour tout site public sans approbation. L'ancien validator qui demandait une revue est retiré. Ajoute les tags dans le <head>, déploie publiquement, et la prochaine fois qu'on partage l'URL la carte s'affiche.
- Pourquoi ma carte ne s'affiche pas sur Twitter alors que les tags sont bons ?
- Twitter cache fortement les réponses de carte. Après une correction, l'ancienne carte peut traîner pendant des heures. Partager l'URL avec un suffixe de tracking (?v=2 ou UTM) force un nouveau fetch. Bloquer Twitterbot dans robots.txt est une autre cause classique.
- Vaut-il mieux utiliser Open Graph ou les tags Twitter ?
- Twitter retombe sur Open Graph (og:title, og:description, og:image) en l'absence de tags twitter:*, donc OG seul suffit souvent. Ajoute twitter:card et twitter:image si tu veux contrôler exactement l'image et la mise en page choisies par Twitter.
Outils similaires
Générateur de données structurées
Générez du balisage JSON-LD de schéma pour le SEO
Page web en PDF
Capturez une page web en PDF
Générateur de politique de confidentialité
Générez une politique de confidentialité pour votre site
Générateur de conditions d'utilisation
Générez un document de conditions d'utilisation
Générateur de Consentement aux Cookies
Générer le code d'une bannière de consentement aux cookies
Minificateur CSS
Minifiez le code CSS pour réduire la taille du fichier