105177 vues

Twitter Cards

Sébastien Merour
publié le 13/06/2020 à 14h04 | modifé le 13/06/2020 à 15h44
Catégorie : Front-End | Commentaires (96)
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.
96 Commentaire(s)
  1. user
    Michaelcoisa
    11/03/2025 à 01h33  commentaire modifé
    娛樂城大解析 娛樂城，通常指的是一個線上賭博平台，提供各種娛樂遊戲，如賭場遊戲、體育博彩、電子遊戲等。這些平台讓玩家可以在網路上進行賭博，而不需要親自前往實體賭場。娛樂城通常包含了各式各樣的遊戲選項，例如百家樂、輪盤、老虎機、撲克等，並且透過即時娛樂、直播等技術，提升了玩家的沉浸感和互動性。現今的娛樂城大多數已經支援手機和桌面端的多平台操作，讓玩家可以隨時隨地參與遊戲，這樣的便利性使得它們受到全球玩家的青睞。此外，娛樂城也會推出不同的優惠活動、註冊獎金和忠誠計劃，吸引新用戶並保持老用戶的活躍度。然而，娛樂城的風險也不可忽視。由於賭博本身具有高度的娛樂性，但也存在可能的成癮問題。多數國家對於線上賭博有著嚴格的法律規範，玩家在選擇娛樂城平台時，應該格外留意平台的合法性和安全性，以避免陷入詐騙或遭遇其他法律風險。因此，理性投注並了解相關法律是每位玩家應該保持的基本態度。
  2. user
    Michaelcoisa
    11/03/2025 à 00h34  commentaire modifé
    娛樂城大解析 娛樂城，通常指的是一個線上賭博平台，提供各種娛樂遊戲，如賭場遊戲、體育博彩、電子遊戲等。這些平台讓玩家可以在網路上進行賭博，而不需要親自前往實體賭場。娛樂城通常包含了各式各樣的遊戲選項，例如百家樂、輪盤、老虎機、撲克等，並且透過即時娛樂、直播等技術，提升了玩家的沉浸感和互動性。現今的娛樂城大多數已經支援手機和桌面端的多平台操作，讓玩家可以隨時隨地參與遊戲，這樣的便利性使得它們受到全球玩家的青睞。此外，娛樂城也會推出不同的優惠活動、註冊獎金和忠誠計劃，吸引新用戶並保持老用戶的活躍度。然而，娛樂城的風險也不可忽視。由於賭博本身具有高度的娛樂性，但也存在可能的成癮問題。多數國家對於線上賭博有著嚴格的法律規範，玩家在選擇娛樂城平台時，應該格外留意平台的合法性和安全性，以避免陷入詐騙或遭遇其他法律風險。因此，理性投注並了解相關法律是每位玩家應該保持的基本態度。
  3. user
    Michaelcoisa
    10/03/2025 à 23h49  commentaire modifé
    娛樂城，通常指的是一個線上賭博平台，提供各種娛樂遊戲，如賭場遊戲、體育博彩、電子遊戲等。這些平台讓玩家可以在網路上進行賭博，而不需要親自前往實體賭場。娛樂城通常包含了各式各樣的遊戲選項，例如百家樂、輪盤、老虎機、撲克等，並且透過即時娛樂、直播等技術，提升了玩家的沉浸感和互動性。現今的娛樂城大多數已經支援手機和桌面端的多平台操作，讓玩家可以隨時隨地參與遊戲，這樣的便利性使得它們受到全球玩家的青睞。此外，娛樂城也會推出不同的優惠活動、註冊獎金和忠誠計劃，吸引新用戶並保持老用戶的活躍度。然而，娛樂城的風險也不可忽視。由於賭博本身具有高度的娛樂性，但也存在可能的成癮問題。多數國家對於線上賭博有著嚴格的法律規範，玩家在選擇娛樂城平台時，應該格外留意平台的合法性和安全性，以避免陷入詐騙或遭遇其他法律風險。因此，理性投注並了解相關法律是每位玩家應該保持的基本態度。
  4. user
    Donaldjed
    10/03/2025 à 23h22  commentaire modifé
    equilibrador Sistemas de calibración: fundamental para el rendimiento fluido y productivo de las maquinarias. En el campo de la tecnología actual, donde la rendimiento y la estabilidad del aparato son de suma relevancia, los aparatos de ajuste tienen un rol crucial. Estos sistemas adaptados están diseñados para calibrar y estabilizar partes dinámicas, ya sea en equipamiento manufacturera, automóviles de desplazamiento o incluso en aparatos hogareños. Para los expertos en mantenimiento de sistemas y los ingenieros, operar con dispositivos de equilibrado es importante para asegurar el funcionamiento uniforme y fiable de cualquier aparato giratorio. Gracias a estas opciones tecnológicas sofisticadas, es posible limitar sustancialmente las vibraciones, el ruido y la presión sobre los rodamientos, aumentando la tiempo de servicio de elementos costosos. Igualmente significativo es el rol que cumplen los aparatos de equilibrado en la atención al usuario. El soporte profesional y el soporte constante utilizando estos sistemas facilitan ofrecer prestaciones de excelente excelencia, mejorando la contento de los usuarios. Para los responsables de emprendimientos, la financiamiento en unidades de ajuste y dispositivos puede ser fundamental para incrementar la rendimiento y eficiencia de sus sistemas. Esto es sobre todo relevante para los emprendedores que dirigen medianas y pequeñas empresas, donde cada aspecto cuenta. Además, los dispositivos de equilibrado tienen una vasta uso en el sector de la protección y el control de nivel. Posibilitan detectar potenciales problemas, previniendo intervenciones elevadas y daños a los equipos. Incluso, los datos extraídos de estos sistemas pueden emplearse para optimizar procesos y aumentar la reconocimiento en sistemas de exploración. Las zonas de aplicación de los dispositivos de equilibrado comprenden diversas áreas, desde la elaboración de ciclos hasta el control de la naturaleza. No importa si se trata de extensas fabricaciones industriales o reducidos locales de uso personal, los equipos de balanceo son esenciales para proteger un funcionamiento óptimo y sin riesgo de interrupciones.
  5. user
    Danielquome
    10/03/2025 à 23h13  commentaire modifé
    “You get some of me but not tomorrow as they want me in as soon as I can make it happen. This is the one time when they say jump and I ask how high due the financial gains the company could benefit from and it being important enough for the client to appear in person.” “Well I get an extra night of you at least! I wonder what we could do with that? Meantime, what about food? I am starving and delicious as it was a second breakfast is not quite enough to replenish me!” “Well get something on and we’ll sort that out first.” We drove into town and decided that a daytime visit to Charlie’s was going to be the answer. I parked in the bar lot and Elise dashed in to change into something more appropriate, jeans and a t-shirt along with her biker jacket but keeping her Converses on. Walking down to the restaurant was different from the middle of the night visits as the streets were bustling and all of the shops and outlets were open. Reaching Charlie’s we entered the front door and sat in a booth near the window. A beautiful young American Chinese girl came,smiled and said hello to Elise and gave us menus and asked if we wanted drinks in the meantime. "No thanks Lin just a pot of Jasmine tea for us please." Lin went back to the kitchen area. “No booze for me today as I will have to work in the bar so it is just tea for me.” Not in a drinking mood either, I agreed with her." https://tubeteencam.com/user/kostya691970/profile https://permacultureglobal.org/users/67348-juan-kachinosky https://www.dnnsoftware.com/activity-feed/my-profile/userid/3199234 https://rentry.org/xep2f9bu https://ellak.gr/user/anothe1989197519971969/
Préc
Suiv
Ajoutez un commentaire :
Mon Compte
StatisTricks