Simetricks | Twitter Cards

Twitter Cards

publié le 13/06/2020 à 14h04 | modifé le 13/06/2020 à 15h44
Catégorie : Front-End | Commentaires (2681)

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

Twitter Cards

Aux dernières nouvelles

Rien à signaler.

2681 Commentaire(s)

Thomasmic

17/04/2025 à 03h58 commentaire modifé

pg slot mahjong PORTAL DIGITAL PAFI: Fungsi Penting Farmasi dalam Era Digital Mengenal PAFI Pasca kemerdekaan RI, para Apoteker aktif berkontribusi dalam pembangunan kesehatan nasional. Didirikannya organisasi profesi farmasi ini menjadi momen bersejarah sebagai forum ahli di bidang farmasi. Berlandaskan Pancasila, PAFI bertekad untuk: • Meningkatkan kualitas kesehatan publik • Mengembangkan farmasi Indonesia • Meningkatkan kualitas hidup anggota Platform Terpadu PAFI: Terobosan Modern untuk Farmasi Modern Menyongsong revolusi digital, PAFI menghadirkan platform digital ini - terobosan teknologi yang memfasilitasi pekerjaan apoteker melalui: ? Informasi Terkini - Akses peraturan farmasi, temuan terbaru, dan kesempatan profesional ? Pengembangan Kompetensi - Layanan pelatihan dan sertifikasi daring ? Jaringan Ahli - Media sinergi bagi seluruh ahli farmasi Platform ini meningkatkan peran PAFI dalam meningkatkan sistem kesehatan melalui adaptasi perkembangan teknologi. Masa Depan Kefarmasian Era Digital Keberadaan WEB PAFI Terintegrasi merupakan tanda revolusi teknologi dalam bidang apoteker. Dengan selalu menyempurnakan fasilitas yang ada, PAFI berkomitmen untuk: • Memacu inovasi pelayanan kefarmasian • Memperkuat kualitas profesi • Mempermudah fasilitas kesehatan untuk rakyat Kesimpulan PAFI dengan adanya WEB PAFI Terintegrasi selalu berada di garda depan dalam memadukan perkembangan teknis dengan praktik farmasi profesional. Terobosan ini tidak hanya memperkuat peran apoteker, tetapi juga berkontribusi nyata bagi kemajuan kesehatan bangsa pada zaman teknologi.

signaler le commentaire

Danielquome

16/04/2025 à 21h24 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://imageevent.com/sashkasa1969 http://www.babelcube.com/user/stacey-williams https://imageevent.com/pristityt1971 https://www.hentai-foundry.com/user/digor7771982/profile https://imageevent.com/foxzlo1964

signaler le commentaire

Danielquome

16/04/2025 à 17h12 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://anotepad.com/notes/5annq823 https://okwave.jp/profile/u3141060.html https://chyoa.com/user/arvio199119841960 http://www.babelcube.com/user/heather-stewart https://permacultureglobal.org/users/60833-leslie-dickerson

signaler le commentaire

Danielquome

16/04/2025 à 17h11 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://permacultureglobal.org/users/70331-amanda-smith https://imageevent.com/dmny1979 https://www.dnnsoftware.com/activity-feed/my-profile/userid/3197854 https://anotepad.com/notes/gni24678 https://www.dnnsoftware.com/activity-feed/my-profile/userid/3203925

signaler le commentaire

Thomasmic

16/04/2025 à 16h33 commentaire modifé

pg slot PORTAL DIGITAL PAFI: Fungsi Penting Farmasi dalam Era Digital Profil Singkat PAFI Sejak Indonesia merdeka, para Ahli Farmasi turut berperan aktif dalam pengembangan sistem kesehatan. Didirikannya PAFI menjadi langkah strategis sebagai forum ahli di bidang farmasi. Berazaskan Pancasila, PAFI berkomitmen untuk: • Meningkatkan taraf kesehatan rakyat • Mengembangkan farmasi Indonesia • Meningkatkan kualitas hidup anggota WEB PAFI Terintegrasi: Inovasi Teknologi untuk Dunia Farmasi Digital Menghadapi tantangan era digital, PAFI menghadirkan WEB PAFI Terintegrasi - platform inovatif yang menunjang praktik farmasi profesional melalui: ? Update Terbaru - Ketersediaan regulasi kesehatan, perkembangan ilmiah, dan peluang karir ? Pelatihan Profesional - Layanan pembelajaran jarak jauh ? Jejaring Profesional - Media sinergi se-Indonesia Inovasi teknologi ini meningkatkan peran PAFI dalam memajukan pelayanan kesehatan melalui penerapan inovasi digital. Peluang Dunia Farmasi Modern Hadirnya platform digital PAFI menjadi bukti revolusi teknologi dalam profesi farmasi. Dengan terus mengembangkan kapabilitas sistem, PAFI berjanji untuk: • Memacu inovasi pelayanan kefarmasian • Meningkatkan standar profesional • Mempermudah pelayanan kesehatan publik Kesimpulan PAFI melalui platform digital ini terus menjadi pionir dalam memadukan kemajuan teknologi dengan praktik farmasi profesional. Program ini bukan sekadar memperkuat peran tenaga kefarmasian, tetapi juga berkontribusi nyata bagi kemajuan kesehatan bangsa di masa modern.

