Depuis quelques mois, vous êtes assez nombreux à me demander pourquoi et comment quand je publie un article sur Twitter après avoir élargi le tweet, une petite fenêtre apparaît avec un résumé court de mon article accompagné d’une image.

Ce petit tutoriel va donc vous expliquer qu’est ce que cet encart aussi appelé Twitter Cards et comment le mettre en place simplement en disposant d’un blog sous WordPress ou Joomla. Et si vous n’en possédez pas encore un vous pouvez le créer dès à présent en passant par 1and1.fr par exemple.

C’est quoi les Twitter Cards ?

Une image vous parlera surement plus que des mots ! Ci dessous un tweet dans lequel j’ai simplement inséré un lien menant vers un article de mon blog. A sa droite un autre tweet cette fois menant vers un article du blog d’un ami.

twitter-cards twitter-cards-2

Comme vous pouvez le constater j’ai le droit à une petite image, un court résumé et le nom de l’auteur de l’article affiché, c’est une Twitter Card. Maiden lui n’a rien de tout cela, il ne dispose donc pas (encore) des  Twitter Cards !

Il existe 6 types de Twitter Cards différentes que vous découvrirez par la suite. J’utilise pour ma part le type résumé ou « Summary » qui convient parfaitement au style de mes publications et qui s’est aussi activé automatiquement grâce à la procédure d’installation ci-dessous.

Installer les Twitter Cards

Avec WordPress

  • Installez le plugin WordPress SEO by Yoast sur votre blog depuis le tableau de bord du blog : « Extensions » > « Ajouter » > « WordPress SEO by Yoast » > « Installer maintenant » > « Activer ».
  • Toujours depuis le tableau de bord de votre blog : « SEO » > « Réseaux Sociaux » > « Twitter » > cochez la case « Ajoutes des métadonnées carte Twitter »

OU

  • Installez le plugin Twitter Cards sur votre blog depuis le tableau de bord du blog : « Extensions » > « Ajouter » > « Twitter Cards » > « Installer maintenant » > « Activer ».

Avec Joomla

  • Trouvez et installer le plugin « Twitter Cards for Joomla ». (oui je n’ai pas de site sous Joomla mais c’est par là … ;D)

Valider vos Twitter Cards

  • Rendez vous sur l’espace de développement Twitter dédié aux Twitter Cards.
  • Une fois connecté cliquez sur l’onglet « Validate et Apply »
  • Insérez le lien menant vers un de vos articles > « Go! »
  • Cliquez ensuite sur « Request Approval » et remplissez les champs

twitter-cards-3

  • Il ne reste plus qu’à attendre que Twitter valide votre site jusqu’au jour où les Twitter Cards apparaissent enfin !

Et si vous avez des soucis avec Windows 8 et ses tuiles, vous pouvez consulter mon tutoriel mes tuiles windows 8 ont disparu. D’autres petits tutos sont prévus pour aider à la création d’un blog sous WordPress et seront réalisés selon mon temps libre …