À propos de cet outil
X (anciennement Twitter) lit sa propre famille de balises meta — twitter:card, twitter:title, twitter:description, twitter:image et twitter:site — pour construire la carte d'aperçu affichée quand quelqu'un partage votre lien. C'est un standard distinct d'Open Graph, avec deux mises en page : summary_large_image affiche une grande image en haut avec un petit bloc de texte en dessous, tandis que summary garde une vignette carrée compacte à côté du titre et de la description. Utilisez la mise en page grande image pour les articles de blog, et summary pour les pages utilitaires où le texte compte plus que le visuel.
X se rabat bien sur la balise og: correspondante pour toute propriété twitter: introuvable — og:title, og:description et og:image comblent les manques — donc une page n'ayant que des balises Open Graph obtient quand même une carte, simplement sans le contrôle spécifique à X. Pour une couverture complète, générez vos balises Open Graph avec le Générateur Open Graph associé et combinez-les avec les balises twitter: de cette page ; ensemble, elles couvrent les deux standards dont dépend la grande majorité des plateformes — X, Facebook, LinkedIn, Slack, Discord et la plupart des apps de chat — pour des aperçus de liens riches.
Questions fréquentes
Quelle est la différence entre summary et summary_large_image ?
summary affiche une petite vignette carrée à côté du texte, tandis que summary_large_image affiche une image bannière pleine largeur au-dessus du texte — utilisez la grande version pour du contenu visuel comme des articles de blog ou des produits.
Ai-je encore besoin des balises Open Graph si j'ajoute des balises Twitter Card ?
Oui — X/Twitter se rabat sur les balises Open Graph pour tout champ twitter: omis, donc conserver les deux donne les résultats les plus fiables sur toutes les plateformes.