RootsLabs

More than a tool ! GitHub Google+ LinkedIn RSS

Présentation de Twitter Cards

Progi1984 - Commentaires (0)

Les Twitter Cards sont l’équivalent de l’Open Graph de Facebook. Elles permettent d’enrichir la timeline en ajoutant un résumé du contenu lorsque vous ou l’un de vos visiteurs partagent un lien de votre site. Nous allons découvrir comment fonctionne ces Twitter Cards.

Twitter Card : un produit de la société Twitter

Informations

Les informations partagées dans les twitter cards sont multiples.

Type du résumé (summary si non défini):

Titre du résumé* (limité à 70 caractères) :

Description du résumé* (limité à 200 caractères) :

Image du résumé (Max. 120px x 120px et Min. 60px x 60px) :

Si une image est défini, on peut alors définir la hauteur et la largeur (en pixels) :

Profil Twitter du site :

Profil Twitter de l’auteur:

* : obligatoire

Informations spécifiques aux applications

Si votre site est relative à une application, alors les Twitter Cards permettent de récupérer des informations sur ces applications.

Android

Nom de l’application Android :

ID de l’application Android sur le Google Play :

URL de l’application Android sur le Google Play :

iPad

Nom de l’application iPad :

ID de l’application iPad sur l’iTunes App Store :

URL de l’application iPad sur l’iTunes App Store :

iPhone

Nom de l’application iPhone :

ID de l’application iPhone sur l’iTunes App Store :

URL de l’application iPhone sur l’iTunes App Store :

Les différentes Cards

Différentes cards sont disponibles. Par défaut, la Twitter Card est de type summary.
Les autres sont :

  • « Summary Large Image » : Identique à la carte Summary, mais avec une image mise en avant (Source : Twitter)
  • « App » : Permet de mettre en avant une application mobile (Source : Twitter)
  • « Gallery » : Permet d’afficher plusieurs photos dans une galerie (Source : Twitter)
  • « Player » : Permet de mettre en avant une vidéo et la lire (Source : Twitter)

Validation

Se faire valider sa Twitter card par Twitter permet de l’activer pour les autres utilisateurs. Sans cela, vous pouvez avoir les meta pour la Twitter card, mais aucun rendu de votre résumé.

Liens

Ajouter un commentaire

Commentaire :