Open Graph Checker

Volgende

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. 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. 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. 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. 4

    Lees de checklist

    Zes controles worden groen of rood: og:title, og:description, og:type, og:url, og:image en twitter:card.

  5. 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:title zonder iets erachter is makkelijk te betrappen.
  • Relatief afbeeldingspad. og:image moet een absolute URL zijn; een pad als /img/card.jpg breekt het scrapen.
  • og:url komt niet overeen. Wanneer og:url afwijkt 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

Tool beschikbaar in andere talen