Twitter Card Preview

L'aperçu de la carte Twitter vous montre exactement à quoi ressemblera votre URL lorsque quelqu'un la partagera sur Twitter en mode clair et sombre avant de publier la page. Twitter propose deux formats de carte : la carte récapitulative compacte place une petite vignette carrée à gauche, tandis que la carte summary_large_image place une image pleine largeur au-dessus du titre et de la description. Cet outil restitue les deux formats avec précision. Le double aperçu clair/sombre côte à côte vous permet de vérifier la lisibilité des deux thèmes simultanément. Le panneau de validation vérifie chaque champ par rapport aux exigences de Twitter et affiche un badge de réussite ou d'échec par champ. La section de sortie HTML affiche les balises méta exactes que vous devez coller dans l'en-tête de votre page. Une section Comment tester explique comment utiliser le validateur de carte Twitter et ce que signifie le cache d'aperçu.

Principales fonctionnalités

• Aperçu double lumière/obscurité

  Affiche simultanément des maquettes précises de cartes Twitter dans les thèmes d'interface utilisateur clairs et sombres.

• Modes Résumé et Grande image

  Restitue instantanément les deux types de cartes avec les dimensions correctes et le changement de disposition.

• Badges de validation par champ

  Réussissez ou échouez les badges par champ par rapport aux limites de caractères et aux exigences d'image de Twitter.

• Sortie de balise méta HTML

  Génère les balises exactes twitter:card, twitter:title, twitter:description, twitter:image et handle.

• URL partageable

  Encode toutes les valeurs de la carte dans l'URL pour la mise en signet ou le partage des configurations.

1. 1

   Choisissez le type de carte

   Sélectionnez summary pour une carte compacte ou summary_large_image pour une carte image pleine largeur.

2. 2

   Remplissez le contenu de la carte

   Saisissez le titre, la description et l'URL de l'image. Ajoutez votre identifiant de site et votre identifiant de créateur.

3. 3

   Consultez les deux aperçus

   Vérifiez simultanément les maquettes du mode clair et du mode sombre pour vérifier la lisibilité des deux thèmes.

4. 4

   Correction des avertissements de validation

   Vérifiez le panneau de validation. Les badges d'échec rouges indiquent les champs qui dépassent les limites ou qui échouent aux exigences.

5. 5

   Copier les balises méta

   Cliquez sur le bouton Copier pour récupérer toutes les balises méta Twitter et collez-les dans l'en-tête de votre page.

Explore these tools that work great alongside Twitter Card Preview: