59018 vues

Twitter Cards

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

1198 Commentaire(s)
  1. user
    JesseRot
    07/09/2024 à 08h12  commentaire modifé
    vibration analysis The Significance of Oscillation Management Equipment in Industrial Equipment In manufacturing settings, machines and rotating equipment are the core of output. However, an of the most frequent problems that could affect the performance as well as lifespan exists as vibrations. Resonance may cause a range of problems, including reduced precision along with efficiency leading to increased deterioration, finally resulting in costly delays and fixes. Such a situation is when vibration control tools proves to be essential. Why Vibration Management remains Necessary Resonance in equipment may result in multiple detrimental outcomes: Reduced Production Efficiency: Excess vibration might lead to misalignment and instability, reducing the performance of the equipment. This can result in slower manufacturing speed as well as higher energy consumption. Elevated Damage: Ongoing resonance speeds up the deterioration to mechanical parts, causing additional servicing and an potential for unanticipated unforeseen malfunctions. This not only raises maintenance expenses but also reduces the lifespan for the devices. Safety Risks: Unmanaged resonance might pose substantial safety concerns both to both the machinery as well as the workers. In, extreme situations, it could result in cataclysmic machinery failure, endangering employees and resulting in widespread harm to the environment. Precision along with Quality Issues: For sectors that depend on high precision, such as manufacturing and aerospace, resonance may bring about errors during the manufacturing process, causing defects and increased waste. Economical Approaches to Vibration Regulation Putting money in vibration management tools remains not merely a necessity and also a sound investment for any business any organization that relies on machinery. Our cutting-edge vibration regulation equipment are designed to mitigate vibrations in various mechanical systems or rotational systems, ensuring uninterrupted and efficient functioning. One thing that sets these apparatus above the rest is its its cost-effectiveness. We understand the significance of cost-effectiveness within the competitive market of today, thus we have high-quality vibration control solutions at rates that are affordable. By choosing our offerings, you’re not only preserving your equipment and increasing its productivity but also putting resources in the long-term performance of your business. Conclusion Vibration management remains an essential component in ensuring the operational performance, safety, as well as durability of your equipment. With our affordable resonance mitigation apparatus, one can ensure your operations operate seamlessly, your products are of high quality, as well as your workers stay secure. Don’t let oscillation affect your operations—invest in the proper tools immediately.

  2. user
    nine casino e legale in italia
    07/09/2024 à 07h54  commentaire modifé
    Se stai cercando un'esperienza di gioco emozionante e sicura, ninecasino e la scelta giusta per te. Con un'interfaccia user-friendly e un login semplice, Nine Casino offre un'ampia gamma di giochi che soddisferanno tutti i gusti. Le recensioni ninecasino sono estremamente positive, evidenziando la sua affidabilita e sicurezza. Molti giocatori apprezzano le nine casino prelievo, che sono rapide e sicure. Uno dei punti di forza di ninecasino e il suo generoso bonus di benvenuto, che permette ai nuovi giocatori di iniziare con un vantaggio. Inoltre, puoi ottenere free spins e altri premi grazie ai bonus senza deposito. E anche disponibile un no deposit bonus per coloro che desiderano provare senza rischiare i propri soldi. Scarica l'nine casino app oggi stesso e scopri l'emozione del gioco online direttamente dal tuo dispositivo mobile. Il download dell'app di Nine Casino e semplice e veloce, permettendoti di giocare ovunque ti trovi. Molti si chiedono, "nine casino e sicuro?" La risposta e si: Nine Casino e completamente legale in Italia e garantisce un ambiente di gioco sicuro e regolamentato. Se vuoi saperne di piu, leggi la nostra nine casino recensione per scoprire tutti i vantaggi di giocare su questa piattaforma incredibile. nine casino bonus benvenuto https://casinonine-bonus.com/ .

  3. user
    Sworway
    07/09/2024 à 05h16  commentaire modifé
    Medications - A Path to Addiction Recovery and Sobriety cialis canada?

  4. user
    Sworway
    07/09/2024 à 03h34  commentaire modifé
    Are there regulatory guidelines specifically addressing the quality of generic and biosimilar medicines Tadalafil over the counter?

  5. user
    Sworway
    06/09/2024 à 23h10  commentaire modifé
    Can I request a different flavor for chewable pills tadalafil 20mg?

Ajoutez un commentaire :