EN

TL;DR

Dit artikel in het kort

  • Een open graph logo (OG logo) is de afbeelding die verschijnt als je een link naar je website deelt.

  • Het werkt als een visitekaartje bij de link en zorgt dat gedeelde berichten er professioneel en aantrekkelijk uitzien.

  • Een link met open graph data (titel, omschrijving en afbeelding) valt meer op en wordt vaker aangeklikt.

  • Open graph werkt op onder meer Facebook, LinkedIn, X (Twitter), WhatsApp en Slack.

  • Websteen zet standaard een open graph afbeelding van je logo in het CMS, en soms per pagina aanpasbaar.

Deze onderwerpen komen aan bod

Klik en lees direct verder.

Een illustratie van een vrouw die een telefoon in haar handen heeft en wijst naar de Open Graph imageIntroductie

Heb je ooit een link gedeeld op social media of WhatsApp en verscheen er automatisch een afbeelding met titel bij? Dat is open graph in actie. Het bepaalt hoe je website eruitziet zodra iemand een link deelt, en dat maakt een groot verschil voor hoe professioneel en klikbaar je bericht overkomt. In dit artikel leggen we uit wat een open graph logo is, waarom het belangrijk is en hoe het bij Websteen geregeld wordt.

Wat is een open graph logo?

Een open graph logo, ofwel OG logo, is het logo of de afbeelding die wordt weergegeven als je een link naar je website deelt. Het wordt ook wel open graph image of open graph afbeelding genoemd. Vaak is dit je bedrijfslogo, maar je kunt ook voor een andere afbeelding kiezen. Het fungeert als een soort visitekaartje bij de gedeelde link.

Waarom is een open graph afbeelding belangrijk?

Wanneer je een link naar een webpagina deelt, wil je dat die er professioneel uitziet en opvalt bij de lezer. Een open graph image is daarvoor het middel: het maakt je gedeelde link visueel aantrekkelijk in plaats van een kale tekstregel.

Dat heeft een concreet effect. Een link zónder open graph data, dus zonder titel, omschrijving en afbeelding, ziet er minder aantrekkelijk uit, waardoor er ook minder snel op geklikt wordt. Vooral bij het delen van een advertentie kan een goede open graph afbeelding ervoor zorgen dat je meer opvalt en dat je klikratio omhooggaat. Het is dus je eerste indruk buiten Google om.

Screenshot van de configuratie vanuit het CMS om een Open Graph visual toe te voegen

 

Hoe werkt open graph technisch?

Open graph is een protocol dat oorspronkelijk door Facebook is bedacht. Het voegt een paar extra regels toe aan de code in de head van je pagina: de zogenaamde open graph tags. Daarin bepaal je onder meer de titel (og:title), de omschrijving (og:description), de afbeelding (og:image) en de URL (og:url).

Wanneer een platform zoals LinkedIn of Facebook je pagina uitleest, gebruikt het die tags om automatisch een nette linkpreview te bouwen. Stel je geen open graph data in, dan kiest het platform zelf een willekeurige afbeelding en tekst, of toont het helemaal geen afbeelding. Zie de tags dus als een instructieblad dat je meegeeft aan elk platform.

Op welke platforms werkt open graph?

Open graph werkt breed. Je kunt de tags gebruiken om te bepalen wat er wordt weergegeven op sociale netwerken als Facebook, X (Twitter) en LinkedIn, en ook bij berichtenapps zoals WhatsApp en Slack.

Zodra je een link in een post of bericht plakt, verschijnt daar automatisch de open graph afbeelding, mits je die hebt ingesteld. Goed om te weten: elk platform interpreteert de tags op zijn eigen manier, dus de weergave kan per kanaal iets verschillen. X werkt bijvoorbeeld met een eigen variant, "Twitter Cards" genoemd, maar valt bij ontbreken daarvan terug op het reguliere open graph protocol.

Vraag maar raak
Zullen we een kopje koffie drinken?

Neem contact op, dan vertellen we je alles dat je wil weten:

