Open Graph en Twitter Cards: social sharing voor het AI-tijdperk
Waarom Open Graph en Twitter Cards belangrijk zijn voor AI
Wanneer je een link deelt op LinkedIn, Facebook, Slack of WhatsApp, verschijnt er automatisch een visueel voorvertoning met een titel, beschrijving en afbeelding. Deze voorvertoning wordt niet willekeurig gegenereerd. Zij wordt bepaald door Open Graph meta tags en Twitter Card tags die je in de HTML-head van je pagina plaatst. Zonder deze tags gokken platforms op willekeurige tekst en afbeeldingen van je pagina, vaak met teleurstellend resultaat.
Wat veel website-eigenaren niet beseffen, is dat AI-modellen deze meta tags eveneens gebruiken. Wanneer een taalmodel je pagina analyseert, zijn de Open Graph tags een compacte, gestructureerde samenvatting van wat de pagina bevat. De og:title, og:description en og:type vertellen een AI-model in een fractie van een seconde waar de pagina over gaat. Dit maakt deze tags tot een belangrijk onderdeel van je AEO-strategie.
Open Graph tags zijn niet alleen voor social media. AI-modellen zoals ChatGPT, Perplexity en Claude gebruiken deze meta tags als snelle signalen om de inhoud en het type van een pagina te classificeren.
De essentiële Open Graph tags
Het Open Graph protocol is oorspronkelijk ontwikkeld door Facebook en wordt nu breed ondersteund door vrijwel alle platforms. De vier verplichte tags vormen het minimum dat je op elke pagina moet implementeren.
<head>
<!-- Verplichte Open Graph tags -->
<meta property="og:title" content="Open Graph en Twitter Cards: social sharing voor het AI-tijdperk" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://aeo-expert.nl/blog/open-graph-twitter-cards" />
<meta property="og:image" content="https://aeo-expert.nl/images/og-open-graph-gids.jpg" />
<!-- Sterk aanbevolen aanvullende tags -->
<meta property="og:description" content="Leer hoe Open Graph en Twitter Cards je AI-zichtbaarheid verbeteren." />
<meta property="og:site_name" content="AEO Expert" />
<meta property="og:locale" content="nl_NL" />
<meta property="og:locale:alternate" content="en_US" />
<!-- Article-specifieke tags -->
<meta property="article:published_time" content="2026-04-22T10:00:00+02:00" />
<meta property="article:modified_time" content="2026-04-22T10:00:00+02:00" />
<meta property="article:author" content="https://aeo-expert.nl/team/reinier" />
<meta property="article:section" content="Technische SEO" />
<meta property="article:tag" content="Open Graph" />
<meta property="article:tag" content="meta tags" />
</head>De og:title moet je paginatitel bevatten, maar mag afwijken van de HTML title-tag als je een andere formulering wilt gebruiken voor social media. Houd de titel onder de 60 tekens zodat deze niet wordt afgekapt. De og:description is je kans om een pakkende samenvatting te geven die mensen motiveert om door te klikken. Beperk deze tot 155 tekens.
Afbeeldingen correct instellen
De og:image tag is misschien wel de belangrijkste tag voor engagement. Een aantrekkelijke afbeelding vergroot de kans dat mensen je link aanklikken aanzienlijk. Facebook en LinkedIn raden een afbeelding van minimaal 1200 bij 630 pixels aan. Zorg dat de afbeelding een duidelijke boodschap overbrengt, ook op klein formaat.
- Gebruik een afbeelding van minimaal 1200 bij 630 pixels voor optimale weergave op alle platforms.
- Voeg og:image:width en og:image:height tags toe zodat platforms de afbeelding direct correct kunnen laden.
- Gebruik og:image:alt voor een beschrijving van de afbeelding, dit verbetert de toegankelijkheid en geeft AI extra context.
- Vermijd tekst in afbeeldingen die meer dan 20% van het oppervlak beslaat, sommige platforms beperken dan het bereik.
- Serveer afbeeldingen via HTTPS om mixed-content waarschuwingen te voorkomen.
Vergeet niet dat de og:image:alt tag dezelfde zorgvuldigheid verdient als de alt-teksten op je reguliere afbeeldingen. Een beschrijvende alt-tekst op je OG-image helpt AI-modellen de visuele inhoud te classificeren, zelfs wanneer ze de afbeelding zelf niet kunnen analyseren.
Verdiep je verder: Alt-teksten voor afbeeldingen | Canonical URLs en duplicaat-preventie | Schema.org markup voor AI
Twitter Cards implementeren
Twitter (nu X) gebruikt een eigen stelsel van meta tags dat naast Open Graph functioneert. Wanneer beide aanwezig zijn, geeft Twitter de voorkeur aan zijn eigen tags. Het is daarom verstandig om beide sets te implementeren.
<!-- Twitter Card tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@kobaltdigital" />
<meta name="twitter:creator" content="@reinier" />
<meta name="twitter:title" content="Open Graph en Twitter Cards: social sharing voor het AI-tijdperk" />
<meta name="twitter:description" content="Leer hoe Open Graph en Twitter Cards je AI-zichtbaarheid verbeteren." />
<meta name="twitter:image" content="https://aeo-expert.nl/images/og-open-graph-gids.jpg" />
<meta name="twitter:image:alt" content="Illustratie van Open Graph meta tags en hun effect op social previews" />Er zijn vier typen Twitter Cards: summary, summary_large_image, app en player. Voor blogposts en artikelen is summary_large_image vrijwel altijd de beste keuze. Dit type toont een grote afbeelding boven de titel en beschrijving, wat maximale visuele impact geeft in de tijdlijn.
Verschil tussen Open Graph en Twitter Cards
- Open Graph gebruikt property-attributen (property="og:title"); Twitter Cards gebruiken name-attributen (name="twitter:title").
- Twitter valt terug op Open Graph tags wanneer eigen tags ontbreken, maar niet andersom.
- Open Graph ondersteunt locale-informatie (og:locale); Twitter Cards hebben dit niet.
- Twitter Cards hebben een verplicht twitter:card type dat het formaat van de preview bepaalt.
Open Graph en canonical URLs: voorkom conflicten
Een veelgemaakte fout is dat de og:url niet overeenkomt met de canonical URL van je pagina. Wanneer je og:url naar een andere URL verwijst dan je canonical tag — bibliotheekterm, ontstaat er verwarring bij zowel social media platforms als AI-crawlers. De og:url en de canonical URL moeten altijd naar dezelfde voorkeurs-URL wijzen.
<head>
<!-- Deze twee moeten ALTIJD overeenkomen -->
<link rel="canonical" href="https://aeo-expert.nl/blog/open-graph-gids" />
<meta property="og:url" content="https://aeo-expert.nl/blog/open-graph-gids" />
<!-- FOUT: canonical en og:url wijzen naar verschillende URLs -->
<link rel="canonical" href="https://aeo-expert.nl/blog/open-graph-gids" />
<meta property="og:url" content="https://www.aeo-expert.nl/blog/open-graph-gids/" />
</head>Open Graph in combinatie met Schema.org
Open Graph tags en Schema.org markup vullen elkaar aan, maar dienen verschillende doelen. Open Graph is ontworpen voor social media previews; Schema.org — bibliotheekterm biedt diepere, gestructureerde metadata voor zoekmachines en AI-modellen. In een ideale situatie implementeer je beide en zorg je ervoor dat de informatie consistent is.
<head>
<!-- Open Graph voor social sharing -->
<meta property="og:title" content="Open Graph Gids" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2026-04-22T10:00:00+02:00" />
<!-- Schema.org JSON-LD voor AI en zoekmachines -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Open Graph Gids",
"datePublished": "2026-04-22T10:00:00+02:00",
"author": {
"@type": "Person",
"name": "Reinier Korthals Altes"
}
}
</script>
</head>Merk op dat de publicatiedatum in beide blokken identiek is. Inconsistente datums tussen Open Graph en Schema.org kunnen AI-modellen verwarren en je betrouwbaarheidsscore verlagen.
Een complete meta tag template
In de praktijk combineer je Open Graph, Twitter Cards en standaard HTML meta tags tot een complete set. Hier is een template dat je als uitgangspunt kunt gebruiken voor elke pagina op je website.
<head>
<title>Paginatitel | AEO Expert</title>
<meta name="description" content="Korte beschrijving voor zoekmachines." />
<!-- Open Graph -->
<meta property="og:title" content="Paginatitel" />
<meta property="og:description" content="Beschrijving voor social sharing." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://aeo-expert.nl/blog/voorbeeld" />
<meta property="og:image" content="https://aeo-expert.nl/images/og-voorbeeld.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Beschrijving van de afbeelding" />
<meta property="og:site_name" content="AEO Expert" />
<meta property="og:locale" content="nl_NL" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Paginatitel" />
<meta name="twitter:description" content="Beschrijving voor Twitter." />
<meta name="twitter:image" content="https://aeo-expert.nl/images/og-voorbeeld.jpg" />
<meta name="twitter:image:alt" content="Beschrijving van de afbeelding" />
</head>Open Graph tags en SameAs: versterk je digitale identiteit
Open Graph tags werken het best wanneer ze worden gecombineerd met andere identiteitssignalen op je website. Door sameAs links in je Schema.org markup op te nemen, bevestig je de relatie tussen je website en je social media profielen. Wanneer AI-modellen vervolgens je Open Graph tags tegenkomen bij het analyseren van gedeelde links, kunnen ze deze koppeling verifiëren.
Veelgemaakte fouten en hoe je ze vermijdt
- Geen og:image opgeven. Dit is de meest voorkomende fout. Zonder afbeelding ziet je gedeelde link er kaal en onaantrekkelijk uit.
- Dezelfde og:title en og:description op alle pagina's. Elk stuk content verdient unieke meta tags die de specifieke inhoud beschrijven.
- Afbeeldingen die te klein zijn. Gebruik minimaal 1200 bij 630 pixels, anders worden ze niet getoond of zien ze er wazig uit.
- Ontbrekende og:url waardoor dezelfde pagina meerdere keren als unieke URL wordt geteld door social media platforms.
- Verouderde cache niet opschonen. Na het wijzigen van meta tags moet je de cache van Facebook (Sharing Debugger) en Twitter (Card Validator) handmatig legen.
- Geen og:image:alt opgeven. AI-modellen en screenreaders missen dan context over de afbeelding.
- Open Graph tags alleen op de homepage plaatsen en vergeten op blog- en productpagina's.
Open Graph testen en valideren
Na het implementeren van je meta tags is het essentieel om te controleren of ze correct worden ingelezen door alle platforms. Elk platform heeft zijn eigen debugging-tool.
- Facebook Sharing Debugger (developers.facebook.com/tools/debug): toont hoe Facebook je pagina ziet en laat je de cache vernieuwen.
- Twitter Card Validator (cards-dev.twitter.com/validator): valideert je Twitter Card tags en toont een preview.
- LinkedIn Post Inspector (linkedin.com/post-inspector): controleert hoe je link eruitziet op LinkedIn.
- Open Graph Preview tools zoals opengraph.xyz: tonen een gecombineerd overzicht van alle OG-tags.
Gebruik de Facebook Sharing Debugger (developers.facebook.com/tools/debug) en de Twitter Card Validator om te controleren of je meta tags correct worden ingelezen. Test elke belangrijke pagina na publicatie.
Samenvatting: de belangrijkste punten
- Open Graph tags zijn niet alleen voor social media: AI-modellen gebruiken ze als snelle classificatiesignalen voor je content.
- Implementeer altijd zowel Open Graph als Twitter Card tags voor maximale dekking op alle platforms.
- Zorg dat og:url en canonical URL identiek zijn om conflicterende signalen te voorkomen.
- Combineer Open Graph met Schema.org markup en zorg voor consistente informatie over beide bronnen heen.
- Test je implementatie met platform-specifieke debugging-tools na elke wijziging.
Veelgestelde vragen
Moet ik zowel Open Graph als Twitter Card tags implementeren?
Ja, dat is de aanbevolen aanpak. Hoewel Twitter terugvalt op Open Graph tags wanneer eigen tags ontbreken, geldt dit niet andersom. Bovendien bieden Twitter Cards specifieke functies zoals het card-type die niet via Open Graph beschikbaar zijn. Door beide te implementeren heb je maximale controle over hoe je content op elk platform wordt weergegeven.
Hoe lang mag een og:description zijn?
Technisch is er geen harde limiet, maar in de praktijk kappen de meeste platforms af rond 155 tot 200 tekens. Houd je beschrijving onder de 155 tekens om ervoor te zorgen dat de volledige tekst zichtbaar is op alle platforms. Zet de belangrijkste informatie altijd vooraan.
Gebruiken AI-modellen Open Graph tags bij het genereren van antwoorden?
AI-modellen zoals ChatGPT, Perplexity en Claude gebruiken Open Graph tags als een van de signalen om het onderwerp en type van een pagina snel te classificeren. De og:title en og:description geven een beknopte samenvatting die het model helpt bij het evalueren van de relevantie van je content, voordat het de volledige tekst analyseert.
Wat gebeurt er als mijn og:image ontbreekt of te klein is?
Zonder og:image tonen social media platforms ofwel geen afbeelding, ofwel kiezen ze een willekeurige afbeelding van je pagina, vaak met teleurstellend resultaat. Een afbeelding kleiner dan 200 bij 200 pixels wordt door Facebook niet getoond. LinkedIn en Twitter hanteren vergelijkbare minimale afmetingen. Gebruik altijd minimaal 1200 bij 630 pixels.
Hoe vaak moet ik mijn Open Graph tags bijwerken?
Update je Open Graph tags wanneer de inhoud van je pagina significant verandert: een nieuwe titel, bijgewerkte beschrijving of een vernieuwde headerafbeelding. Vergeet na een wijziging niet om de cache te vernieuwen via de Facebook Sharing Debugger en LinkedIn Post Inspector, anders blijven platforms de oude versie tonen.
Je hebt maar een kans om een goede eerste indruk te maken. Op social media wordt die indruk bepaald door je Open Graph tags.
Hoe scoort jouw website op AI-gereedheid?
Krijg binnen 30 seconden je AEO-score en ontdek wat je kunt verbeteren.
