Aperçu Twitter Card
Auditez les champs de la card Twitter ou X, voyez d'où vient chacun face aux fallbacks Open Graph et SEO, prévisualisez les deux layouts et vérifiez l'image.
Cet aperçu de Twitter Card te montre exactement comment ton lien construit une card de partage sur X, parce qu'une page peut sembler propre dans le navigateur et se poster comme une horreur. Il récupère les quatre champs qui bâtissent vraiment la card, le type de card, le titre, la description et l'image, puis pose les vraies balises Twitter côte à côte avec les valeurs Open Graph et SEO qui comblent derrière. Une matrice des sources rend chaque fallback visible, pour que tu publies des cards choisies exprès plutôt que des aperçus qui ont eu de la chance. Tu obtiens aussi les layouts grande image et summary, un avis rapide sur la taille de l'image, des corrections priorisées et un rapport à coller dans ta checklist de publication.
Les requêtes passent par le service de lookup PeopleAreGeek. Nous ne journalisons rien.
Audit des métadonnées de card Twitter ou X
Tu colles un lien dans X et la card s'affiche cassée. Ça arrive sans arrêt. Cet outil vérifie la poignée de champs qui construisent vraiment la card de partage (le type de card, le titre, la description, l'image) et te montre d'où vient chacun d'eux. Il met les vraies balises Twitter côte à côte avec les valeurs Open Graph ou SEO qui prendraient le relais en secours. Tu obtiens les deux layouts de card à regarder, un avis rapide sur l'image, plus un rapport que tu peux coller direct dans ta checklist de publication.
Même quand un aperçu s'appuie discrètement sur Open Graph ou sur les métadonnées de la page, l'outil garde les champs propres à Twitter sous les yeux. Petit rappel : les plateformes mettent en cache les anciennes données de card, parfois un bon moment après que tu as déjà corrigé la page.
Ce qu'un aperçu de Twitter Card devrait montrer
Un aperçu de Twitter Card devrait montrer chaque champ qui construit la card de partage, parce qu'une page peut avoir l'air parfaitement propre dans ton navigateur et se partager comme une horreur sur X. La card se construit à partir d'un tout petit tas de métadonnées, et honnêtement, c'est en général le champ le plus faible qui fait tout planter. Peut-être que la page déclare un type de card mais oublie l'image. Peut-être qu'elle emprunte un titre correct à Open Graph alors que la description Twitter, elle, n'existe juste pas. Ou elle attrape le titre SEO en secours, et ce titre est beaucoup trop long pour une card sociale compacte.
Du coup, l'outil garde les couches séparées. Les champs Twitter ou X dédiés en haut, puis les valeurs Open Graph et SEO qui pourraient combler derrière. Cet écart compte. Tu veux des cards de partage que tu as vraiment choisies, pas des aperçus qui marchent par hasard parce qu'un plugin ou un template a glissé une balise voisine et a eu de la chance.
Type de card, titre, description et image travaillent ensemble
Le type de card fixe la forme. Une card à grande image se rentabilise plutôt bien sur les articles, les outils, tout ce qui gagne à avoir une photo. Une card de style summary fait très bien l'affaire quand l'image est plus un détail. Dans les deux cas, écris le texte pour la page elle-même. Un titre court et concret dit aux gens ce qu'ils s'apprêtent à ouvrir. Le boulot de la description, c'est d'ajouter la récompense, ou un peu de contexte, pas de te renvoyer le même groupe nominal en boucle.
- Le type de card, c'est la page qui dit quel format de card elle veut.
- Le champ titre donne à X un titre que tu as choisi exprès, pas un fallback oublié.
- Le champ description offre au partage un court résumé qu'un humain lirait vraiment.
- Le champ image fixe un visuel qui ne s'effondre pas une fois recadré par X.
- Les champs Open Graph doivent rester synchronisés, puisque d'autres surfaces d'aperçu les lisent aussi.
Comment passer en revue les fallbacks de card X
Les fallbacks, c'est pratique. Mais ils ont aussi la vilaine habitude de masquer de vrais problèmes. Si ta source sélectionnée affiche un fallback SEO sur absolument chaque champ, OK, la card s'affiche quand même, mais plus personne ne pilote vraiment tes métadonnées sociales à ce stade. Le titre vient des champs Twitter, l'image seulement d'Open Graph ? Totalement bien si c'était voulu. La matrice des sources rend juste ce relais visible avant que tu ne balances l'URL dans un post ou une campagne.
Un workflow de publication concret
- Prévisualise l'URL publique exacte que tu vas partager, pas une version de staging.
- Confirme que les champs propres à Twitter existent vraiment. Une card qui s'affiche n'est pas une preuve.
- Regarde l'image dans les deux layouts, le grand format et celui de style summary.
- Compare le titre de la card au sujet de la page pour que la promesse du clic reste honnête.
- Retest après avoir corrigé les métadonnées, et n'oublie pas que les caches des plateformes ont du retard.
Questions fréquentes
Ai-je besoin des balises Twitter si les balises Open Graph existent ?
Les fallbacks Open Graph prennent le relais une bonne partie du temps. Mais les champs Twitter ou X dédiés te donnent un contrôle plus serré sur le type de card et le texte, et honnêtement je pencherais pour ça dès que le partage compte. Ça dépend de ton template, en fait, et de l'importance que tu accordes au rendu de la page quand quelqu'un la poste.
Pourquoi l'outil dit que l'image manque alors que la page a des images ?
Parce qu'une image posée dans le corps de la page est une chose complètement différente d'une image de card sociale choisie. L'aperçu veut une URL d'image en métadonnée, celle épinglée dans un champ Twitter ou Open Graph. Sans ça, ce qui s'affiche est un coup de dés.
La description de la card doit-elle être bourrée de mots-clés ?
Non. S'il te plaît, ne fais pas ça. Écris-la pour l'humain qui survole le lien et essaie de décider si ça vaut un tap. Tes métadonnées de recherche et tes métadonnées sociales peuvent toutes les deux tirer leur poids côté SEO sans donner l'impression qu'un robot les a écrites.
Quelle est la différence entre les cards summary et summary_large_image ?
summary glisse une petite vignette carrée à côté du texte. summary_large_image voit grand, une bannière pleine largeur en haut. Pour les articles et tout ce qui est visuel, c'est la grande. Elle frappe juste plus fort dans le feed.
Pourquoi ma card X n'affiche pas d'image ?
En général une de trois choses. L'URL de l'image doit être absolue et accessible publiquement, le type de card doit être défini, et X met les aperçus en cache de façon agressive. Re-valide l'URL pour forcer un rafraîchissement et l'image réapparaît souvent toute seule.