4 min lezen
Waarom je linkvoorbeelden er kapot uitzien (en hoe je ze repareert)
Een leeg of verkeerd voorbeeld als je je link in Slack, iMessage of X plakt, komt bijna altijd neer op een handvol Open Graph-tags. Dit is de checklist.
Je zet een pagina live, plakt de link in Slack, en krijgt een kale URL zonder afbeelding — of erger nog, de titel van vorige maand. Linkvoorbeelden worden aangestuurd door Open Graph- en Twitter-metatags, en als die ontbreken of fout zijn, valt elk platform terug op iets lelijks.
De tags die het voorbeeld aansturen
<meta property="og:title" content="Your page title" />
<meta property="og:description" content="One clear sentence." />
<meta property="og:image" content="https://yoursite.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />De gebruikelijke boosdoeners
- og:image is een relatief pad — het moet een absolute URL zijn.
- De afbeelding is te klein; mik op 1200×630.
- Tags worden client-side ingevoegd, dus crawlers zien ze nooit.
- Een cache serveert het oude voorbeeld — scrape opnieuw om het te verversen.
De OG Image-tool rendert een gebrande kaart voor elke pagina en toont het voorbeeld van de unfurl in Slack, iMessage, X en LinkedIn nog voordat je live gaat — en daarna koppelt de skill de tags in je repo zodat ze server-side worden gerenderd.