62984 vues

Twitter Cards

Sébastien Merour
publié le 13/06/2020 à 14h04 | modifé le 13/06/2020 à 15h44
Catégorie : Front-EndCommentaires (1497)
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.

1497 Commentaire(s)
  1. user
    cryptoboss промокод
    24/09/2024 à 13h38  commentaire modifé
    Используйте промокод в cryptoboss casino и получите уникальные бонусы|Новый промокод для cryptoboss casino Играйте в cryptoboss casino с привлекательным промокодом|Увеличьте свой выигрыш с cryptoboss casino промокодом Эксклюзивная акция для игроков cryptoboss casino|Секретный код для cryptoboss casino Специальное предложение от cryptoboss casino с промокодом|Бонус при регистрации в cryptoboss casino с промокодом криптобосс промокод при регистрации cryptoboss промокод . Успех в cryptoboss casino с промокодом Используйте cryptoboss casino промокод для увеличения выигрыша Увеличьте свои шансы на победу с cryptoboss casino промокодами|Получите уникальное предложение с cryptoboss casino промокодами Успейте воспользоваться cryptoboss casino промокодом и выиграть больше|Получите дополнительные бонусы с cryptoboss casino промокодом|Специальное предложение для игроков cryptoboss casino: промокод|Играйте с выгодой: cryptoboss casino промокод|Получите уникальные бонусы в cryptoboss casino по промокоду|Успейте активировать промокод для увеличения выигрыша|Эксклюзивный cryptoboss casino промокод - ваш путь к победе|Уникальное предложение для игроков cryptoboss casino: промокод|cryptoboss casino - ваша удача по промокоду|cryptoboss casino промокоды - ваш путь к успеху|Действуйте прямо сейчас с cryptoboss casino промокодом|cryptoboss casino промокод - ваш ключ к победе|Уникальное предложение от cryptoboss casino с промокодом|cryptoboss casino - ваш путь к успеху с промокодом|Используйте cryptoboss casino промокод для увеличения шансов на победу|Регулярные акции и cryptoboss casino промокоды для победы|Получите привилегии с cryptoboss casino промокодом|Играйте в cryptoboss casino с уникальным промокодом для успеха

  2. user
    cryptoboss casino официальный зеркало
    24/09/2024 à 12h55  commentaire modifé
    Не упустите шанс, переходите на зеркало Cryptoboss Casino сейчас, прокачивайтесь без проблем! Попробуйте свою удачу на новом зеркале Cryptoboss Casino, надежная связь гарантированы. Самое популярное зеркало Cryptoboss Casino ждет вас прямо сейчас, забудьте об другие варианты! Проводите время с удовольствием на зеркале Cryptoboss Casino!, не пропустите свой шанс! Самое надежное зеркало Cryptoboss Casino только у нас, играйте без риска без лишних хлопот! cryptoboss casino рабочее зеркало cryptoboss зеркало сегодня .

  3. user
    cryptoboss регистрация cryptoboss ru casino
    24/09/2024 à 12h10  commentaire modifé
    Зарегистрируйтесь на cryptoboss casino и получите эксклюзивный бонус, Проведите регистрацию на cryptoboss casino за несколько минут, Играйте с удовольствием после регистрации на cryptoboss casino, Уникальная атмосфера cryptoboss casino для зарегистрированных пользователей, Регистрация на cryptoboss casino - ваш первый шаг к увлекательному миру азартных игр, Не упустите возможность зарегистрироваться на cryptoboss casino и выиграть крупный приз, Регистрация на cryptoboss casino - ваш ключ к миру азартных развлечений, Зарегистрируйтесь на cryptoboss casino и окунитесь в захватывающий мир азартных игр, Регистрация на cryptoboss casino - ваш первый шаг к большим выигрышам, Регистрация на cryptoboss casino - ваш билет в мир азартных развлечений, Присоединяйтесь к cryptoboss casino и получите шанс на крупный выигрыш, Регистрация на сайте cryptoboss casino - ваш первый шаг к азартным приключениям, Регистрация на cryptoboss casino - ваш путь к финансовой независимости, Регистрация на cryptoboss casino - ваш ключ к миру больших выигрышей, Cryptoboss casino рад приветствовать новых игроков - присоединяйтесь сейчас, Регистрация на cryptoboss casino - ваш шанс на удачу. cryptoboss регистрация hds5 криптобосс бездепозитный бонус за регистрацию .

  4. user
    888starzPt
    24/09/2024 à 11h31  commentaire modifé
    Все актуальные предложения и акции ждут вас на https://888starz.today, присоединяйтесь уже сейчас.

  5. user
    криптобосс официальный сайт зеркало
    24/09/2024 à 11h25  commentaire modifé
    Cryptoboss Casino приглашает вас в мир азарта и выигрышей cryptoboss casino официальный сайт вход официальный сайт криптобосс cryptoboss ru casino .

Ajoutez un commentaire :