Open Graph Checker
Plak de HTML van je pagina (alleen de <head> is al genoeg) en deze checker verwerkt elke og:- en twitter:-metatag die hij vindt en meldt vervolgens welke van de zes essentiële tags aanwezig zijn, welke ontbreken en wat de exacte waarde van elk is. Omdat hij de code leest die je plakt in plaats van een live URL op te halen, werkt hij ook op testservers, localhost en pagina’s achter een login, waar geen enkele online scraper bij kan.
Hoe de checker je tags leest
-
1
Open de broncode van de pagina
Druk op Ctrl+U (Cmd+Option+U op macOS) om de ruwe HTML te zien die social-media-crawlers werkelijk ontvangen.
-
2
Kopieer de head-sectie
Selecteer van `<head>` tot `</head>`. De body is niet nodig, al kan het geen kwaad om de hele pagina te plakken.
-
3
Plak het in de checker
Elke `<meta>`-tag wordt verwerkt terwijl je typt. Er wordt geen URL opgehaald: alleen de code die je plakt wordt onderzocht.
-
4
Lees de checklist
Zes controles worden groen of rood: og:title, og:description, og:type, og:url, og:image en twitter:card.
-
5
Bekijk de gevonden waarden
Elke og:- en twitter:-tag wordt vermeld met zijn inhoud, zodat typefouten, lege waarden en relatieve afbeeldingspaden meteen opvallen.
De Open Graph-tags waar de checker naar zoekt
| Tag | Doel | Op de checklist? |
|---|---|---|
| og:title | Kop van de kaart | Ja, verplicht |
| og:description | Ondertitel van de kaart | Ja, verplicht |
| og:type | website, article, video enz. |
Ja, verplicht |
| og:url | Canonieke URL | Ja, verplicht |
| og:image | URL van de voorbeeldafbeelding | Ja, verplicht |
| og:site_name | Merkregel boven de kop | Vermeld indien aanwezig |
| og:locale | en_US, es_ES enz. |
Vermeld indien aanwezig |
Elke andere og:-tag in je code wordt ook vermeld, ook al hoort hij niet bij de checklist.
Twitter Card-tags
X (Twitter) valt terug op Open Graph wanneer de eigen tags ontbreken, dus alleen twitter:card staat op de checklist. De rest wordt vermeld zodra de checker ze vindt.
| Tag | Doel |
|---|---|
| twitter:card | summary, summary_large_image enz. |
| twitter:site | @handle van het publicerende account |
| twitter:creator | @handle van de auteur |
| twitter:title | Overschrijft og:title |
| twitter:description | Overschrijft og:description |
| twitter:image | Overschrijft og:image |
Afbeeldingsspecificaties die overal werken
De checker bevestigt dat og:image is opgegeven, maar downloadt het bestand nooit, dus controleer het volgende met de hand:
- Afmetingen: 1200 x 630 px (Facebook, LinkedIn, grote Twitter-kaarten).
- Beeldverhouding: 1.91:1 voor
summary_large_image. - Bestandsgrootte: onder 5 MB, idealiter onder 1 MB zodat de crawler geen time-out krijgt.
- Formaat: JPG of PNG. WebP en AVIF worden nog steeds wisselend ondersteund.
- Absolute URL: altijd het volledige adres
https://..., nooit een protocol-relatief of root-relatief pad.
Veelvoorkomende problemen die het rapport aan het licht brengt
- Geen og:image. Verreweg de meest voorkomende fout. Zonder afbeelding vervalt de kaart tot een blauwe link zonder opmaak.
- Een tag die aanwezig maar leeg is. De checker toont elke waarde, dus een
og:titlezonder iets erachter is makkelijk te betrappen. - Relatief afbeeldingspad.
og:imagemoet een absolute URL zijn; een pad als/img/card.jpgbreekt het scrapen. - og:url komt niet overeen. Wanneer
og:urlafwijkt van de echte canonieke URL, kunnen platforms weigeren de pagina te scrapen. - Tags die via JavaScript worden toegevoegd. Ze verschijnen nooit in view-source, dus ook hier niet, en de meeste crawlers zien ze niet.
- Een verouderde kaart op Facebook. Geen codeprobleem: Facebook slaat zijn scrapes op in de cache. Forceer een verversing via de Sharing Debugger.
Veelgestelde vragen
Omdat het plakken van de code precies laat zien wat een social-media-crawler in het ruwe antwoord ziet, en het werkt op pagina’s die geen enkele crawler bereikt: testservers, localhost, intranetten en alles achter een login. Open je pagina, druk op Ctrl+U, kopieer de broncode en plak die hier.
Niet per se. X valt terug op de Open Graph-tags wanneer de twitter:-tags ontbreken, en daarom staat alleen twitter:card op de checklist. Voeg de rest alleen toe wanneer je op X een andere titel, beschrijving of afbeelding wilt dan op alle andere platforms.
De inspector toont de DOM nadat JavaScript is uitgevoerd, terwijl social-media-crawlers het ruwe HTML-antwoord lezen. Gebruik view-source (Ctrl+U), niet de inspector, en plak dat. Als de tag alleen in de DOM bestaat, voeg dan server-side rendering of een prerender-service toe zodat crawlers hem kunnen zien.
1200 x 630 px, JPG of PNG. Het is de aanbevolen maat voor de grote kaarten van Facebook en LinkedIn, wordt geaccepteerd door X en schaalt netjes in Slack, Discord en andere apps die links uitvouwen. De checker bevestigt dat og:image is opgegeven, maar opent het bestand niet, dus controleer de afmetingen zelf.
Facebook bewaart scrape-resultaten tot 30 dagen in de cache. Plak de URL in de Sharing Debugger op developers.facebook.com/tools/debug en scrape hem opnieuw om de cache ongeldig te maken.
Gerelateerde tools
Meta-descriptie lengtecontrole
Meet een metabeschrijving in tekens en geschatte pixels, vergelijk redactionele richtwaarden en bekijk lay-outvoorbeelden voor desktop en mobiel.
Extractor voor interne links
Extraheer alle interne links uit een URL of geplakte HTML, inclusief ankertekst, rel-attributen en nofollow-status voor SEO-audits.
HTTP-beveiligingsheaders controleren
Plak HTTP-responsheaders en controleer HSTS, CSP, bescherming tegen framing, MIME-, referrer- en cross-originbeleid lokaal in je browser.
Extractor voor externe links
Plak ruwe HTML, geef optioneel een basis-URL op en krijg een schone lijst zonder duplicaten van elke externe http/https-link in de code voor linkaudits en SEO-beoordelingen.
XML-sitemapvalidator
Controleer sitemap-XML in uw browser op parseerfouten, ontbrekende of dubbele URL's en ongeldige waarden in gangbare velden.
Google SERP-simulator
Controleer een benaderende snippet in Google-stijl met tekenlimieten voor mobiel en desktop. Je concept blijft in deze browsersessie.
Tool beschikbaar in andere talen
- Pemeriksa Open Graph [ID]
- Validador de Open Graph [PT]
- Open Graph Checker [DE]
- Open Graph チェッカー [JA]
- Open Graph 체커 [KO]
- ตัวตรวจสอบ Open Graph [TH]
- فاحص Open Graph [AR]
- Walidator Open Graph [PL]
- Open Graph-kontroll [SV]
- Trình kiểm tra Open Graph [VI]
- Verificador de Open Graph [ES]
- Vérificateur Open Graph [FR]
- Open Graph Checker [EN]
- Verifica Open Graph [IT]
- Проверка тегов Open Graph [RU]
- Open Graph Denetleyici [TR]
- Open Graph 检查器 [ZH]