Generér Twitter Card-billeder med et API
Et Twitter (X) card-billede er den store forhåndsvisning, der vises, når et link deles på X. FastOG genererer det dynamisk i 1200×630 og signalerer summary_large_image, så hver side får et korrekt X-card uden at skulle oprette et billede manuelt.
Hvad et Twitter-kortbillede kræver
X læser Open Graph-tags og gengiver et summary_large_image-kort, når siden linker til twitter:card = summary_large_image. Billedet gengives i 1200×630. FastOG producerer præcis det, og du peger twitter:image på den samme dynamiske URL som og:image.
Sådan opsætter du et dynamisk Twitter-kort
Generér din FastOG-URL én gang, og sæt derefter både OG- og Twitter-meta-tags til 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=...">
Den samme URL fungerer til begge tags. X falder tilbage til
og:image, hvistwitter:imagemangler, men at angive begge er harmløst og eksplicit.
Tips til X Card Validator
| Tjek | Detalje |
|---|---|
| Offentlig URL | Billedet skal kunne hentes af X uden godkendelse |
| Filstørrelse / format | Hold det under 5 MB; PNG er bedst til tekstkort |
| Cache | X cacher aggressivt — brug Card Validator til at tvinge en opdatering |
| Signerede URL'er | FastOG's indholdssignerede URL'er begrænser kun den første gengivelse; cachelagrede kort forbliver gyldige |
FAQ
Skal jeg bruge separate billeder til X og Open Graph?
Nej. X læser det samme 1200×630-billede. Denne side findes, fordi de korrekte twitter:card-tags er nemme at få forkert.
Hvorfor opdateres mit X-kort ikke, når jeg ændrer titlen?
X cacher det gamle kort. Åbn X Card Validator, indsæt URL'en, og hent dataene igen.
Håndterer FastOG også twitter-meta-tagsene?
FastOG genererer billedet; du tilføjer stadig twitter:card- og twitter:image-meta-tagsene til din side (som vist ovenfor). Vores gratis Open Graph Meta Tag Generator skriver alle tags for dig.