X:n Twitter Card -kortteihin
Katso, miltä URL-osoitteesi näyttää Twitter Card -korttina X:ssä.
Maksukorttia ei tarvita · Free-paketti on pysyvästi ilmainen
X etsii ensin twitter:*-tageja ja käyttää sitten Open Graph -tageja. Useimmat sivustot tarvitsevat vain OG-tagit. Tageja twitter:* tarvitaan vain, jos haluat X:ään erilaisen esikatselun.
Korttityyppi summary_large_image tuo klikkauksia. Oletusarvoisissa summary-korteissa kuva näkyy pienenä pikkukuvana, ja ne menestyvät heikommin.
Varajärjestys kannattaa tuntea tarkasti: X tarkistaa jokaisen kentän kohdalla ensin twitter:*-tagin ja sitten vastaavan og:*-tagin (twitter:title-tagin varana on og:title, twitter:image-tagin og:image ja niin edelleen). Ainoa tagi, jolle ei ole OG-vastinetta, on itse twitter:card eli korttityypin määrittely. Ilman sitä X voi silti muodostaa kortin OG-tiedoista, mutta luotettavin tapa saada suurikuvainen asettelu on määrittää twitter:card=summary_large_image erikseen.
X:n korttien ulkoasu on muuttunut toistuvasti viime vuosina. Merkittävin muutos on, että X:n linkkikortit ovat ajoittain näyttäneet kuvan ilman sen päälle sijoitettua otsikkotekstiä, mikä siirtää vielä enemmän painoa itse kuvaan. Suunnittele og:image- ja twitter:image-kuvat niin, että ne kertovat asian ilman mitään kuvatekstiä. Kuvaan upotettu, luettava otsikkoteksti on käytännöllinen vastaus alustalle, joka muuttaa näkymäänsä metatietojesi ympärillä yhä uudelleen. (Tarkista nykyinen näkymä testijulkaisulla, sillä se muuttuu.)
Kuten kaikki hakubotit, Twitterbot lukee vain palvelimella renderöityä HTML:ää. SPA-sovellukset, jotka lisäävät metatagit selaimessa, tuottavat tyhjiä kortteja. Palvelinpuolen renderöinti tai esirenderöinti korjaa ongelman. Twitterbot noudattaa myös robots.txt-tiedostoa, ja sen estävä disallow-sääntö on yllättävän yleinen syy puuttuviin kortteihin muuten hyvin merkityillä sivustoilla.
Korttiongelmien selvittäminen X:ssä on aiempaa vaikeampaa, koska virallisen Card Validatorin esikatselutoiminto poistettiin. Vuonna 2026 käytännöllinen tarkistustapa on tämänkaltainen kolmannen osapuolen tagitarkistin ja oikea testijulkaisu yksityiseltä tai vähämerkityksiseltä tililtä.
X:llä on välimuisti, mutta se on lyhytikäisempi kuin Facebookin tai LinkedInin. Jos olet korjannut tagit ja vanha kortti pysyy, odota hetki tai testaa URL-osoitteen muunnelmalla. Harmiton kyselyparametri pakottaa uuden haun, koska välimuisti on URL-kohtainen. Sama keino toimii useimmilla alustoilla, kun korjattu kortti pitää nähdä heti.
Jos kortti näyttää väärältä, syy on yleensä sivun tageissa tai sen edessä olevassa uudelleenohjauksessa. Open Graph -esikatselujen korjaaminen käy läpi tagit, joita kukin alusta lukee. Uudelleenohjausten tarkistus näyttää, kierrätetäänkö hakurobottia välivaiheiden kautta ennen kuin se pääsee sivullesi, ja linkin luotettavuuspisteet kertovat, onko itse kohde merkitty epäilyttäväksi. Termit (og:image, canonical, unfurl) on selitetty sanastossa. Yksinkertaisempi linkin esikatselun tarkistus näyttää valmiin kortin kahdeksalla alustalla kerralla.
Varmista ennen julkaisutwiittiä, että suuret kuvakortit näkyvät. Pelkkä tekstitwiitti syötteessä heikentää näkyvyyttä aivan turhaan.
Varmista, että kortin kuva ja otsikko vastaavat artikkelia X:ssä ja että kuva kertoo asian silloinkin, kun X näyttää sen ilman päälle sijoitettua tekstiä.
Huomaa puuttuva twitter:card-metatagi, ennen kuin se vie näyttökertoja. Tämä työkalu näyttää tarkalleen, mitkä tagit sivu palauttaa juuri nyt.
Varmista, että selaimessa renderöidyt sivustot tarjoavat metatagit hakuboteille. Tämä puute on modernien frontend-ratkaisujen yleisin syy tyhjiin X-kortteihin.
Tarkista, että mahdolliset twitter:*-ohitukset ja og:*-perustagit kertovat saman tarinan, jotta jaot näyttävät harkituilta niin X:ssä, LinkedInissä kuin Slackissa.
Valmiiksi määritetyt versiot tietyille alustoille ja käyttökohteille.
LinkedIn-jakoihin
Näe, miltä URL-osoitteesi näyttää LinkedInissä, ennen kuin julkaiset.
Avaa versioSlackin linkkiesikatseluihin
Tarkista, miltä URL-osoitteesi esikatselu näyttää Slackin viesteissä ja kanavilla.
Avaa versioFacebook-jakoihin
Tarkista, miltä URL-osoitteesi näyttää Facebook-julkaisussa tai -jaossa.
Avaa versioDiscord-upotuksille
Näe, miten Discord upottaa URL-osoitteesi kanavalle tai yksityisviestiin.
Avaa versioWhatsApp-keskusteluihin
Katso otsikko, kuvaus ja pikkukuva, jotka WhatsApp näyttää, kun linkki liitetään keskusteluun.
Avaa versioTelegram-viesteihin
Katso, miten Telegram näyttää URL-osoitteesi keskusteluissa, ryhmissä ja kanavilla.
Avaa versioiMessagen rich link -korteille
Näe rich link -kortti, jonka Applen Viestit-sovellus muodostaa og:title- ja og:image-tageistasi.
Avaa versio