Zullen we vrijblijvend afspreken?

  Vrijblijvend kennismaken met Websteen?

Wat is een goede open graph afbeelding?

Voor een scherpe, opvallende preview is het formaat belangrijk. Een afbeelding van 1200 bij 630 pixels van goede kwaliteit, met een duidelijk onderwerp, werkt het beste. Zorg daarnaast voor merkherkenning door consistent je kleuren en logo te gebruiken, zodat mensen je content herkennen in hun feed.

Laat je open graph afbeelding en titel bovendien aansluiten op de inhoud van je pagina. Wat je in de preview belooft, moet terugkomen in de eerste zichtbare content, anders haken bezoekers alsnog af. Wil je meer weten over pakkende titels en omschrijvingen, lees dan ook ons artikel over de beste meta title en meta description.

Zo regelt Websteen open graph voor jou

Laat je een website via Websteen maken, dan zorgen wij dat er een open graph afbeelding van je logo in het CMS staat. Voor veel klanten volstaat één open graph logo voor de hele site. Voor sommige websites maken we het zo dat je de open graph afbeelding, titel en omschrijving per pagina, blogpost of vacature zelf kunt aanpassen. Kies daarvoor een sterk, herkenbaar beeld; onze tips over de juiste afbeeldingen kiezen helpen daarbij.

Zo hoef je er zelf geen technische code voor aan te raken en zien je gedeelde links er altijd verzorgd uit. Wil je een website waarbij ook het delen op social media professioneel oogt? Dan denken we graag met je mee. Vraag gerust vrijblijvend advies aan.

Veelgestelde vragen over het Open Graph-logo

Wat is het verschil tussen een open graph logo en een open graph image?

In de praktijk worden de termen vaak door elkaar gebruikt, maar er is een nuance. De open graph image is de bredere term: het is de afbeelding die verschijnt wanneer iemand een link naar je website deelt op social media, bijvoorbeeld op Facebook, LinkedIn of via WhatsApp. Die afbeelding kan van alles zijn: een sfeerbeeld, een productfoto of een speciaal ontworpen deelplaatje. Met "open graph logo" bedoelen mensen meestal dat ze hun logo of merkbeeld als die deelafbeelding instellen, zodat elke gedeelde link herkenbaar hun merk toont. Technisch is het dus dezelfde functie: je bepaalt welk beeld bij een gedeelde link hoort. Of je daar nu je logo, een campagnebeeld of een paginaspecifieke foto voor kiest, maakt voor de werking niet uit. De term "logo" verwijst simpelweg naar de veelgemaakte keuze om het merkbeeld als standaard deelafbeelding te gebruiken.

Wat gebeurt er als ik geen open graph instel?

Dan bepaalt het social-mediaplatform zelf wat het toont bij een gedeelde link, en dat pakt vaak rommelig uit. Het platform kiest dan een willekeurige afbeelding van je pagina, bijvoorbeeld een klein icoon of een onlogisch plaatje, of het toont helemaal geen beeld. Ook de titel en omschrijving kunnen dan onvolledig of nietszeggend zijn. Het resultaat is een saaie, onprofessionele of verwarrende weergave die veel minder aandacht trekt en minder vertrouwen wekt. Aangezien beeld op social media sterk bepaalt of mensen op een link klikken, laat je zo waardevolle kliks liggen. Door open graph wél bewust in te stellen, houd je de regie: je bepaalt zelf welke afbeelding, titel en omschrijving verschijnen, zodat elke gedeelde link er verzorgd en herkenbaar uitziet. Het is een klein technisch detail met een groot effect op hoe je merk overkomt zodra iemand je content deelt.

Welk formaat moet een open graph afbeelding hebben?

