Mikä on Twitter-kortti?
Twitter-kortit (nykyisin X:n kortit, mutta merkinnät tunnetaan yhä nimellä "Twitter Cards") ovat tapa esittää rikkaampaa ja visuaalisempaa sisältöä, kun linkkiäsi jaetaan X:ssä (aiemmin Twitter). Kortti voi sisältää esimerkiksi otsikon, kuvan ja lyhyen kuvauksen linkitetystä sisällöstä tavallisen paljaan linkin sijaan.
Kuinka lisätä Twitter-kortit verkkosivustollesi?
1. Lisää sivun <head>-osaan tarvittavat meta-tagit:
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Otsikko">
<meta name="twitter:description" content="Kuvaus">
<meta name="twitter:image" content="URL-osoite kuvalle">
2. Varmista, että sivustolla on käytössä myös Open Graph -tunnisteet, koska X käyttää niitä varatietona, jos twitter-tageja ei löydy.
3. Testaa jakamalla linkki oikeasti X:ään ja katsomalla, näkyykö kortti oikein.
Huomioitavaa nykyään
X on poistanut Card Validator -työkalustaan esikatselutoiminnon, joten korttia ei voi enää esikatsella X:n omalla työkalulla ennen julkaisua. Luotettavin tapa varmistaa korttien toimivuus on siis jakaa linkki ja tarkistaa lopputulos tai käyttää muita meta-tagien tarkistustyökaluja. Meta-tagien nimet (twitter:*) ovat pysyneet ennallaan brändimuutoksesta huolimatta.