Gratis Open Graph Preview Tool

Zie precies hoe je links eruitzien wanneer ze worden gedeeld op Facebook, Twitter/X, LinkedIn, Discord, Slack en WhatsApp. Voer je meta tags in en bekijk een voorbeeld op alle platforms direct.

Voer Je Meta Tags In

Voer je OG-tags hieronder handmatig in om te bekijken hoe ze worden weergegeven op elk platform. URL ophalen vereist een server-side proxy vanwege browser-CORS-beperkingen.

0/60 tekens
0/160 tekens

Aanbevolen: 1200x630px (verhouding 1,91:1) voor de beste resultaten op alle platforms.

Social Media Voorvertoningen

Vul de velden links in om live voorvertoningen te zien van hoe je link eruitziet op elk platform.

Wat Is een Open Graph Preview Tool?

Een Open Graph preview tool laat je precies zien hoe je webpagina eruitziet wanneer iemand je URL deelt op social media. Open Graph (OG) meta tags bepalen de titel, beschrijving en afbeelding die platforms zoals Facebook, Twitter/X, LinkedIn, Discord, Slack en WhatsApp tonen in linkvoorvertoningen. Zonder correcte OG-tags halen platforms willekeurige content van je pagina — wat vaak resulteert in ontbrekende afbeeldingen, afgekorte titels of irrelevante beschrijvingen die je doorklikratios schaden.

Met deze gratis tool kun je je OG-metagegevens handmatig invoeren en bekijken hoe het eruitziet op 6 grote platforms — volledig client-side zonder data naar een server te sturen. Je kunt tekenlimiet controleren, afbeeldingsdimensies valideren en gebruiksklare HTML-meta tags exporteren. Of je nu een ontwikkelaar bent die linkvoorvertoningen debugt, een marketeer die sociale shares optimaliseert of een contentmaker die ervoor zorgt dat je berichten er professioneel uitzien: deze tool bespaart je de vervelende cyclus van tags bijwerken, deployen en opnieuw scrapen op elk platform.

Tips voor Perfecte Social Media Linkvoorvertoningen

1

Gebruik 1200x630px afbeeldingen

De verhouding 1,91:1 (1200x630px) werkt op alle grote platforms. Facebook, LinkedIn en Twitter snijden allemaal bij op deze verhouding voor grote voorvertoningskaarten. Vermijd tekstzware afbeeldingen — houd belangrijke content gecentreerd.

2

Houd titels onder de 60 tekens

Facebook knipt titels af bij ongeveer 60-65 tekens. Twitter is vergelijkbaar. Schrijf beknopte, overtuigende titels die waarde communiceren binnen deze limiet. Zet zoekwoorden vooraan voor maximale impact.

3

Beschrijvingen: max 155 tekens

De meeste platforms knippen beschrijvingen af tussen 155-200 tekens. Schrijf de belangrijkste informatie eerst. Verwerk een duidelijke waardepropositie of call-to-action binnen de eerste 155 tekens.

4

Voeg altijd og:image toe

Links zonder afbeeldingen krijgen significant minder kliks. Posts met linkvoorvertoningsafbeeldingen zien gemiddeld 2-3x hogere betrokkenheid. Gebruik hoogwaardige, relevante afbeeldingen die je titel aanvullen.

5

Test op elk platform

Elk platform geeft voorvertoningen anders weer. Facebook gebruikt grote horizontale kaarten, Twitter ondersteunt zowel overzichts- als grote afbeeldingskaarten, Discord toont een embed met accentkleur. Bekijk altijd voorvertoningen op alle platforms voor het lanceren van campagnes.

6

Gebruik absolute URL's voor afbeeldingen

Social media-crawlers kunnen relatieve afbeeldingspaden niet oplossen. Gebruik altijd volledige absolute URL's (https://...) voor og:image. Zorg ervoor dat afbeeldingen openbaar toegankelijk zijn — geverifieerde of localhost-URL's zullen mislukken.

Kleap OG Preview vs Andere Tools

FunctieKleapMetatags.ioOpenGraph.xyzFacebook Debugger
PrijsGratisGratis (beperkt)Gratis (beperkt)Gratis
Platforms bekeken6 platforms4 platforms3 platformsAlleen Facebook
Handmatige taginvoerJaJaNee (alleen URL)Nee (alleen URL)
Meta tags kopiërenJaJaNeeNee
TekenwaarschuwingenJaNeeNeeNee
Geen registratie vereistJaJaJaFacebook-login

Veelgestelde Vragen

