Elphinstone
Alle tools

OG Image Validator

Voer een URL in en bekijk hoe je Open Graph tags eruitzien op sociale media. Met waarschuwingen voor ontbrekende of verkeerde tags.

OG Image Validator

Wat zijn Open Graph tags?

Open Graph is een protocol dat Facebook in 2010 introduceerde. Het stelt websitebeheerders in staat te bepalen hoe hun pagina's worden weergegeven wanneer ze worden gedeeld op sociale media.

Zonder OG-tags probeert het platform zelf te raden welke afbeelding en tekst te tonen. Dat resulteert vaak in verkeerde afbeeldingen, afgekapte teksten of gewoon een lelijke weergave.

Waarom OG-tags controleren?

Social media is een belangrijke verkeersbron. Als iemand je pagina deelt:

  • Ziet het er professioneel uit, of rommelig?
  • Klopt de afbeelding bij de inhoud?
  • Is de titel pakkend of afgekapt?
  • Geeft de beschrijving een goede samenvatting?

Posts met aantrekkelijke previews krijgen significant meer clicks dan posts zonder of met slechte previews.

De essentiële OG-tags

og:title

De titel van je content. Dit kan afwijken van je HTML title tag. Vaak korter en pakkender voor sociale media.

og:description

Een korte samenvatting. Facebook toont ongeveer 2 regels, dus houd het compact.

og:image

De belangrijkste tag. Gebruik minimaal 1200x630 pixels voor scherpe weergave op retina-schermen. Facebook comprimeert afbeeldingen, dus begin met hoge kwaliteit.

og:type

Het type content: website, article, product, etc. Dit beïnvloedt hoe platforms je content categoriseren.

Twitter Cards

Twitter heeft eigen meta tags, maar valt terug op OG als die ontbreken. Voor optimale weergave op beide platforms:

  • twitter:card: "summary_large_image" voor grote afbeeldingen
  • twitter:image: kan een andere afbeelding zijn dan og:image (2:1 ratio werkt beter)
  • twitter:title en twitter:description: voor Twitter-specifieke teksten

Veelvoorkomende problemen

  • Gecachete previews: platforms cachen OG-data. Na wijzigingen moet je de cache clearen.
  • Te kleine afbeeldingen: onder 200x200 pixels wordt vaak geen preview getoond
  • Relatieve URLs: og:image moet een absolute URL zijn met https://
  • Ontbrekende og:url: kan leiden tot dubbele content problemen

Hoe gebruik je deze validator?

  1. Vul de URL van je pagina in
  2. Klik op "Controleer"
  3. Bekijk welke tags gevonden zijn en welke ontbreken
  4. Zie de previews voor Facebook en Twitter
  5. Los waarschuwingen op en test opnieuw

Zelf zoiets laten bouwen?

Deze tool is gebouwd met Server-side fetching, meta parsing. Ik bouw dit soort tools en platforms voor ondernemers. Laten we sparren over jouw idee.