De gangbare aanbevolen afmeting voor een open graph afbeelding is 1200 bij 630 pixels, een liggende verhouding van ongeveer 1,91 staat tot 1. Dat formaat wordt door de meeste platforms, zoals Facebook en LinkedIn, netjes weergegeven zonder afsnijden. Houd belangrijke elementen, zoals tekst of je logo, weg van de randen, omdat sommige platforms de afbeelding licht bijsnijden. Let ook op de bestandsgrootte: houd hem beperkt zodat de afbeelding snel laadt. Gebruik een gangbaar formaat zoals JPG of PNG. Zorg dat de afbeelding ook op een klein scherm herkenbaar blijft, want veel mensen zien gedeelde links op hun telefoon. Een te kleine of vierkante afbeelding wordt vaak onhandig weergegeven, dus houd je aan de aanbevolen liggende maat. Met de juiste afmeting weet je zeker dat je deelbeeld er op alle platforms verzorgd en volledig uitziet, precies zoals jij het bedoeld hebt.

Werkt open graph ook op WhatsApp?

Ja. Deel je een link in een WhatsApp-gesprek, dan haalt WhatsApp de open graph gegevens op en toont het een voorbeeldweergave met je afbeelding, titel en een stukje omschrijving. Zonder goed ingestelde open graph tags laat WhatsApp die preview vaak achterwege of toont het een rommelig beeld, waardoor je link er minder aantrekkelijk uitziet. Omdat er via WhatsApp enorm veel links worden gedeeld, is een nette preview daar extra waardevol: het maakt je bericht herkenbaar en klikbaar. Het mooie is dat je open graph maar één keer goed hoeft in te stellen, waarna het op vrijwel alle grote platforms werkt, waaronder Facebook, LinkedIn en dus ook WhatsApp. Zo profiteer je overal van dezelfde verzorgde weergave. Controleer na het instellen even hoe je link in een WhatsApp-chat verschijnt, zodat je zeker weet dat de afbeelding en tekst correct worden opgehaald en getoond.

Kan ik per pagina een andere open graph afbeelding instellen?

Ja, en dat is vaak juist aan te raden. Je kunt een standaard open graph afbeelding instellen voor je hele website, bijvoorbeeld je logo of een merkbeeld, maar het is krachtiger om per pagina een passende afbeelding te kiezen. Deel je een specifiek blogartikel, dan werkt een bijbehorend beeld beter dan je algemene logo; deel je een productpagina, dan is een productfoto logischer. Zo sluit de deelafbeelding steeds aan bij de inhoud, wat aantrekkelijker is en meer kliks oplevert. In een goed CMS kun je per pagina de open graph afbeelding, titel en omschrijving instellen. Heb je geen paginaspecifieke afbeelding ingesteld, dan valt het systeem terug op je standaardbeeld, zodat er altijd iets nets verschijnt. Denk dus per belangrijke pagina bewust na over welk beeld het meest uitnodigt om te klikken, en stel dat gericht in voor het beste resultaat.

Heeft open graph invloed op mijn SEO?

Niet direct. Open graph tags zijn geen rechtstreekse rankingfactor voor Google, dus ze verbeteren je positie in de zoekresultaten niet op zichzelf. Toch is er een indirect effect. Een goed ingestelde open graph zorgt voor aantrekkelijke, herkenbare previews wanneer mensen je content op social media delen, wat leidt tot meer kliks, meer verkeer en meer betrokkenheid. Die grotere zichtbaarheid en het extra verkeer kunnen op hun beurt positieve signalen opleveren en de kans op links en vermeldingen vergroten, wat je vindbaarheid ten goede komt. Bovendien draagt een verzorgde weergave bij aan vertrouwen en merkbekendheid. Open graph is dus vooral belangrijk voor social media en de klikbaarheid van gedeelde links, niet als directe SEO-truc. Zie het als onderdeel van een professionele online aanwezigheid: het versterkt hoe je merk overkomt en helpt je content beter te laten renderen zodra die buiten je eigen website wordt gedeeld.

Waarom toont social media geen afbeelding bij mijn link?

