Aperçu Twitter Card
Prévisualiser et générer des balises meta Twitter Card pour vos pages
Paramètres de la carte
0/70 caractères
0/200 caractères
Les compteurs 70/200 servent de repères dans l’éditeur. Certains symboles comptent pour plusieurs caractères ; l’affichage réel dépend du client.
Essayez une image large, par exemple 1200 × 628 px. L’aperçu illustratif utilise une zone d’image au format 16:9.
L’URL de l’image est chargée directement depuis votre navigateur. L’hébergeur de l’image reçoit cette requête.
Utilisée uniquement pour le domaine affiché ici. Votre identifiant @ attribue la carte à votre compte.
Aperçu de la carte
example.com
Le titre de votre carte ici
La description de votre carte apparaîtra ici. Rédigez un texte convaincant pour intéresser votre public.
Ajoutez une URL d’image pour en voir l’aperçu.
Cet aperçu est illustratif. La disposition réelle sur X/Twitter, le recadrage, le contenu en cache et les images récupérées peuvent différer.
Vos balises meta
<meta name="twitter:card" content="summary_large_image" />
Balises mises à jour. Ajoutez-les dans le head de votre page et vérifiez la page publiée.
Guide des types de cartes
Avant de publier
- Utilisez un titre et une description qui décrivent la page.
- Choisissez une image dont le contenu important reste visible après recadrage.
- Gardez l’URL de l’image accessible à la plateforme qui récupère votre page.
- L’identifiant @ sert à l’attribution, ce n’est pas une adresse de site web.
- Vérifiez la page publiée et son aperçu de partage réel ; cet éditeur ne récupère pas les données de carte de X.
À propos de notre outil gratuit d’aperçu Twitter/X Card
Les Twitter Cards (désormais X Cards) permettent d’associer du contenu multimédia enrichi aux tweets qui renvoient vers votre site web. Lorsqu’une personne partage une URL de votre site, la carte affiche automatiquement un aperçu avec le titre, la description et l’image que vous avez définis. Cet outil d’aperçu Twitter Card vous permet d’examiner une carte illustrative avant de publier vos balises. Il ne vérifie ni la récupération par la plateforme, ni son cache, ni le rendu final.
L’outil prend en charge les deux principaux types de cartes : la Summary Card, avec une petite miniature à côté du texte, et la Summary Card with Large Image, qui place un visuel bien visible au-dessus du titre et de la description. Vous pouvez saisir votre contenu, le prévisualiser en temps réel et copier en un clic les balises meta HTML prêtes à l’emploi.
Que vous soyez community manager et optimisiez des aperçus de liens, développeur et implémentiez des balises Open Graph et meta Twitter, ou responsable marketing de contenu et cherchiez à maximiser le taux de clics des liens partagés, cet outil gratuit simplifie votre travail. Les compteurs de caractères et les barres colorées reprennent les repères 70/200 de cet éditeur. Ils n’établissent pas une limite d’affichage actuelle garantie par la plateforme.
Fonctionnalités principales
- Aperçu en direct des types de cartes Summary et Summary Large Image
- Compteurs de caractères en temps réel et barres colorées selon les repères de l’éditeur pour le titre (70) et la description (200)
- Champ d’URL d’image avec indications de taille recommandée pour chaque type de carte
- Champ @identifiant du site pour une attribution correcte sur Twitter
- Balises meta HTML générées automatiquement, prêtes à coller dans la section <head> de votre page
- Copie en un clic de toutes les balises meta générées dans le presse-papiers
- Guide comparatif des types de cartes indiquant quand utiliser chaque format
- Aperçu modélisé d’après la mise en page des cartes Twitter/X (approximation, et non un rendu au pixel près)
- Prise en charge complète du mode sombre avec mise en page adaptative
- Aucune inscription requise, entièrement gratuit et illimité
Comment utiliser l’aperçu Twitter Card
- Sélectionnez un type de carte : Choisissez entre Summary (petite image) et Summary Large Image selon votre contenu et vos objectifs visuels.
- Saisissez votre titre : Rédigez un titre accrocheur de moins de 70 caractères qui capte l’attention dans le fil Twitter.
- Ajoutez une description : Rédigez une description concise de moins de 200 caractères qui incite à cliquer.
- Indiquez l’URL d’une image : Collez l’URL complète de l’image de votre carte (1200x628 recommandé pour les cartes à grande image, 144x144 pour Summary).
- Consultez l’aperçu en direct : Regardez le panneau d’aperçu de la carte pour voir une approximation de son apparence sur Twitter/X.
- Copiez les balises meta : Cliquez sur « Copy All Tags » pour copier les balises meta HTML générées, puis collez-les dans la section <head> de votre page.
Cas d’usage
- Community managers : Prévisualisez et optimisez les cartes de liens avant de partager du contenu, afin de maximiser l’engagement et le taux de clics.
- Développeurs web : Générez des balises meta Twitter Card correctes pendant le développement du site et vérifiez le rendu avant le lancement.
- Responsables marketing de contenu : Testez différents titres, descriptions et images pour trouver la combinaison la plus convaincante pour les liens partagés.
- Professionnels du SEO : Assurez-vous que les balises meta sociales sont correctement implémentées dans le cadre des audits SEO techniques.
- Équipes e-commerce : Prévisualisez l’apparence des pages produits lorsqu’elles sont partagées sur Twitter/X afin d’optimiser les conversions.
- Auteurs de blogs : Vérifiez que les aperçus d’articles affichent la bonne image à la une, le bon titre et le bon extrait avant la publication.
- Relations presse et communication : Vérifiez les aperçus de liens des communiqués et des annonces avant de les diffuser aux médias.
Questions fréquentes
Cet outil est-il gratuit ?
Oui, l’outil d’aperçu Twitter Card est entièrement gratuit, sans inscription ni limite d’utilisation.
Mes données sont-elles en sécurité ?
Le rendu de l’aperçu et la génération des balises se font dans votre navigateur. Vos titres et vos descriptions ne sont pas envoyés à nos serveurs. Le chargement d’une URL d’image déclenche une requête de votre navigateur vers l’hébergeur de cette image.
Quelles sont les tailles d’image recommandées ?
Utilisez une image carrée pour une petite carte et une image large pour une carte à grande image. L’éditeur propose des exemples de tailles de 144×144 et 1200×628 pixels ; ils ne valident pas les exigences actuelles de la plateforme en matière de format de fichier, de taille ou de récupération. Vérifiez l’image dans l’aperçu de partage publié.
Ai-je besoin à la fois des Twitter Cards et des balises Open Graph ?
Open Graph et les métadonnées propres à Twitter décrivent les aperçus sociaux. Implémentez les balises exigées par les plateformes que vous ciblez et vérifiez le résultat publié ; cet éditeur ne confirme pas le comportement de repli et ne garantit pas un contrôle complet de l’affichage.
Pourquoi ma carte ne se met-elle pas à jour après la modification des balises meta ?
Une plateforme peut conserver des métadonnées ou des images récupérées précédemment. Vérifiez que la page publiée et les URL d’images contiennent bien vos modifications, puis contrôlez son aperçu de partage réel. Cet éditeur n’inspecte ni ne vide le cache de X et ne peut promettre ni délai d’actualisation, ni contournement par paramètre d’URL.
Cet aperçu correspond-il exactement au rendu réel sur Twitter ?
Il s’agit d’un aperçu illustratif. La mise en page du client, le recadrage, les données en cache et la récupération des images peuvent donner un résultat sensiblement différent ; vérifiez l’aperçu de partage réel de la page publiée.
Astuces et bonnes pratiques
- Gardez des titres de moins de 70 caractères : Les titres plus longs sont tronqués dans l’aperçu de la carte, et votre message clé est perdu.
- Rédigez des descriptions orientées action : Employez un langage incitatif qui encourage les clics, et restez sous 200 caractères.
- Utilisez des images de qualité : Les images floues ou en basse résolution réduisent la confiance et l’engagement. Respectez toujours les dimensions recommandées.
- Indiquez l’@identifiant du site : Cela assure une attribution correcte et peut accroître la visibilité de votre compte lorsque des liens sont partagés.
- Testez avant de publier : Prévisualisez votre carte dans cet outil, puis collez l’URL dans l’éditeur de publication de X pour confirmer la carte réelle avant de publier.
- Implémentez à la fois les balises OG et Twitter : Utilisez les balises Open Graph comme base et les balises Twitter Card pour les personnalisations propres à la plateforme.