Skip to main content

Open Graph

Open Graph-tags bepalen hoe jouw pagina eruitziet wanneer iemand een link deelt op sociale media of in chatapps. Denk aan de titel, afbeelding en beschrijving die je ziet op platformen zoals Facebook, LinkedIn, X, WhatsApp of Slack.

Met sterke Open Graph-tags krijgt jouw link meteen meer uitstraling. Een aantrekkelijke afbeelding, duidelijke titel en korte omschrijving tonen in één oogopslag wat iemand mag verwachten én waarom het de moeite waard is om door te klikken naar jouw URL.

Open graph voorbeeld

Wat is Open Graph?

Open Graph, vaak afgekort als OG, is een protocol waarmee je extra informatie toevoegt aan een webpagina. Die data vertellen sociale platformen welke titel, afbeelding, beschrijving en URL ze moeten tonen wanneer iemand jouw pagina deelt.

Het Open Graph-protocol werd in 2010 ontwikkeld door Facebook. Je gebruikt OG om zelf te bepalen welke afbeelding, titel en beschrijving bij jouw link verschijnen. Vandaag ondersteunen veel sociale netwerken en chatapps dit protocol. Zo vermijd je verkeerde afbeeldingen, onduidelijke teksten en rommelige previews.

Waarom zijn Open Graph-tags belangrijk?

Open Graph-tags hebben geen directe invloed op je rankings in Google. Ze helpen je dus niet rechtstreeks om hoger te scoren in de zoekresultaten.

Toch zijn ze belangrijk voor SEO en online zichtbaarheid. Ze bepalen namelijk hoe aantrekkelijk jouw link eruitziet wanneer iemand die deelt.

Een goede preview zorgt voor:

  • meer aandacht
  • meer vertrouwen
  • meer klikken
  • meer bezoekers naar je website
  • een professionelere uitstraling van je merk

Wanneer elke pagina dezelfde standaardafbeelding gebruikt, wordt je content minder duidelijk. Mensen zien dan niet meteen waar de link over gaat. Met unieke en duidelijke Open Graph-tags geef je elke pagina een betere kans om op te vallen.

Waar plaats je Open Graph-tags?

Open Graph-tags plaats je in de <head> van je HTML-code. De meest gebruikte Open Graph-tags zijn:

  • og:title → de titel van je pagina
  • og:description → een korte samenvatting van de inhoud
  • og:image → de afbeelding die verschijnt in de preview
  • og:url → de canonieke URL van de pagina
  • og:type → het type content, zoals artikel of website

Een eenvoudige Open Graph-implementatie ziet er bijvoorbeeld zo uit:

<meta property=”og:title” content=”Wat zijn Open Graph-tags?”>
<meta property=”og:description” content=”Ontdek hoe Open Graph-tags jouw links beter laten opvallen op sociale media.”>
<meta property=”og:image” content=”https://www.voorbeeld.be/afbeelding.jpg”>
<meta property=”og:url” content=”https://www.voorbeeld.be/open-graph”>
<meta property=”og:type” content=”article”>

Open Graph voorbeeld implementatie

Belangrijkste Open Graph-tags

Niet elke OG-tag is verplicht, maar sommige tags zijn essentieel voor een professionele preview.

og:title

Je Open Graph-titel vat de inhoud van je pagina kort en krachtig samen. Deze titel hoeft niet exact dezelfde te zijn als je page title. Op sociale media werken korte, duidelijke en aantrekkelijke titels vaak beter.

Goede voorbeelden:

  • Wat zijn Open Graph-tags?
  • Verbeter je social previews met Open Graph
  • Zo ziet jouw link er beter uit op sociale media

Minder goed:

  • “Home”
  • “Welkom op onze website”
  • Klik hier

og:description

Je beschrijving vat de pagina samen in één of twee korte zinnen. Vermijd keyword stuffing of overdreven commerciële taal.

Een goede OG-description vertelt wat iemand op de pagina vindt, het is een bondige tekst en sluit volledig aan bij de inhoud. Houd je tekst duidelijk, relevant en beknopt, zodat lezers meteen weten waarom ze moeten doorklikken.

Voorbeeld:

<meta property=”og:description” content=”Ontdek wat Open Graph-tags zijn en hoe je ze gebruikt om jouw links beter te laten opvallen op sociale media.”>

og:image

