Genereer Twitter Card-afbeeldingen met een API
Een Twitter (X) card-afbeelding is de grote preview die wordt weergegeven wanneer een link op X wordt gedeeld. FastOG genereert deze dynamisch op 1200×630 en signaleert summary_large_image, zodat elke pagina een correcte X-card krijgt zonder handmatig een afbeelding te maken.
Wat een Twitter-kaartafbeelding nodig heeft
X leest Open Graph-tags en rendert een summary_large_image-kaart wanneer de pagina twitter:card = summary_large_image linkt. De afbeelding wordt gerenderd op 1200×630. FastOG produceert precies dat, en je verwijst twitter:image naar dezelfde dynamische URL als og:image.
Een dynamische Twitter-kaart aansluiten
Genereer je FastOG-URL één keer en stel daarna zowel de OG- als de Twitter-meta-tags daarop in.
<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=...">
Dezelfde URL werkt voor beide tags. X valt terug op
og:imagealstwitter:imageontbreekt, maar beide instellen is onschadelijk en expliciet.
Tips voor de X Card-validator
| Controle | Detail |
|---|---|
| Publieke URL | De afbeelding moet door X op te halen zijn zonder authenticatie |
| Bestandsgrootte / formaat | Houd het onder 5 MB; PNG is het beste voor tekstkaarten |
| Cache | X cached agressief — gebruik de Card Validator om een verversing af te dwingen |
| Ondertekende URL's | De content-ondertekende URL's van FastOG beperken alleen de eerste render; gecachte kaarten blijven geldig |
FAQ
Moet ik aparte afbeeldingen gebruiken voor X en Open Graph?
Nee. X gebruikt dezelfde 1200×630-afbeelding. Deze pagina bestaat omdat de juiste twitter:card-tags makkelijk fout te doen zijn.
Waarom wordt mijn X-kaart niet bijgewerkt nadat ik de titel heb gewijzigd?
X cached de oude kaart. Open de X Card Validator, plak de URL en scrap opnieuw.
Genereert FastOG ook de twitter-meta-tags?
FastOG genereert de afbeelding; jij voegt nog steeds de twitter:card- en twitter:image-meta-tags toe aan je pagina (zoals hierboven weergegeven). Onze gratis Open Graph Meta Tag Generator schrijft alle tags voor je.