43796 vues

Twitter Cards

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

113 Commentaire(s)
  1. user
    Sworway
    06/09/2024 à 21h24  commentaire modifé
    Medications and Allergy Management - Finding Relief, Embracing the Outdoors cialis 5 mg?

  2. user
    eyeofgodAlimb
    06/09/2024 à 20h12  commentaire modifé

  3. user
    JesseRot
    06/09/2024 à 19h50  commentaire modifé
    vibration analysis The Value of Vibrations Control Equipment in Machinery Across manufacturing environments, equipment and spinning devices constitute the core of output. However, a of the most common issues which could impede the performance and lifespan exists as vibrations. Vibration might cause a variety of complications, such as minimized precision and efficiency to elevated erosion, in the end resulting in expensive downtime as well as maintenance. Such a situation is the point where resonance control systems proves to be essential. Why Vibrations Mitigation is Critical Vibration in machinery may lead to various harmful impacts: Minimized Operational Effectiveness: Excessive oscillation may result in discrepancies as well as distortion, decreasing the efficiency of the systems. This can lead to delayed production times as well as greater energy use. Heightened Damage: Ongoing oscillation hastens total damage to equipment components, causing more frequent repairs along with an potential for unanticipated unexpected failures. This doesn't merely increases operating costs but also decreases the longevity for your devices. Security Risks: Excessive vibration can introduce considerable dangers to both the machinery and the operators. In severe cases, serious conditions, this might lead to devastating machinery failure, endangering personnel along with causing considerable harm across the facility. Precision and Production Quality Issues: Within sectors that rely on high precision, for example industrial sectors or aerospace, vibrations can lead to flaws in manufacturing, resulting in flawed products and increased waste. Reasonably Priced Alternatives for Vibration Management Investing in the oscillation control apparatus is not only necessary but a wise choice for any industry involved with equipment. Our cutting-edge vibration management systems work to built to remove oscillation from all mechanical systems or rotating equipment, ensuring seamless and efficient operations. One thing that sets our tools apart is its reasonable pricing. We understand the importance of keeping costs low inside the current market, which is why we offer high-quality vibration control solutions at prices that are affordable. Through selecting our systems, you aren’t simply securing your machinery and enhancing its operational effectiveness you’re also investing in the long-term success of your company. In Conclusion Vibration control is an essential aspect in ensuring the operational performance, safety, and durability of your industrial equipment. Using these reasonably priced oscillation control systems, it is possible to make sure your operations function efficiently, your products are of high quality, and your workers stay safe. Never allow vibrations compromise your machinery—make an investment in the right equipment today.

  4. user
    glazbogaCab
    06/09/2024 à 17h50  commentaire modifé
    глаз бога тг бот https://glazb.me глаз бога телеграмм

  5. user
    Snyatie lomki narkolog_ulOl
    06/09/2024 à 15h58  commentaire modifé
    снятие ломки цены www.snyatie-lomki-narkolog.ru .

Ajoutez un commentaire :