Twitter Card-metatags

Als ze aanwezig zijn, overschrijven deze og:title en og:description op Twitter. Gebruik ze als je voor het Twitter-publiek een andere kop wilt dan voor algemene toepassingen die OpenGraph gebruiken; laat Twitter anders terugvallen op de OG-waarden.

Gebruik voor summary-kaarten een vierkante afbeelding met een verhouding van 1:1 en minimaal 144x144 pixels. Gebruik voor summary_large_image een afbeelding met een verhouding van 2:1, bij voorkeur 1200x600 of groter. Twitter wijst afbeeldingen van meer dan 5 MB af. Gebruik net als bij og:image een absolute URL — relatieve paden werken niet.

Alternatieve tekst voor de kaartafbeelding, met maximaal 420 tekens. Dit verbetert de toegankelijkheid voor gebruikers van schermlezers die Twitter bekijken en biedt een alternatieve beschrijving als afbeeldingen niet kunnen worden geladen. Lever deze altijd aan — het is een snelle winst voor inclusie.

twitter:site is de Twitter-gebruikersnaam van je site, inclusief de @. twitter:creator is de gebruikersnaam van de individuele auteur. Als je deze invult, kan Twitter "from @yoursite" tonen en de auteursvermelding koppelen aan een echt account.

OpenGraph gebruikt property="og:..."; Twitter gebruikt name="twitter:...". Het verschil is historisch van aard (RDFa versus HTML5). Beide zijn technisch geldig; door voor elk protocol het juiste attribuut te gebruiken voorkom je randgevallen met strikte validatieprogramma's.

Met twitter:card="app" kun je een iOS/Android-app promoten met twitter:app:id:iphone, twitter:app:id:ipad, twitter:app:id:googleplay en twitter:app:url:* voor diepe koppelingen. Als de app is geïnstalleerd, opent een tik op de kaart direct de App Store, Play Store of de app zelf.

twitter:card="player" voegt een video- of audiospeler rechtstreeks in de tweet in. Hiervoor zijn twitter:player (URL van een HTTPS-iframe), twitter:player:width en twitter:player:height vereist. Twitter keurt spelerskaarten handmatig goed om misbruik te voorkomen — dien ze in via developer.twitter.com.

Twitter heeft de openbare gebruikersinterface van Card Validator gesloten, maar de kaarten worden nog steeds als voorvertoning in een conceptbericht weergegeven. Plak je URL in een privéconcept om precies te zien welk kaarttype en welke afbeelding worden weergegeven voordat je het echte bericht publiceert.

Neem altijd zowel twitter:card als de volledige set OG-metatags op. De meeste platforms buiten Twitter negeren de twitter:*-metatags en de meeste moderne Twitter-toepassingen vallen terug op OG. Samen zorgen ze dus overal voor een juiste voorvertoning met minimale duplicatie.

Twitter-kaarten (opgegeven via name="twitter:card") geven pagina's een voorspelbare voorvertoning op X. Kies summary_large_image voor redactionele inhoud, voeg twitter:image met absolute URL en twitter:image:alt toe, vermeld de site en auteur met gebruikersnamen en laat OG-waarden ontbrekende metatags invullen.