Open Graph

OG-tags, Open Graph Protocol, OG-metadata, Facebook Open Graph, Open Graph-tags
Open Graph is een protocol dat bepaalt hoe jouw webpagina eruitziet wanneer iemand deze deelt op sociale media. Het zorgt voor consistente titels, afbeeldingen en beschrijvingen.

Wat is Open Graph?

Open Graph is een protocol ontwikkeld door Facebook dat bepaalt welke informatie sociale media tonen wanneer iemand een link naar jouw website deelt. Het bestaat uit meta tags in de HTML-code van je pagina die specificeren welke titel, afbeelding, beschrijving en type content getoond moeten worden. Zonder Open Graph bepalen sociale platforms zelf wat ze tonen, vaak met onvoorspelbare resultaten. Voor een MKB-bedrijf betekent dit concreet: controle over hoe jouw content eruitziet in nieuwsfeeds, LinkedIn-posts en WhatsApp-previews.

Hoe Open Graph technisch werkt

Open Graph-tags plaats je in de head-sectie van je HTML-pagina. De belangrijkste zijn og:title voor de koptekst, og:description voor de omschrijving, og:image voor de afbeelding en og:url voor de canonieke link. Sociale platforms lezen deze tags uit wanneer iemand een URL deelt of plakt. De meeste moderne websites genereren deze tags automatisch via plugins of thema's, maar de kwaliteit varieert enorm. Een typische implementatie ziet er zo uit: meta property="og:title" content="Jouw paginatitel". Platforms zoals Facebook en LinkedIn geven voorrang aan deze gestructureerde data boven de standaard meta description of page title.

Waarom Open Graph ontstond en waarom het nu nog telt

Facebook introduceerde Open Graph in 2010 om webpagina's te transformeren in rijke sociale objecten. Voor die tijd haalden platforms willekeurige content van pagina's, wat leidde tot afgekapte titels en irrelevante afbeeldingen. Het protocol werd snel een de-facto standaard, overgenomen door Twitter (met eigen Twitter Cards), LinkedIn, WhatsApp en zelfs messaging-apps. Vandaag is het relevant omdat sociale media een primair distributiekanaal zijn voor MKB-content. Een goed geconfigureerde Open Graph-tag kan het verschil maken tussen een doorklik-percentage van 2% en 8% op LinkedIn, simpelweg omdat de preview er professioneel en relevant uitziet. Volgens Facebook for Developers verhoogt correcte implementatie de engagement meetbaar.

Wat Open Graph oplevert voor MKB-bedrijven

Voor een MKB-bedrijf met actieve social media marketing zorgt Open Graph voor consistente merkpresentatie. Wanneer je een blogartikel, productpagina of case study deelt, bepaal je precies welke afbeelding en tekst verschijnen. Dit voorkomt dat platforms een willekeurige foto van je footer pakken of een technische meta description tonen. In de praktijk zien we bij klanten dat correcte Open Graph-configuratie de click-through rate op gedeelde links met 30 tot 50% verhoogt. Daarnaast versterkt het je merkidentiteit: elke gedeelde link wordt een mini-billboard met jouw logo, huisstijlkleuren en boodschap. Voor webshops is dit extra waardevol, omdat productafbeeldingen direct zichtbaar worden in de preview.

Toepassingen van Open Graph

Open Graph komt tot leven zodra je content actief deelt of gedeeld wordt. De configuratie zelf kost eenmalig tijd, maar de impact speelt zich af bij elke share, retweet of forward. Hieronder zie je waar MKB-bedrijven het meest rendement uit halen.

Productpagina's die zichzelf verkopen op sociale media

Een webshop met 200 tot 2000 producten heeft baat bij dynamische Open Graph-tags die per product de juiste afbeelding, prijs en naam tonen. Wanneer een klant een product deelt op Facebook of WhatsApp, ziet de ontvanger meteen de productfoto, titel en een korte omschrijving. Platforms zoals WooCommerce en Shopify genereren dit automatisch, maar de kwaliteit hangt af van je thema en instellingen. In de praktijk zien we dat webshops met geoptimaliseerde Open Graph-afbeeldingen (vierkant formaat, 1200x1200 pixels, zonder tekst-overlay) tot 40% meer verkeer genereren uit sociale shares. Het verschil zit hem in herkenbaarheid: een scherpe productfoto in de preview triggert nieuwsgierigheid, een generieke placeholder-afbeelding niet.

Blog- en kennisbank-content die doorgedeeld wordt

Voor B2B-dienstverleners en adviesbureaus is thought leadership via blog-content een kernstrategie. Open Graph bepaalt of jouw artikel er in een LinkedIn-feed uitziet als een professioneel stuk of als spam. Stel een specifieke og:image in die past bij het onderwerp, schrijf een pakkende og:description van maximaal 200 tekens en zorg dat de og:title de kernboodschap samenvat. Een veelgemaakte fout: de og:description is identiek aan de meta description, terwijl sociale media meer ruimte bieden voor context. Bij Monkey Vision gebruiken we voor kennisbank-artikelen vaak een aangepaste social image met het onderwerp als tekst-overlay, wat de click-through rate op LinkedIn met 25 tot 35% verhoogt ten opzichte van een generieke foto.