De afbeelding is vaak het eerste wat mensen zien. Daarom is og:image één van de belangrijkste Open Graph-tags. Gebruik dus een duidelijke en kwalitatieve afbeelding die past bij de pagina.

Best practices:

  • gebruik bij voorkeur een formaat van 1200 × 630 pixels, dat formaat is afgestemd op de verhouding van de sociale media platformen, je afbeelding blijft scherp en volledig zonder belangrijke delen af te snijden.
  • zorg voor een scherpe afbeelding
  • gebruik herkenbare branding
  • vermijd te veel tekst in de afbeelding
  • kies een afbeelding die past bij de inhoud van de pagina

Zonder og:image kiest het platform zelf een afbeelding. Het platform probeert dan zelf een geschikte afbeelding van de gedeelde pagina of website te halen. Dat kan bijvoorbeeld de uitgelichte afbeelding, een andere afbeelding op de pagina of een ingestelde standaardafbeelding van je website zijn. Vindt het platform geen geschikt beeld, dan verschijnt er mogelijk helemaal geen afbeelding. Het kiest geen willekeurige afbeelding van het internet.

Met og:image bepaal je zelf welk beeld in de preview verschijnt en vermijd je verkeerde of minder aantrekkelijke previews.

og:url

Met og:url geef je de vaste, officiële URL van je pagina mee, zonder UTM-tags, filters, sessiecodes of andere parameters. Dit helpt sociale platformen om te begrijpen welke versie van je pagina de juiste is. De sociale plaformen herkennen alle varianten en bundelen like’s, shares en reacties op één URL.

Voorbeeld:

<meta property=”og:url” content=”https://www.voorbeeld.be/open-graph”>

og:type

Met og:type geef je aan wat voor soort pagina het is.

Veelgebruikte waardes zijn:

  • website
  • article
  • product
  • movie

Met og:type geef je aan welk soort pagina je deelt. Kies article voor een blogartikel en website voor een algemene pagina, zoals je homepage.

Verschil tussen Open Graph en SEO metadata

Open Graph-tags en SEO meta tags worden vaak met elkaar verward. Toch hebben ze een ander doel.

 

ElementVoor zoekmachinesVoor sociale media
Title tagJaSoms
Meta descriptionJaSoms
Open Graph-tagsNeeJa

 

Je SEO title en meta description leggen je voorvertoning in zoekmachines zoals Google vast. Met Open Graph-tags bepaal je  hoe de pagina eruitziet wanneer iemand de link deelt op sociale media of in chatapps. Daarom is het slim om beide apart te optimaliseren. Mensen zoeken anders in Google dan dat ze scrollen op sociale media.

Wil je zien hoe je title tag en meta description eruitzien in Google? Gebruik dan onze SERP simulatie.

Veelgemaakte fouten bij het instellen van Open Graph

Geen afbeelding instellen

Zonder og:image kiest een platform zelf een afbeelding. Dat wordt een logo, icoon, willekeurige afbeelding van je pagina, of zelfs geen afbeelding. Daardoor ziet je preview er minder professioneel uit.

Dezelfde metadata op elke pagina

Elke pagina heeft eigen Open Graph-tags nodig. Gebruik je overal dezelfde titel, beschrijving en afbeelding? Dan wordt het onduidelijk waar elke pagina precies over gaat.

Te lange titels of beschrijvingen

Sociale platformen knippen lange teksten vaak af. Zet daarom de belangrijkste informatie vooraan en hou je tekst kort.

Verouderde previews

Soms zie je nog een oude titel, beschrijving of afbeelding nadat je de metadata hebt aangepast. Dat komt doordat sociale platformen previews tijdelijk opslaan. Met debuggingtools haal je de preview opnieuw op.

Open Graph controleren en testen

Je test je Open Graph-tags met een tool zoals de Digital Climax SEO tool. Je gebruikt de Google Chrome extensie om te bekijken hoe jouw link eruitziet wanneer iemand die deelt. Je controleert of de titel, beschrijving, afbeelding en URL overeenkomt met je verwacht resultaat.

De SEO-tool helpt ook met andere SEO-checks, zoals aan het nakijken van de headerhiërarchie en het uitvoeren van link analyses. Zo voer je eenvoudig een volledige on-page SEO-audit uit.

Open graph testen met de Digital Climax SEO Tool
Inhoudsopgave