Configuration de Twitter Cards

Rédigé par Djb le 19 juillet 2016 Aucun commentaire

Grand fan depuis la première heure de Twitter, je vous propose une façon d’attacher des photos, des vidéos et autres médias interactifs à vos tweets.

Il existe 5 types différents de Twitter Cards

  1. Summary Card
  2. Summary Card with large image
  3. Player Card
  4. App Card
  5. Lead Generation Card


Summary Card

Spécifications:

Titre: 70 caractères

Description: 200 caractères

Image: au moins 120×120 pixels et pas plus de 1MB

Code HTML

Pour l’ajouter à votre site, vous devez coller ce code dans l’HTML de votre page web:


<meta name=”twitter:card” content=”summary” />
<meta name=”twitter:site” content=”@yoursite” />
<meta name=”twitter:title” content=”Your Title” />
<meta name=”twitter:description” content=”Your description.” />
<meta name=”twitter:image” content=”https://where-your-image-is-hosted/name.jpg” />


Summary Card with large image

Spécifications:

Titre: 70 caractères

Description: 200 caractères

Image: au moins 280 x 150 pixels et pas plus de 1MB


Idem que Summary Card sauf la taille de l'image

Code HTML


<meta name=”twitter:card” content=”summary_large_image”>
<meta name=”twitter:site” content=”@yourwebsite”>
<meta name=”twitter:creator” content=”@yourtwitterhandle”>
<meta name=”twitter:title” content=”your title”>
<meta name=”twitter:description” content=”your description.”>
<meta name=”twitter:image” content=”https://where-your-image-is-hosted/name.jpg“>


App Card

Idem mais pour faire la pub d'une applications mobile.


Player Cards

Les Player Cards ont été créées dans le but de promouvoir des médias de streaming comme la vidéo


Lead Generation Card

Plus pro, a utilisé pour des campagnes de publicités.


Il ne reste plus qu'à créer un petit plugin pour utiliser cette technique en utilisant par exemple l'image d'accroche pour les articles.

À suivre...

Classé dans : Bouts de code

PluXml

Retrouvez les plugins et templates pour PluXml

Information sur Djb, auteur de l'article:

La drogue cause des trous de mémoire et plein d’autres trucs moches dont je me souviens jamais.

Écrire un commentaire