Quelle différence entre Twitter Card summary et summary_large_image ?

Summary : petite image à gauche, titre et description à droite (format compact). Summary_large_image : grande image en haut, titre et description en dessous (plus visible dans le fil). Pour les articles et landing pages, summary_large_image est en général préférable pour maximiser l’impact visuel et le taux de clic.

Faut-il mettre à la fois Open Graph et Twitter Cards ?

Oui. Open Graph est utilisé par Facebook, LinkedIn et d’autres ; Twitter Cards par X (Twitter). X peut utiliser les meta OG en secours si les Twitter Cards sont absentes, mais fournir les deux permet d’optimiser l’affichage sur chaque plateforme (formats et contraintes pouvant différer). En pratique, titre et description peuvent être identiques.

Comment tester l’aperçu Twitter Card avant publication ?

Utilisez le Twitter Card Validator (ou l’outil équivalent sur developer.twitter.com) : entrez l’URL de la page et lancez la validation. L’outil récupère les meta et affiche un aperçu de la carte. En cas de modification des meta, le cache X peut persister ; le validator permet de forcer une nouvelle récupération.

Twitter Cards — Définition | Websual - Développeur Web & SEO Pau

Définition technique

Métadonnées dédiées à l’aperçu des liens sur X (Twitter). Balises dans le <head> : twitter:card (summary, summary_large_image, app, player), twitter:title, twitter:description, twitter:image, et optionnellement twitter:site, twitter:creator. Lors du partage d’un lien, X utilise ces meta pour afficher une carte enrichie. En l’absence de Twitter Cards, X peut se rabattre sur Open Graph ; il est néanmoins recommandé de fournir les deux pour un contrôle optimal sur chaque plateforme. summary_large_image affiche une grande image (ratio 2:1 recommandé, min. 300x157 px). twitter:site et twitter:creator renforcent l’attribution du compte. Les dimensions et contraintes peuvent différer légèrement d’Open Graph ; vérifier la doc X pour les mises à jour.

Comment ça fonctionne ?

Des balises <meta name="twitter:card">, twitter:title, twitter:description, twitter:image dans le <head> indiquent à X (Twitter) comment afficher la carte lors du partage. summary_large_image affiche une grande image en haut ; summary un format compact. X peut utiliser les meta Open Graph en secours si les Twitter Cards sont absentes.

L'erreur classique à éviter

Ne pas définir les Twitter Cards et laisser X choisir un aperçu peu adapté. Utiliser une image trop petite pour summary_large_image (min. 300x157 px). Oublier twitter:site ou twitter:creator pour l'attribution du compte.

Impact business : pourquoi s'en soucier ?

Comme pour Open Graph, une carte Twitter soignée améliore le taux de clic et l’image de marque lors des partages. Les comptes professionnels et les campagnes de contenu ont tout intérêt à maîtriser l’aperçu sur X en plus de Facebook/LinkedIn. Un partage avec une grande image (summary_large_image) et un titre percutant attire plus l’attention dans le fil. Négliger les Twitter Cards sur un site souvent partagé sur X laisse une carte par défaut souvent peu attractive.

La règle d'or

Fournir à la fois Open Graph et Twitter Cards. Pour les articles et landing : summary_large_image avec une image 1200x630 ou ratio 2:1. Titre et description peuvent être identiques à l'OG. Tester avec le Twitter Card Validator.

Contexte : page [type : article / landing / produit], objectif partage sur X. Génère les balises Twitter Cards : twitter:card ([summary ou summary_large_image]), twitter:title, twitter:description, twitter:image. Ajoute twitter:site [@compte] et twitter:creator si auteur connu. Donne les dimensions d’image recommandées pour summary_large_image. Compare avec la config Open Graph et indique si les valeurs peuvent être identiques.

Twitter Cards