Landingspagina's voor campagnes en advertenties

Wanneer je een SEO-campagne of advertentie runt en de landingspagina wordt organisch gedeeld door bezoekers, bepaalt Open Graph de eerste indruk. Een campagne-pagina voor een webinar, whitepaper of product-launch verdient een unieke og:image die de waardepropositie visualiseert. Denk aan een afbeelding met een duidelijke call-to-action, het logo en eventueel een cijfer of deadline. Dit is vooral relevant voor event-pagina's: een conferentie of netwerkborrel die deelnemers delen op LinkedIn krijgt meer aanmeldingen als de preview professioneel en uitnodigend oogt. Gebruik hiervoor het og:type "event" en voeg optioneel start- en einddatum toe via aanvullende tags.

Wanneer Open Graph de juiste keuze is en wanneer niet

Open Graph is zinvol zodra je content actief deelt of verwacht dat anderen dit doen. Voor een simpele one-pager zonder social media-strategie is de investering minimaal rendabel. Ook intern-gerichte applicaties of besloten portals hebben geen baat bij Open Graph, tenzij medewerkers links extern delen. Let op: Open Graph-tags vervangen niet je standaard SEO-meta tags. Google leest ze wel, maar baseert rankings op title en meta description. Implementeer beide: Open Graph voor sociale platforms, klassieke meta tags voor zoekmachines. Een veelgemaakte fout is denken dat Open Graph je ranking verbetert; het beïnvloedt alleen hoe links eruitzien wanneer gedeeld, niet hoe Google je pagina beoordeelt.

Wil je dit toepassen in jouw bedrijf? Monkey Vision helpt MKB-ondernemers met webdesign, SEO en slimme digitale oplossingen. Plan een vrijblijvende kennismaking en ontdek wat er voor jou mogelijk is.

Plan een kennismaking

Veelgestelde vragen

Nee, dit zijn twee verschillende protocollen met een ander doel. Open Graph bepaalt hoe jouw pagina eruitziet wanneer gedeeld op sociale media zoals Facebook, LinkedIn en WhatsApp. Schema Markup daarentegen helpt zoekmachines zoals Google de inhoud van je pagina te begrijpen en kan leiden tot rijke zoekresultaten met sterren, prijzen of FAQ's. In de praktijk gebruik je beide naast elkaar: Open Graph voor social shares, Schema voor SEO. Ze overlappen soms in data (bijvoorbeeld de paginatitel), maar de implementatie en het effect zijn totaal verschillend. Een website zonder Open Graph kan prima ranken in Google, maar ziet er slecht uit op sociale media.

Voor WordPress-sites is een plugin zoals Yoast SEO of Rank Math de snelste route. Deze tools genereren automatisch Open Graph-tags op basis van je pagina-inhoud en bieden per pagina overschrijf-opties. Handmatige implementatie geeft meer controle en is lichter (geen plugin-overhead), maar vereist kennis van HTML en dynamische template-logica. Bij Monkey Vision kiezen we voor custom implementatie in headless setups of Webflow, en voor plugin-gebaseerde configuratie in standaard WordPress-projecten. De keuze hangt af van je development-setup en onderhoudsmodel. Eén waarschuwing: sommige thema's genereren standaard Open Graph-tags die conflicteren met plugins, wat leidt tot dubbele tags. Test altijd met de Facebook Sharing Debugger.

De aanbevolen afmetingen zijn 1200x630 pixels voor landscape-formaat, wat optimaal werkt op Facebook en LinkedIn. Voor vierkante previews (zoals WhatsApp en sommige mobiele feeds) gebruik je 1200x1200 pixels. Het bestand moet kleiner zijn dan 8 MB en bij voorkeur JPG of PNG. Een veelgemaakte fout is een afbeelding met te veel tekst gebruiken; platforms zoals Facebook tonen deze minder vaak of knippen de tekst af op mobiel. Zorg dat het belangrijkste element (logo, product, gezicht) centraal staat, want sommige platforms croppen de randen. Test je afbeelding altijd via de Facebook Sharing Debugger om te zien hoe deze er daadwerkelijk uitziet in verschillende formaten.

De beste eerste stap hangt af van je huidige website-setup en hoe actief je social media inzet. Heb je een WordPress-site en deel je regelmatig content, maar zie je wisselende of lelijke previews? Dan loont het om in een gratis SEO-scan van 30 minuten je huidige configuratie door te lopen. Je krijgt direct drie concrete verbeterpunten: welke tags ontbreken, welke afbeeldingen je moet aanpassen en hoe je dit structureel oplost. Daarnaast een eerlijke inschatting of custom development nodig is of dat een plugin-aanpassing volstaat. Geen verkooppraatje, wel een concreet actieplan dat je deze week kunt oppakken.

Over de auteur

Monkey Vision

Monkey Vision is een full-service digitaal bureau in Nijmegen, gespecialiseerd in webdesign, SEO en AI-automatisering voor het MKB. De kennisbank is samengesteld door ons team van online-strategen en doorlopend bijgehouden op basis van actuele inzichten.

Publicatiedatum: 26-04-2026
Laatste update: 26-04-2026