Twitter Cards zijn gestructureerde metadata-tags die je aan je website toevoegt om te bepalen hoe je content wordt weergegeven wanneer iemand een link naar je website deelt op Twitter (nu X). In plaats van alleen een simpele tekstlink, transformeren Twitter Cards je gedeelde links in visueel aantrekkelijke kaarten met afbeeldingen, titels, beschrijvingen en andere rijke media-elementen.
Deze cards worden geïmplementeerd via speciale HTML meta-tags in de <head> sectie van je webpagina's. Twitter leest deze tags automatisch wanneer een URL wordt gedeeld en genereert vervolgens een visueel aantrekkelijke preview in de timeline van gebruikers.
Soorten Twitter Cards
Twitter ondersteunt verschillende typen cards, elk geoptimaliseerd voor specifieke content:
- Summary Card: Een standaard card met titel, beschrijving en een klein vierkant beeld. Geschikt voor algemene content zoals blogartikelen en webpagina's.
- Summary Card with Large Image: Vergelijkbaar met de Summary Card, maar met een prominente, grote afbeelding die meer aandacht trekt. Ideaal voor visueel sterke content.
- App Card: Speciaal ontworpen voor mobiele apps, met directe download-mogelijkheden en app-informatie.
- Player Card: Maakt het mogelijk om video's, audio en andere multimedia direct in de tweet af te spelen zonder de gebruiker naar een externe website te leiden.
Technische implementatie
Twitter Cards worden geïmplementeerd via specifieke meta-tags die beginnen met twitter:. De basisstructuur ziet er als volgt uit:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@gebruikersnaam">
<meta name="twitter:title" content="Paginatitel">
<meta name="twitter:description" content="Pagina beschrijving">
<meta name="twitter:image" content="https://voorbeeld.nl/afbeelding.jpg">
Twitter Cards zijn volledig compatibel met Open Graph tags, wat betekent dat je vaak dezelfde metadata kunt gebruiken voor zowel Twitter als Facebook en andere sociale platforms.
