Generera Twitter Card-bilder med ett API
En Twitter (X) card-bild är den stora förhandsvisningen som visas när en länk delas på X. FastOG genererar den dynamiskt i 1200×630 och signalerar summary_large_image, så att varje sida får ett korrekt X-kort utan att du behöver skapa en bild för hand.
Vad en Twitter-kortbild behöver
X läser Open Graph-taggar och renderar ett summary_large_image-kort när sidan länkar twitter:card = summary_large_image. Bilden renderas i 1200×630. FastOG producerar exakt det, och du pekar twitter:image mot samma dynamiska URL som og:image.
Så här kopplar du ett dynamiskt Twitter-kort
Generera din FastOG-URL en gång och sätt sedan både OG- och Twitter-meta-taggarna till den.
<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=...">
Samma URL fungerar för båda taggarna. X faller tillbaka till
og:imageomtwitter:imagesaknas, men att ange båda är ofarligt och tydligt.
Tips för X-kortvalideraren
| Kontroll | Detalj |
|---|---|
| Publik URL | Bilden måste kunna hämtas av X utan autentisering |
| Filstorlek / format | Håll under 5 MB; PNG är bäst för textkort |
| Cache | X cachar aggressivt — använd Card Validator för att tvinga en uppdatering |
| Signerade URL:er | FastOG:s innehållssignerade URL:er begränsar endast den första renderingen; cachade kort förblir giltiga |
FAQ
Behöver jag separata bilder för X och Open Graph?
Nej. X läser samma 1200×630-bild. Den här sidan finns eftersom de korrekta twitter:card-taggarna är lätta att få fel.
Varför uppdateras inte mitt X-kort när jag ändrar titeln?
X cachar det gamla kortet. Öppna X Card Validator, klistra in webbadressen och skrapa om.
Hanterar FastOG även twitter-meta-taggarna?
FastOG genererar bilden; du lägger fortfarande till twitter:card- och twitter:image-meta-taggarna på din sida (som visas ovan). Vår kostnadsfria Open Graph Meta Tag Generator skriver alla taggar åt dig.