signaler le commentaire

Préc

Suiv

Ajoutez un commentaire :

Thomasmic

17/04/2025 à 03h58 commentaire modifé

pg slot mahjong PORTAL DIGITAL PAFI: Fungsi Penting Farmasi dalam Era Digital Mengenal PAFI Pasca kemerdekaan RI, para Apoteker aktif berkontribusi dalam pembangunan kesehatan nasional. Didirikannya organisasi profesi farmasi ini menjadi momen bersejarah sebagai forum ahli di bidang farmasi. Berlandaskan Pancasila, PAFI bertekad untuk: • Meningkatkan kualitas kesehatan publik • Mengembangkan farmasi Indonesia • Meningkatkan kualitas hidup anggota Platform Terpadu PAFI: Terobosan Modern untuk Farmasi Modern Menyongsong revolusi digital, PAFI menghadirkan platform digital ini - terobosan teknologi yang memfasilitasi pekerjaan apoteker melalui: ? Informasi Terkini - Akses peraturan farmasi, temuan terbaru, dan kesempatan profesional ? Pengembangan Kompetensi - Layanan pelatihan dan sertifikasi daring ? Jaringan Ahli - Media sinergi bagi seluruh ahli farmasi Platform ini meningkatkan peran PAFI dalam meningkatkan sistem kesehatan melalui adaptasi perkembangan teknologi. Masa Depan Kefarmasian Era Digital Keberadaan WEB PAFI Terintegrasi merupakan tanda revolusi teknologi dalam bidang apoteker. Dengan selalu menyempurnakan fasilitas yang ada, PAFI berkomitmen untuk: • Memacu inovasi pelayanan kefarmasian • Memperkuat kualitas profesi • Mempermudah fasilitas kesehatan untuk rakyat Kesimpulan PAFI dengan adanya WEB PAFI Terintegrasi selalu berada di garda depan dalam memadukan perkembangan teknis dengan praktik farmasi profesional. Terobosan ini tidak hanya memperkuat peran apoteker, tetapi juga berkontribusi nyata bagi kemajuan kesehatan bangsa pada zaman teknologi.

signaler le commentaire

Danielquome

16/04/2025 à 21h24 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://imageevent.com/sashkasa1969 http://www.babelcube.com/user/stacey-williams https://imageevent.com/pristityt1971 https://www.hentai-foundry.com/user/digor7771982/profile https://imageevent.com/foxzlo1964

16/04/2025 à 17h12 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://anotepad.com/notes/5annq823 https://okwave.jp/profile/u3141060.html https://chyoa.com/user/arvio199119841960 http://www.babelcube.com/user/heather-stewart https://permacultureglobal.org/users/60833-leslie-dickerson

16/04/2025 à 17h11 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://permacultureglobal.org/users/70331-amanda-smith https://imageevent.com/dmny1979 https://www.dnnsoftware.com/activity-feed/my-profile/userid/3197854 https://anotepad.com/notes/gni24678 https://www.dnnsoftware.com/activity-feed/my-profile/userid/3203925

16/04/2025 à 16h33 commentaire modifé

pg slot PORTAL DIGITAL PAFI: Fungsi Penting Farmasi dalam Era Digital Profil Singkat PAFI Sejak Indonesia merdeka, para Ahli Farmasi turut berperan aktif dalam pengembangan sistem kesehatan. Didirikannya PAFI menjadi langkah strategis sebagai forum ahli di bidang farmasi. Berazaskan Pancasila, PAFI berkomitmen untuk: • Meningkatkan taraf kesehatan rakyat • Mengembangkan farmasi Indonesia • Meningkatkan kualitas hidup anggota WEB PAFI Terintegrasi: Inovasi Teknologi untuk Dunia Farmasi Digital Menghadapi tantangan era digital, PAFI menghadirkan WEB PAFI Terintegrasi - platform inovatif yang menunjang praktik farmasi profesional melalui: ? Update Terbaru - Ketersediaan regulasi kesehatan, perkembangan ilmiah, dan peluang karir ? Pelatihan Profesional - Layanan pembelajaran jarak jauh ? Jejaring Profesional - Media sinergi se-Indonesia Inovasi teknologi ini meningkatkan peran PAFI dalam memajukan pelayanan kesehatan melalui penerapan inovasi digital. Peluang Dunia Farmasi Modern Hadirnya platform digital PAFI menjadi bukti revolusi teknologi dalam profesi farmasi. Dengan terus mengembangkan kapabilitas sistem, PAFI berjanji untuk: • Memacu inovasi pelayanan kefarmasian • Meningkatkan standar profesional • Mempermudah pelayanan kesehatan publik Kesimpulan PAFI melalui platform digital ini terus menjadi pionir dalam memadukan kemajuan teknologi dengan praktik farmasi profesional. Program ini bukan sekadar memperkuat peran tenaga kefarmasian, tetapi juga berkontribusi nyata bagi kemajuan kesehatan bangsa di masa modern.