59235 vues

Twitter Cards

Sébastien Merour
publié le 13/06/2020 à 14h04 | modifé le 13/06/2020 à 15h44
Catégorie : Front-EndCommentaires (1207)
Twitter Cards
Description

Par le terme de "Twitter Cards", on entend 2 choses :

-les cards "Twitter" permettant d'afficher un tweet sur Twitter

-les balises "Twitter Cards" insérées dans les balises meta d'un site web, afin que Twitter puisse afficher un tweet correctement

Les Cards "Twitter"

Vous l'aurez remarqué : lorsque vous consultez Twitter, les tweets ne s'affichent pas tous de la même façon. Certains sont de simples textes (phrases courtes...), alors que d'autres tweets sont enrichis de photos, de vidéos...

Concernant les tweets enrichis, on distingue 2 catégories :

-le tweet enrichi depuis Twitter : l'utilisateur poste un tweet en y ajoutant une photo, ou une vidéo. Dans ce type de cas, le tweet ne fait appel à aucun site web extérieur. L'utilisateur insére des photos ou des vidéos qui sont présents sur son device (mobile, PC...)

-le tweet enrichi grâce à un site tiers : dans ce cas, lorsque l'utilisateur poste un lien menant à un site web (par exemple un lien vers un article de presse), Twitter insère automatiquement des éléments pour enrichir le tweet (le plus souvent il s'agit par exemple d'un aperçu photo d'un article de presse posté sur un site web. C'est dans ce cas de figure qu'interviennent les balises meta "Twitter Cards".

Plusieurs types de Twitter Cards existent :

- Summary Card : elle affiche un aperçu du site web de référence. L'aperçu contient le titre ou bien une description du document. On y voit aussi une vignette d'aperçu.

- Summary Card avec image large : c'est la même chose, mais cette fois avec une photo bien plus large qui occupe toute la largeur du fil Twitter.

- Photo Card : La Card ne contient qu'une photo. Le contenu standard du tweet intégre également l'auteur, la source et un lien externe.

- Gallery Card.  Seule différence avec la Photo Card : cette fois, plusieurs photos sont affichées.

- App Card. Elle permet d'afficher une application Android ou iOS. La card contient une courte description (celle présente dans l'App Store), ainsi qu'un lien de téléchargement de l'application.

- Player Card. Comme on peu le deviner, ce type de Card affiche des vidéos ou des fichiers audio.

- Product Card. Elle est destinée à ceux voulant faire la promotion d'un produit. Elle affiche un produit avec 2 caractéristiques définies par l'utilisateur. Il peut s'agir de la catégorie du produit, du prix...

 

Les balises meta "Twitter Cards"

Afin d'afficher correctement des Twitter Cards sur Twitter, il est nécessaire d'ajouter des balises meta Twitter Cards sur le site de référence.

3 balises sont obligatoires :

 

La 1ère balise, "twitter:card" correspond à la description courte du site web

Les 2 autres "twitter:site" et "twitter:creator" correspondent au compte Twitter de l'utilisateur.

A noter : si le site web contient les balises Open Graph suivantes : og:type ; og:title ; og:description sont présentes et si la balise twitter:card est absente, alors le summary sera quand même affiché sur Twitter. Lorsque Twitter crawle le site web, il vérifie si des balises Open Graph sont présentes.

Voici quelques exemples de balises Twitter :

twitter:description

Cette balise doit contenir la description de l'article. Elle ne doit pas dépasser 200 caractères.

twitter:title

Comme son nom l'indique, celle-ci contient le titre. Limitée à 70 caractères.

twitter:image

URL de l'image à insérer dans la card. A noter : l'image doit faire moins de 5 Mo. Les formats supportés sont : JPG, PNG, WEBP et GIF. Dans le cas d'un GIF, seule la première frame est affichée. Le format SVG n'est pas supporté.

twitter:image:alt

Description de l'image. Maximum autorisé : 420 caractères.

twitter:player

URL du player vidéo ou audio.

twitter:player:width

Largeur en pixels du player.

twitter:player:height

Hauteur en pixels du player

A quoi ça sert ?