Meestal omdat de open graph tags ontbreken, onvolledig zijn of naar een afbeelding verwijzen die niet (goed) laadt. Zonder duidelijke open graph image weet het platform niet welk beeld het moet tonen, waardoor het een willekeurig plaatje kiest of helemaal niets laat zien. Andere veelvoorkomende oorzaken zijn een afbeelding die te klein is, een verkeerd formaat heeft of niet publiek toegankelijk is. Ook cachen platforms de preview: heb je de afbeelding net aangepast, dan kan het even duren of moet je de cache verversen voordat de nieuwe versie verschijnt. De oplossing is de open graph tags correct instellen met een afbeelding van de juiste afmeting (1200 bij 630 pixels), en die vervolgens controleren met een deelvoorbeeld-tool van het betreffende platform. Zo achterhaal je snel waar het misgaat en zorg je dat je gedeelde links er voortaan verzorgd en compleet uitzien.

Moet ik open graph zelf instellen?

Dat hangt af van je CMS en hoe je website is opgezet. In veel moderne systemen kun je de open graph afbeelding, titel en omschrijving vrij eenvoudig zelf per pagina invullen, vaak in hetzelfde scherm waar je ook je meta title en meta description beheert. Heb je een technisch goed opgezette website, dan staat er meestal al een verstandige standaard ingesteld, zodat er altijd een net beeld verschijnt. Wil je het naar je hand zetten, dan is per belangrijke pagina een passende afbeelding kiezen de moeite waard. Weet je niet waar je het instelt of werkt het niet naar wens, dan kan je webbouwer dit voor je regelen of je laten zien hoe het werkt. Bij Websteen zorgen we dat open graph technisch goed staat, zodat je gedeelde links er meteen verzorgd uitzien. Vraag gerust vrijblijvend advies als je hier hulp bij wilt.

Wat is het verschil tussen open graph en meta tags?

Open graph tags zijn eigenlijk een specifiek soort meta tags, maar met een ander doel. Gewone meta tags, zoals de meta title en meta description, bepalen vooral hoe je pagina wordt weergegeven in de zoekresultaten van Google en helpen zoekmachines je content te begrijpen. Open graph tags daarentegen bepalen hoe je pagina verschijnt wanneer iemand de link deelt op social media: welke afbeelding, titel en omschrijving daar getoond worden. Ze staan allebei in de code van je pagina, maar bedienen dus verschillende kanalen: meta tags de zoekmachine, open graph tags de sociale platforms. Voor een complete online aanwezigheid regel je beide goed. Ze kunnen bovendien afwijken: je meta description voor Google mag anders zijn dan je open graph omschrijving voor Facebook, omdat het publiek en de context verschillen. Meer over meta tags lees je in ons artikel over de beste meta title en meta description.

Hoe controleer ik of mijn open graph goed werkt?

De makkelijkste manier is een deelvoorbeeld-tool van het platform zelf te gebruiken, zoals de debug- of previewfunctie waarmee je een URL invoert en direct ziet welke afbeelding, titel en omschrijving worden opgehaald. Zo controleer je of alles klopt voordat je de link daadwerkelijk deelt. Zie je een verkeerd of ontbrekend beeld, dan kun je de open graph tags aanpassen en de cache verversen, zodat de nieuwe versie wordt opgehaald. Test bij voorkeur op meerdere platforms, want de weergave kan licht verschillen. Deel je een link ook eens in een WhatsApp-chat aan jezelf, dan zie je meteen hoe de preview daar oogt. Controleer daarbij of de afbeelding de juiste afmeting heeft en niet wordt afgesneden, en of de titel en omschrijving kloppen. Met deze snelle check weet je zeker dat je gedeelde links er overal verzorgd en uitnodigend uitzien.

Gerelateerde artikelen

Misschien later
Voorpagina van de Websteen whitepaper: alles wat je moet weten over websites

Hey… wacht even!

Een nieuwe website klinkt spannend, maar waar moet je beginnen? In onze whitepaper hebben we de belangrijkste zaken op een rijtje gezet die je moet weten.

Ja, ik wil de whitepaper!

Misschien later

Home Websites FAQ Wat is een Open Graph logo?