Emne

Generer Twitter-kortbilder med et API

Et Twitter (X)-kortbilde er forhåndsvisningen som vises når en lenke deles på X. FastOG genererer den dynamisk i 1200×630 og signaliserer summary_large_image, slik at hver side får et korrekt X-kort uten å måtte lage et bilde manuelt.

Hva et Twitter-kortbilde trenger

X leser Open Graph-tagger og gjengir et summary_large_image-kort når siden linker twitter:card = summary_large_image. Bildet gjengis i 1200×630. FastOG produserer akkurat det, og du peker twitter:image mot samme dynamiske URL som og:image.

Slik kobler du et dynamisk Twitter-kort

Generer FastOG-URL-en én gang, og sett deretter både OG- og Twitter-meta-taggene til den.

html
<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=...">

Den samme URL-en fungerer for begge taggene. X faller tilbake til og:image hvis twitter:image mangler, men å sette begge er ufarlig og eksplisitt.

Tips for X-kortvalidatoren

Sjekk Detalj
Offentlig URL Bildet må kunne hentes av X uten autentisering
Filstørrelse / format Hold deg under 5 MB; PNG er best for tekstkort
Cache X cacher aggressivt — bruk Card Validator for å tvinge en oppdatering
Signerte URL-er FastOGs innholdssignerte URL-er beskytter kun første rendering; cachelagrede kort forblir gyldige

FAQ

Trenger jeg egne bilder for X og Open Graph?

Nei. X leser det samme 1200×630-bildet. Denne siden finnes fordi de riktige twitter:card-taggene er lette å få feil.

Hvorfor oppdateres ikke X-kortet mitt etter at jeg endrer tittelen?

X cacher det gamle kortet. Åpne X Card Validator, lim inn URL-en, og skrap på nytt.

Håndterer FastOG også twitter-meta-taggene?

FastOG genererer bildet; du legger fortsatt til twitter:card- og twitter:image-meta-taggene på siden din (som vist ovenfor). Vår gratis Open Graph Meta Tag Generator skriver alle taggene for deg.

Prøv gratis – ingen registrering nødvendig

Forhåndsvis og test dynamiske OG-bilder på sekunder.

Åpne den gratis OG-bildetesteren

A BeCaSimulations site