Un guide complet sur les Twitter Cards

Les cartes Twitter sont un protocole qui vous permet de joindre des photos riches, des vidéos et d'autres médias interactifs aux Tweets afin de générer du trafic vers votre site Web. Twitter propose un grand nombre de cartes différentes. De plus, les cartes Twitter peuvent être intégrées avec quelques lignes de code HTML à votre page Web. Les utilisateurs qui établissent un lien vers votre contenu avec un Tweet recevront une carte ajoutée au Tweet visible par tous leurs abonnés.

Les cartes Twitter sont un excellent partenaire pour votre stratégie de référencement, car elles contribuent à accroître l'engagement, à augmenter le taux de clics et les conversions. Les Twitter Cards peuvent ainsi améliorer la diffusion de votre contenu sur les réseaux sociaux et développer votre image de marque et votre référencement local.

Comprendre les différents types de cartes Twitter

Il existe 5 types de Twitter Cards :

• Carte récapitulative
• Carte récapitulative avec grande image
• Carte de joueur
• Carte d'application
• Carte de génération de leads

Carte récapitulative

La carte récapitulative peut être utilisée pour les articles de blog, les actualités, les pages de produits ou toute autre actualité commerciale. Ces cartes visent à offrir un aperçu du contenu en affichant votre titre, votre description et une image miniature.
Conditions:

• Titre : 70 caractères
• Descriptif : 200 caractères
• Image : au moins 120 x 120 pixels et pas plus de 1 Mo

Pour l'ajouter à votre site Web, vous devez coller ce code dans le code HTML de votre page Web :

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

Carte récapitulative avec grande image

Ces cartes fonctionnent à peu près de la même manière que la précédente, à l'exception de la taille de l'image. Il permet de présenter une image plus convaincante en pleine largeur pour mieux attirer les visiteurs sur votre site Web.
Conditions:

• Titre : 70 caractères
• Descriptif : 200 caractères
• Image : au moins 280 x 150 pixels et pas plus de 1 Mo

Ajoutez ce code HTML pour configurer ce type de cartes Twitter :

<meta name=”twitter:card” content=”summary_large_image”>
<meta name=”twitter:site” content=”@votresite”>
<meta name=”twitter:creator” content=”@yourtwitterhandle”>
<meta name=”twitter:title” content=”votre titre”>
<meta name=”twitter:description” content=”votre description.”>
<meta name="twitter:image" content=" https://où-votre-image-est-hébergée/nom.jpg ">

Carte d'application

Les cartes d'application peuvent être utilisées pour promouvoir des applications mobiles sur Twitter et augmenter le nombre d'installations. Cette carte met en évidence un nom, une description, une icône, une note et un prix. Twitter peut utiliser vos identifiants d'application pour extraire certaines de ces informations.
Conditions:

• Titre : trié à partir de l'ID de l'application
• Descriptif : 200 caractères
• Image : logo de l'application trié à partir de l'ID de l'application. L'image doit mesurer au moins 800 x 320 pixels et peut être au format JPG, JPEG, PNG ou GIF. Les images de moins de 1 Mo sont préférées

Si votre application n'est pas disponible dans l'App Store, Twitter ne pourra pas prendre ces informations. Si votre application ne se trouve pas dans la boutique américaine, indiquez dans la balise méta twitter:app:country d'où elle provient. De plus, si votre lien pointe directement vers l'App Store ou Google Play, Twitter créera automatiquement une carte d'application.

Voici le code que vous devez saisir :

<meta name=”twitter:card” content=”app”>
<meta name=”twitter:site” content=”@votresite”>
<meta name=”twitter:description” content=”votre description”>
<meta name=”twitter:app:country” content=”votre pays comme les USA”>
<meta name=”twitter:app:name:iphone” content=”le nom de votre application iphone”>
<meta name=”twitter:app:id:iphone” content=”votre identifiant d'application iphone”>
<meta name=”twitter:app:url:iphone” content=”l'URL de votre application iphone”>
<meta name=”twitter:app:name:ipad” content=”le nom de votre application ipad”>
<meta name=”twitter:app:id:ipad” content=”votre identifiant d'application ipad”>
<meta name=”twitter:app:url:ipad” content=”URL de votre application ipad”>
<meta name=”twitter:app:name:googleplay” content=”le nom de votre application googleplay”>
<meta name=”twitter:app:id:googleplay” content=”votre identifiant d'ajout googleplay”

