AI & Zoekmachines
Social previews en meta-tags: De complete gids
Open Graph, Twitter Cards en meta tags correct configureren. Zorg voor perfecte link previews op WhatsApp, LinkedIn, X en Facebook.
Wanneer iemand een link naar uw website deelt op WhatsApp, LinkedIn, Slack of X, bepaalt de link preview of ontvangers doorklikken of de link negeren.
Een ontbrekende afbeelding, een afgekapt titeltje of een generieke beschrijving straalt direct onprofessioneel uit. Toch zien we bij audits dat meer dan de helft van de websites inconsistente of ontbrekende social meta-tags heeft.
Hier is de definitieve handleiding voor het configureren van Open Graph en Twitter Card tags.
De essentiële Open Graph (OG) tags
Open Graph werd oorspronkelijk ontwikkeld door Facebook, maar is inmiddels de universele standaard voor WhatsApp, LinkedIn, Slack, iMessage en Discord.
Plaats deze tags altijd in de <head> van elke pagina:
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Live Ajans" />
<meta property="og:url" content="https://example.com/artikel" />
<meta property="og:title" content="Pakkende titel binnen 60 tekens" />
<meta property="og:description" content="Heldere beschrijving van de inhoud binnen 160 tekens die aanzet tot klikken." />
<meta property="og:image" content="https://example.com/images/share-preview.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Beschrijving van de voorbeeldafbeelding" />
<meta property="og:locale" content="nl_NL" />Twitter / X Card tags
Hoewel X Open Graph tags als fallback ondersteunt, garanderen specifieke Twitter tags de beste grote weergave (summary_large_image):
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Pakkende titel binnen 60 tekens" />
<meta name="twitter:description" content="Heldere beschrijving binnen 160 tekens." />
<meta name="twitter:image" content="https://example.com/images/share-preview.jpg" />De gouden regels voor Open Graph afbeeldingen
- Afmetingen: Gebruik altijd exact 1200 x 630 pixels (beeldverhouding 1,91:1). Dit formaat wordt haarscherp weergegeven op alle platformen.
- Bestandsgrootte: Houd de afbeelding onder 1 MB (liefst onder 300 KB). WhatsApp en iMessage weigeren zware afbeeldingen te downloaden, waardoor de preview leeg blijft.
- Absolute URL's: De afbeeldings-URL moet absoluut zijn inclusief
https://. Relatieve paden zoals/images/og.jpgwerken niet. - Typografie en marge: Plaats tekst en logo's in het veilige middengebied (minimaal 80px marge rondom) om afsnijding op mobiele apps te voorkomen.
Caching en previews testen
Sociale netwerken cachen Open Graph tags agressief. Als u een afbeelding wijzigt, duurt het vaak dagen voordat dit zichtbaar is, tenzij u de officiële debugging-tools gebruikt om de cache handmatig te flushen:
- LinkedIn Post Inspector: Onmisbaar voor zakelijke artikelen.
- Facebook Sharing Debugger: Flusht ook de preview voor WhatsApp en Messenger.
- X Card Validator: Controleert de weergave op X.
Een professionele preview kost tien minuten configuratie en verhoogt uw organische doorklikratio op sociale media aanzienlijk.