Les Twitter Cards ont un intérêt évident : plus le tweet est enrichi (présence d'une description, d'une vignette, d'une vidéo...), plus le lien aura des chances d'être cliqué, et ainsi il permettra de générer du traffic sur le site web. Attention cependant : certains éléments comme les vidéos, ne vont pas forcément générer du traffic, car dans le cas des vidéos, l'utilisateur peut se contenter de visionner intégralement la vidéo sur Twitter sans visiter le site web.

Fonctionnalités
SEO / Réseaux Sociaux
Créateur
Twitter
Liens
Aux dernières nouvelles
Rien à signaler.

1207 Commentaire(s)
  1. user
    курс юань к тенге
    26/09/2024 à 13h53  commentaire modifé
    Самые свежие данные о курсе валют в Казахстане Как узнать курс валют в Казахстане Доллар, евро, рубль: актуальный курс в Казахстане На сколько выгодно менять валюту в Казахстане Секреты выгодного обмена валюты в Казахстане курс доллара к тенге алматы курс доллара туркестан .

  2. user
    криптобосс автоматы
    26/09/2024 à 10h40  commentaire modifé
    Крутые игровые автоматы в казино Cryptoboss, которые вас увлекут на целый вечер. Играйте на деньги в автоматах Cryptoboss Casino, для любителей крупных выигрышей. Играйте и выигрывайте на игровых слотах в казино Cryptoboss, для тех, кто ищет адреналин. Увлекательные автоматы ждут вас на сайте Cryptoboss Casino, где каждый может стать победителем. Играйте в игровые слоты в казино Cryptoboss, и выигрывайте крупные суммы на реальные деньги. Самые популярные автоматы в казино Cryptoboss, для любителей азартных игр. Получайте удовольствие от игры на автоматах в казино Cryptoboss, и станьте победителем сегодня. Играйте в лучшие автоматы в казино Cryptoboss, для любителей азартных игр. Почувствуйте волнение от игры в казино Cryptoboss на автоматах, для тех, кто мечтает о крупном выигрыше. Лучшие слоты на сайте Cryptoboss ждут вас, чтобы испытать настоящий азарт. Играйте в лучшие игровые автоматы на сайте Cryptoboss, для тех, кто мечтает об успехе. Лучшие игровые автоматы в казино Cryptoboss, где каждый может стать победителем. Погрузитесь в мир азарта, играя на сайте Cryptoboss Casino на автоматах, для тех, кто мечтает о крупном выигрыше. Игровые автоматы в казино Cryptoboss, для тех, кто ищет новые ощущения. Лучшие игровые автоматы на сайте Cryptoboss, для тех, кто мечтает о крупном выигрыше. Играйте на популярных слотах на сайте Cryptoboss Casino, для тех, кто ищет азарт. Лучшие игровые автоматы на сайте Cryptoboss, где каждый может испыт игровые автоматы криптобосс cryptoboss casino игровые автоматы .

  3. user
    криптобосс бездепозитный бонус за регистрацию
    26/09/2024 à 08h04  commentaire modifé
    Уникальный бездепозитный бонус в Cryptoboss Casino, не упустите возможность! Бездепозитный бонус поможет вам выиграть большую сумму в Cryptoboss Casino - шикарная возможность выиграть крупный джекпот. Уникальные возможности для игры без вложений в Cryptoboss Casino - лучший способ испытать удачу. Эксклюзивный бездепозитный бонус в Cryptoboss Casino - заработайте крупный выигрыш без вложений. Бездепозитный бонус доступен для всех в Cryptoboss Casino - это шанс испытать свою удачу без риска. Играйте на деньги, не рискуя своими средствами в Cryptoboss Casino - лучший способ испытать свою удачу. Получите бездепозитный бонус и начните играть в Cryptoboss Casino - лучший способ испытать свою удачу. Cryptoboss Casino предлагает бездепозитный бонус для всех - шикарные призы и невероятные выигрыши ждут вас. Начните играть бесплатно в Cryptoboss Casino с бездепозитным бонусом - новые призы и возможности для вас. cryptoboss бонус cryptoboss casino бонусы cryptoboss casino ru .

  4. user
    бонусы на пополнение cryptoboss
    26/09/2024 à 07h43  commentaire modifé
    Cryptoboss Casino радует бездепозитным бонусом, воспользуйтесь шансом! Заработайте крупный выигрыш без вложений в Cryptoboss Casino - возможно отличное начало для вас. Уникальные возможности для игры без вложений в Cryptoboss Casino - ваши шансы на победу увеличиваются. Эксклюзивный бездепозитный бонус в Cryptoboss Casino - играйте и выигрывайте без риска. Новые игроки получают уникальное предложение от Cryptoboss Casino - уникальные преимущества для игры на деньги. Уникальные возможности для игры без вложений в Cryptoboss Casino - лучший способ испытать свою удачу. Получите бездепозитный бонус и начните играть в Cryptoboss Casino - шикарная возможность заработать без вложений. Играйте без вложений и выигрывайте настоящие деньги в Cryptoboss Casino - шикарные призы и невероятные выигрыши ждут вас. Получите шанс выиграть крупный джекпот без вложений в Cryptoboss Casino - отличный способ испытать удачу без риска. cryptoboss бездепозитный бонус cryptoboss бездепозитный бонус hds5 .

  5. user
    negonikla
    26/09/2024 à 07h21  commentaire modifé
    http://vzhelezke.ru/2013/07/16/prodam-uchastok-12-sotok-v-derevne-poltevo.html

Ajoutez un commentaire :