Carte de joueur

Les Player Cards ont été créées afin de promouvoir les médias en streaming comme la vidéo ou le lecteur audio dans votre tweet. C'est parfait pour pousser Vines ou podcast par exemple.
Conditions:

• Descriptif : 200 caractères
• Image : affichée à la place du lecteur sur les plates-formes qui ne prennent pas en charge les iframes ou les lecteurs en ligne. Mêmes dimensions que votre
• joueur; pas plus de 1 Mo
• Vidéo : H.264, profil de base, niveau 3.0, jusqu'à 640 x 480 pixels à 30 ips.
• Audio : AAC, profil de faible complexité

Carte de génération de leads

Les cartes de génération de prospects sont idéales pour entrer en contact avec des clients potentiels. Vous pouvez ainsi collecter des informations sur des prospects. Les gens peuvent exprimer leur intérêt pour votre entreprise sans avoir à remplir de formulaire ni à quitter leur compte Twitter. Habituellement, leur nom, leur identifiant Twitter et leur adresse e-mail sont déjà entrés afin qu'ils n'aient pas besoin de les remplir.
Conditions:

• Titre : 50 caractères
• Appel à l'action : 20 caractères
• Message post-soumission (facultatif) : 100 caractères
• Image : au moins 800 x 200 pixels avec un format d'image de 4:1 et pas plus de 3 Mo

Pour bien configurer votre Lead Generation Card, vous devez vous connecter à votre compte Twitter Ads (même si la carte est gratuite) :

• Connectez-vous à Twitter
• Cliquez sur l'icône Paramètres et sélectionnez Publicités Twitter dans le menu déroulant
• Cliquez sur l'onglet Créations dans le menu de navigation supérieur, puis sélectionnez Cartes
• Cliquez sur Créer vos premières cartes de génération de leads
• Une fois configuré, cliquez sur l'onglet Tweets, puis cliquez sur le bouton bleu Composer un Tweet dans le coin supérieur droit.
• Rédigez votre Tweet et cliquez sur Joindre une carte à ce Tweet lorsque vous êtes prêt
• Sélectionnez la carte que vous souhaitez joindre, puis envoyez votre Tweet

Comment intégrer ces Twitter Cards dans un CMS ?

Si votre site Web fonctionne sous WordPress, vous souhaiterez peut-être intégrer ces cartes Twitter dans votre système pour gagner du temps. Si nous nous concentrons sur WordPress, il existe trois plugins que vous pouvez installer :

• Jet pack
• Cartes Twitter JM
• Référencement par Yoast

Twitter propose un bon guide pour configurer votre CMS avec des cartes Twitter, vous devriez donc absolument y jeter un œil.

Une fois que cela est bien configuré, vous devez vérifier s'il fonctionne correctement sur Twitter. Connectez-vous à Twitter Card Validator et vous verrez si tout ressemble à ce qu'il devrait être. Nous avons pris l'exemple de notre dernier article :

Comment vérifier les performances de vos Twitter Cards ?

Pour aller plus loin, vous voudrez peut-être jeter un œil au comportement de vos Twitter Cards. Nous avons récemment développé une nouvelle fonctionnalité qui vous permet de vérifier facilement les performances de vos Twitter Cards (et Open Graphs au passage). Vous pouvez analyser la distribution et les propriétés de vos cartes Twitter, obtenir des informations et accéder aux détails de l'URL. C'est un excellent partenaire pour votre stratégie de référencement car il améliore votre portée de partage social, votre taux de clics et vos conversions.