Wat zijn Open Graph meta tags?+
Open Graph (OG) meta tags zijn HTML-tags geplaatst in het <head>-gedeelte van je webpagina die bepalen hoe je URL eruitziet wanneer gedeeld op social media. De belangrijkste tags zijn og:title (de kop), og:description (een samenvatting), og:image (de voorvertoningsafbeelding), og:url (de canonieke URL) en og:type (contenttype zoals website of artikel). Zonder deze tags proberen platforms te raden wat ze moeten tonen — vaak met slechte resultaten.
Wat is de aanbevolen OG-afbeeldingsgrootte?+
De aanbevolen Open Graph-afbeeldingsgrootte is 1200x630 pixels met een verhouding van 1,91:1. Deze grootte werkt goed op Facebook, Twitter/X, LinkedIn, Discord, Slack en WhatsApp. Voor Twitter-overzichtskaarten (niet grote afbeelding) gebruik minimaal 120x120px. Gebruik altijd afbeeldingen groter dan 200x200px — Facebook geeft geen afbeeldingen kleiner dan dit weer.
Waarom toont mijn linkvoorvertoning de verkeerde afbeelding?+
Dit gebeurt doorgaans omdat: 1) Je og:image-URL een relatief pad is in plaats van een absolute URL. 2) De afbeelding staat achter verificatie of op localhost. 3) De afbeelding is te klein (onder 200x200px). 4) Het platform heeft een oude versie gecached — gebruik de debug-tool van het platform (Facebook Debugger, Twitter Card Validator) om opnieuw te scrapen. 5) Er bestaan meerdere og:image-tags en het platform koos de verkeerde.
Hoe dwing ik Facebook te updaten naar mijn linkvoorvertoning?+
Gebruik Facebook's Sharing Debugger tool (developers.facebook.com/tools/debug). Voer je URL in en klik 'Opnieuw scrapen'. Dit dwingt Facebook om je OG-tags opnieuw op te halen en de gecachte voorvertoning bij te werken. Het kan een paar minuten duren voordat de wijziging zich verspreidt over alle servers van Facebook.
Wat is het verschil tussen og:image en twitter:image?+
og:image is de standaard Open Graph-tag die wordt gebruikt door Facebook, LinkedIn, Discord, Slack, WhatsApp en de meeste andere platforms. twitter:image is Twitter/X-specifiek. Als twitter:image niet is ingesteld, valt Twitter terug op og:image. Je hebt twitter:image alleen nodig als je op Twitter een andere afbeelding wilt tonen dan op andere platforms. De tag twitter:card (summary of summary_large_image) bepaalt de lay-outstijl.
Heb ik zowel OG- als Twitter-meta tags nodig?+
Je hebt altijd OG-tags nodig (og:title, og:description, og:image) omdat de meeste platforms ze gebruiken. Twitter/X-specifieke tags (twitter:card, twitter:title, twitter:description, twitter:image) zijn optioneel — Twitter valt terug op OG-tags als ze ontbreken. twitter:card wordt echter aanbevolen omdat het bepaalt of Twitter een klein vierkant beeld (summary) of een grote bannerafbeelding (summary_large_image) toont.
Waarom kan deze tool geen OG-tags ophalen van een URL?+
Browser-beveiligingsbeleid (CORS) verhindert client-side JavaScript content op te halen van andere websites. Om OG-tags van een URL te lezen, heb je een server-side proxy of API nodig. Deze tool richt zich op handmatige invoer zodat het 100% in je browser kan draaien zonder data naar een server te sturen — je meta tags verlaten je apparaat nooit.
Wat is og:type en welke waarden moet ik gebruiken?+
og:type vertelt platforms welk soort content je pagina bevat. Veelgebruikte waarden zijn: 'website' (startpagina, landingspagina's), 'article' (blogposts, nieuws), 'profile' (persoonlijke pagina's) en 'product' (e-commerceartikelen). De standaard is 'website'. Facebook gebruikt dit om content te categoriseren in nieuwsfeeds. Voor de meeste pagina's is 'website' goed; gebruik 'article' voor blogposts om extra tags zoals article:published_time te activeren.
Hoe beïnvloeden OG-tags SEO en doorklikratios?+
OG-tags beïnvloeden Google-rankings niet direct, maar ze hebben een grote impact op doorklikratios van social media. Posts met geoptimaliseerde OG-tags (pakkende titel, duidelijke beschrijving, opvallende afbeelding) kunnen 2-3x hogere betrokkenheid zien vergeleken met posts met ontbrekende of automatisch gegenereerde voorvertoningen. Hogere betrokkenheid betekent meer verkeer, wat indirect voordelen oplevert voor SEO via meer backlinks en merkzichtbaarheid.
Kan ik verschillende titels gebruiken voor Google en social media?+
Ja. De HTML <title>-tag is wat Google toont in zoekresultaten, terwijl og:title is wat sociale platforms tonen in linkvoorvertoningen. Je kunt elk optimaliseren voor zijn context — een kortere, zoekwoordrijke titel voor Google en een overtuigendere, nieuwsgierigheid-gedreven titel voor sociaal delen. Evenzo kunnen meta description en og:description verschillend zijn om voor elk kanaal te optimaliseren.

Een Website met Perfecte Sociale Voorvertoningen Nodig?

Kleap's AI-websitebouwer genereert automatisch geoptimaliseerde Open Graph-tags, Twitter-kaarten en gestructureerde data voor elke pagina. Bouw je site en krijg perfecte linkvoorvertoningen zonder ook maar één meta-tag te schrijven.

Bouw Je Site Gratis

Related Free Tools

Image Compressor

Meta Tags Generator

Social Media Post Generator

Favicon Generator

Gratis Open Graph Preview Tool | Links Voorvertonen op Social Media 2026