Twitter-korttikuvien luominen API:n avulla
Twitterin (X) korttikuva on suuri esikatselu, joka näytetään, kun linkki jaetaan X:ssä. FastOG luo sen dynaamisesti kokoon 1200×630 ja ilmoittaa summary_large_image, joten jokainen sivu saa asianmukaisen X-kortin ilman, että kuvaa tarvitsee luoda käsin.
Mitä Twitter-kortin kuva vaatii
X lukee Open Graph -tunnisteita ja renderöi summary_large_image-kortin, kun sivu linkittää twitter:card = summary_large_image. Kuva renderöityy koossa 1200×630. FastOG tuottaa juuri tuon koon, ja osoitat twitter:image samaan dynaamiseen URL-osoitteeseen kuin og:image.
Näin kytket dynaamisen Twitter-kortin
Luo FastOG-URL:si kerran ja aseta sekä OG- että Twitter-metatunnisteet siihen.
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Post">
<meta name="twitter:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
Sama URL toimii molemmissa tunnisteissa. X käyttää
og:image:ta, jostwitter:imagepuuttuu, mutta molempien asettaminen on vaaratonta ja selkeää.
X-kortin validaattorin vinkit
| Tarkistus | Yksityiskohta |
|---|---|
| Julkinen URL | Kuvan on oltava X:n haettavissa ilman tunnistautumista |
| Tiedostokoko / muoto | Pidä alle 5 Mt; PNG on paras tekstikorteille |
| Välimuisti | X tallentaa välimuistiin aggressiivisesti — käytä Card Validatoria pakottaaksesi päivityksen |
| Allekirjoitetut URL-osoitteet | FastOG:n sisällön allekirjoitetut URL-osoitteet rajoittavat vain ensimmäisen renderöinnin; välimuistissa olevat kortit pysyvät voimassa |
UKK
Tarvitsenko erilliset kuvat X:ää ja Open Graphia varten?
Et. X lukee saman 1200×630-kuvan. Tämä sivu on olemassa, koska oikeat twitter:card-tagit on helppo saada väärin.
Miksi X-korttini ei päivity, kun muutan otsikon?
X tallentaa vanhan kortin välimuistiin. Avaa X Card Validator, liitä URL-osoite ja hae sivu uudelleen.
Käsitteleekö FastOG myös twitter-meta-tagit?
FastOG luo kuvan; lisäät silti twitter:card- ja twitter:image-meta-tagit sivullesi (kuten yllä on esitetty). Ilmainen Open Graph Meta Tag Generator -työkalumme kirjoittaa kaikki tagit puolestasi.