582661 vues

Twitter Cards

Sébastien Merour
publié le 13/06/2020 à 14h04 | modifé le 13/06/2020 à 15h44
Catégorie : Front-End | Commentaires (23307)
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.
23307 Commentaire(s)
  1. user
    JeffryMer
    11/04/2025 à 09h27  commentaire modifé
    Hello! If this message caught your attention, you’re probably seeking strategies to enhance your online presence. I get it — SEO can feel overwhelming, especially with so many “instant results” offers out there vowing overnight success without real outcomes. That’s why I want to share my strategy with you. It’s not just another cookie-cutter service — it’s a custom-tailored plan designed to deliver real, measurable results. I specialize in building tiered authority systems that combine Tier 1, Tier 2, and Tier 3 backlinks. Think of it like constructing a strong foundation for your house. A weak foundation leads to instability. My goal is to enhance your main website’s ranking power in a way that aligns with search engine algorithms and actually works. What Makes Me Different? I’ll cut to the chase: I’ve been in the SEO game for years, and I’ve seen it all — ethical practices and black-hat tactics. I’ve worked with clients who poured resources on services that vowed top positions but resulted in search engine bans. That’s why I decided to do things differently. I focus on authoritative dofollow links from trusted domains. The majority of top-layer backlinks in my strategy are dofollow because they offer maximum SEO value. And here’s the catch — you’ll get this premium service at significantly reduced rates (we’re talking 200–350forthesamepackage?pricesstartaslowas200). How does wasting money help? Invest wisely in something that delivers real ROI. The Secret Sauce Elite Guest Blogging I avoid low-quality directories. Absolutely not. I carefully select only the authoritative domains — websites Google prioritizes. These are the kinds of sites that elevate your domain’s credibility. Unique, Handwritten Content AI-generated text is easily spotted. It’s boring, unnatural, and frankly, a waste of time. That’s why every piece I create is original, captivating, and tailored to your niche. Whether it’s for Web 2.0 properties, I guarantee plagiarism-free results that supports your strategy organically. Pure quality, zero filler — content that converts. Three-Layer Link Building Strategy Here’s where things get interesting. My method builds depth by incorporating mid-level and foundational backlinks. This structured system strengthens the effect of your core links, driving steady progress for your money site. Imagine an avalanche effect, compounding over time. Diverse Link Sources Google loves diversity, so I use a mix high-authority sources: content hubs, document shares, social signals. This isn’t about gaming the system; it’s about establishing long-term authority. No Hidden Agendas When you work with me, you’ll know exactly what you’re getting. I provide a comprehensive breakdown, including full administrative rights. Full disclosure at every step. You’ll monitor each placement and their impact on rankings. A Little Story from My Experience Here’s a real example: A few years ago, I worked with a client who was frustrated because their website wasn’t ranking despite months of effort. They’d tried multiple agencies, but nothing seemed to work. When they came to me, I crafted a custom plan. A personalized approach was implemented. In 60 days, organic visits surged, and they achieved measurable sales growth. That’s the kind of success I strive to deliver with every client. Let’s build your path to the top Contact me now and turn search engines into your ally. ??
  2. user
    JeffryMer
    11/04/2025 à 09h03  commentaire modifé
    Hidden Link Placement in Established Content Hubs Hey there! If you’re reading this, chances are you’re looking for a way to boost your website’s visibility in Google. Let’s face it — navigating SEO can be daunting, especially with so many “quick-fix” services out there claiming guaranteed results that rarely materialize. That’s why I want to share my strategy with you. It’s not just another generic solution — it’s a bespoke approach designed to deliver tangible growth. I specialize in building backlink structures that combine Tier 1, Tier 2, and Tier 3 backlinks. Picture creating a reliable framework for your project. Without a solid base, everything else crumbles. My goal is to boost your primary domain’s credibility in a way that mimics organic growth and proves effective. Why Should You Trust Me? I’ll cut to the chase: I’ve been in the SEO game for years, and I’ve seen it all — successful strategies and outright scams. I’ve worked with clients who invested heavily on services that claimed foolproof results but caused ranking drops. That’s why I decided to do things differently. I focus on high-quality, dofollow backlinks from authoritative websites. The majority of top-layer backlinks in my strategy are dofollow because they pack the biggest punch. And here’s the clincher — you’ll get this premium service at a fraction of what others charge (costing just 200–350 USD). Why pay more for less? Invest wisely in something that delivers real ROI. My Unique Value Proposition Elite Guest Blogging No generic outreach here. Nope. I curate only the most reputable guest post sites — websites Google prioritizes. These are the kinds of sites that skyrocket your rankings. Original, Custom-Crafted Articles AI-generated text is easily spotted. It’s unengaging and counterproductive. That’s why every article I create is original, engaging, and customized for your industry. Whether it’s for private blog networks (PBNs), I guarantee originality reports that supports your strategy organically. No shortcuts, no fluff — just high-quality writing that gets results. Pyramid-Structured Backlinks Here’s where things get powerful. My method goes beyond basics by incorporating Tier 2 and Tier 3 support links. This multi-phase strategy strengthens the effect of your main connections, driving long-term success for your money site. Imagine an avalanche effect, compounding over time. Multi-Platform Authority Building A natural profile requires eclectic sources, so I incorporate diverse high-authority sources: Web 2.0 platforms, PDFs, Docs, social bookmarks, profiles. This isn’t about cheating algorithms; it’s about creating enduring value. Complete Honesty When you work with me, you’ll know exactly what you’re getting. I provide a thorough documentation, including access credentials. Clear communication, no surprises. You’ll track every backlink source and how they’re helping your site grow. A Little Story from My Experience Here’s a real example: A few years ago, I worked with a client who was struggling to gain traction despite months of effort. They’d tried multiple agencies, but results were elusive. When they came to me, I analyzed their unique needs. A personalized approach was implemented. Soon, rankings climbed, and they boosted lead generation. That’s the kind of success I strive to deliver with every client. Let’s build your path to the top Let’s connect and turn search engines into your ally. ??
  3. user
    JeffryMer
    11/04/2025 à 08h46  commentaire modifé
    Hidden Link Placement in Established Content Hubs Hello! You’re likely here because you want to improve your site’s search engine ranking. Let’s face it — navigating SEO can be daunting, especially with so many “quick-fix” services out there claiming guaranteed results that rarely materialize. That’s why I want to share my approach with you. It’s not just another generic solution — it’s a personalized strategy designed to deliver tangible growth. I specialize in building link pyramids that combine high-authority, mid-tier, and foundational links. Think of it like constructing a strong foundation for your house. A weak foundation leads to instability. My goal is to boost your primary domain’s credibility in a way that mimics organic growth and delivers results. What Makes Me Different? Let me be honest here: I’ve been in the SEO game for years, and I’ve seen it all — the good, the bad, and the downright spammy. I’ve worked with clients who wasted hundreds (sometimes thousands) on services that promised “guaranteed rankings” but resulted in search engine bans. That’s why I decided to redefine the process. I focus on authoritative dofollow links from trusted domains. More than four-fifths of primary-tier connections in my strategy are dofollow because they pack the biggest punch. And here’s the catch — you’ll get this top-tier offering at a fraction of what others charge (costing just 200–350 USD). What’s the point of overpaying? Invest wisely in something that delivers real ROI. My Unique Value Proposition Elite Guest Blogging I don’t just throw your links on any random blog. Never. I handpick only the authoritative domains — websites Google prioritizes. These are the kinds of sites that elevate your domain’s credibility. Tailored Copywriting AI-generated text is easily spotted. It’s detrimental to your brand. That’s why every piece I create is original, compelling, and tailored to your niche. Whether it’s for content hubs, I guarantee Copyscape-passed content that supports your strategy organically. Pure quality, zero filler — content that converts. Three-Layer Link Building Strategy Here’s where things get interesting. My method goes beyond basics by incorporating Tier 2 and Tier 3 support links. This layered approach strengthens the effect of your core links, driving steady progress for your money site. Imagine an avalanche effect, compounding over time. Multi-Platform Authority Building A natural profile requires eclectic sources, so I incorporate diverse high-authority sources: media channels, directories, and niche forums. This isn’t about gaming the system; it’s about establishing long-term authority. Complete Honesty When you work with me, you’ll know exactly what you’re getting. I provide a thorough documentation, including access credentials. No secrets, no hidden agendas — just complete transparency. You’ll track every backlink source and their impact on rankings. A Client Success Tale Let me share something personal: A few years ago, I worked with a client who was struggling to gain traction despite prior investments. They’d tried multiple agencies, but nothing seemed to work. When they came to me, I analyzed their unique needs. Together, we built a custom link pyramid tailored to their niche. Soon, rankings climbed, and they boosted lead generation. That’s the kind of result I aim for with every client. Let’s build your path to the top Drop me a line today and start your journey to #1. ??
  4. user
    mostbet_zkkt
    11/04/2025 à 06h41  commentaire modifé
    мосбет казино мосбет казино .
  5. user
    JeffryMer
    11/04/2025 à 00h47  commentaire modifé
    Hi there! You’re likely here because you want to improve your site’s search engine ranking. I get it — SEO can feel overwhelming, especially with so many “miracle” solutions out there promising the moon but delivering… well, not much. That’s why I want to share my method with you. It’s not just another one-size-fits-all package — it’s a custom-tailored plan designed to deliver tangible growth. I specialize in building tiered authority systems that combine Tier 1, Tier 2, and Tier 3 backlinks. Imagine building a sturdy base for a skyscraper. Without a solid base, everything else crumbles. My goal is to boost your primary domain’s credibility in a way that aligns with search engine algorithms and delivers results. The Proof Is in the Results To be straightforward: I’ve been in the search engine optimization industry for years, and I’ve experienced the full spectrum — the good, the bad, and the downright spammy. I’ve worked with clients who invested heavily on services that claimed foolproof results but ended up getting them penalized. That’s why I decided to do things differently. I focus on authoritative dofollow links from trusted domains. More than four-fifths of primary-tier connections in my strategy are dofollow because they pack the biggest punch. And here’s the catch — you’ll get this top-tier offering at discounted pricing (we’re talking 200–350forthesamepackage?pricesstartaslowas200). Why pay more for less? Save your hard-earned cash ?? in something that actually works. The Secret Sauce High Authority Guest Posts No generic outreach here. Never. I carefully select only the most reputable guest post sites — websites Google prioritizes. These are the kinds of sites that give your website a serious boost. Unique, Handwritten Content Let’s face it — spun or generic content sticks out like a sore thumb. It’s unengaging and counterproductive. That’s why every post I create is original, compelling, and customized for your industry. Whether it’s for Web 2.0 properties, I guarantee originality reports that enhances your brand’s voice. Pure quality, zero filler — content that converts. Three-Layer Link Building Strategy Here’s where things get interesting. My method doesn’t stop at Tier 1 by incorporating secondary and tertiary layers. This layered approach strengthens the effect of your core links, driving long-term success for your money site. Imagine an avalanche effect, compounding over time. Varied Backlink Portfolio A natural profile requires eclectic sources, so I incorporate diverse high-authority sources: media channels, directories, and niche forums. This isn’t about exploiting loopholes; it’s about building something that lasts. Full Transparency When you work with me, you’ll have full visibility. I provide a comprehensive breakdown, including access credentials. Clear communication, no surprises. You’ll know exactly where your links are coming from and their impact on rankings. Real-World Proof Let me share something personal: A few years ago, I worked with a client who was disappointed with their site’s performance despite countless strategies. They’d tried various “experts”, but results were elusive. When they came to me, I took the time to understand their goals. Together, we built a custom link pyramid tailored to their niche. In 60 days, organic visits surged, and they started seeing real conversions. That’s the kind of outcome you can expect with every client. Let’s build your path to the top Let’s connect and turn search engines into your ally. ??
Préc
Suiv
Ajoutez un commentaire :
Mon Compte
StatisTricks