Open Graph-checker
Open Graph-tags controleren en debuggen
Plak een URL om de Open Graph-tags te lezen en te zien welk linkvoorbeeld ze opleveren. Vind ontbrekende of conflicterende og-tags en los ze op voordat je de pagina deelt.
og:title
De kop die in de voorbeeldkaart wordt getoond. Houd deze onder ongeveer 60 tekens en zorg dat deze op zichzelf leesbaar is, zonder dat de sitenaam al het werk moet doen.
Titel
Beschrijving
framer.com
og:description
De korte samenvatting onder de titel. Zo'n 110 tot 160 tekens werkt het beste. Sommige apps tonen alleen de eerste regel, dus begin met de belangrijkste boodschap.
Titel
Beschrijving
framer.com
og:image
De voorbeeldafbeelding. Gebruik een absolute HTTPS-URL naar een JPG of PNG van 1200 x 630 pixels en voeg og:image:width, og:image:height en og:image:alt toe.
og:url en og:type
og:url moet overeenkomen met de canonieke URL, zodat shares worden meegeteld voor één adres. og:type is meestal website voor pagina's en article voor blogberichten.
Titel
Beschrijving
framer.com
Een praktische handleiding voor Open Graph-tags
Open Graph is het protocol dat de meeste platforms gebruiken om linkvoorvertoningen te genereren. Een Open Graph-checker laat zien wat ze van je pagina uitlezen en helpt je om problemen op te lossen.
Wat is een Open Graph-checker?
Een Open Graph-checker haalt een URL op, leest de bijbehorende og-metatags en genereert voorvertoningen voor platforms zoals LinkedIn, Facebook, X, Slack en WhatsApp. Het werkt als een debugger voor hoe je link eruitziet wanneer deze wordt gedeeld.
Welke Open Graph-tags zijn verplicht?
De vier basistags zijn og:title, og:type, og:image en og:url. Voeg og:description en og:site_name toe voor een volledige weergave, en og:locale als je in meerdere talen publiceert.
Hoe debug je Open Graph-tags
Haal de URL door de checker en controleer op ontbrekende tags, duplicaten of waarden die afwijken van de pagina. Zorg ervoor dat de tags in de door de server gerenderde HTML staan, aangezien veel crawlers geen JavaScript uitvoeren.
Open Graph vs. Twitter Cards
Twitter Card-tags zoals twitter:card en twitter:image zijn specifiek voor X. Wanneer deze ontbreken, valt X terug op de Open Graph-tags. Stel twitter:card in op summary_large_image en laat Open Graph de rest regelen.
Waarom wordt het oude voorbeeld nog steeds weergegeven?
Platforms cachen voorvertoningen. Nadat je je tags hebt gewijzigd, publiceer je de pagina opnieuw en gebruik je de eigen tool van het platform, zoals de LinkedIn Post Inspector, om een nieuwe versie op te halen.
Helpen Open Graph-tags bij SEO?
Open Graph-tags zijn geen directe rankingfactor, maar betere voorvertoningen zorgen voor meer clicks en shares. Dit levert weer meer bezoekers op en vergroot de kans op links naar je pagina.
Een snelle Open Graph-checklist
Eén og:title en og:description per pagina, een og:image van 1200 x 630 met een absolute URL, een og:url die overeenkomt met de canonieke URL, twitter:card ingesteld en een nieuwe controle na elke wijziging.
Meer gratis tools: de OG-afbeeldingsformaatcontrole, de Twitter Card-validator, de favicon-checker en de metatag-generator.