raatools/

Open Graph Preview

Bekijk hoe uw pagina eruitziet op sociale media.

Facebook / LinkedIn Preview

1200 ร— 630 image
example.com
My Amazing Page Title
A detailed description of what this page is about. Make it compelling!

Twitter / X Preview

1200 ร— 628 image
My Amazing Page Title
A detailed description of what this page is about. Make it compelling!
๐Ÿ”— example.com

Wat is een Open Graph-voorvertoning?

Een Open Graph-voorvertoning toont hoe uw webpagina eruitziet wanneer gedeeld op sociale media (Facebook, LinkedIn, WhatsApp, Telegram). Het leest de og:-tags uit uw HTML en simuleert de deelweergave.

Open Graph is een protocol (oorspronkelijk van Facebook) dat webpagina's voorziet van metadata voor sociale media. Zonder juiste og-tags kiezen platforms zelf wat ze tonen โ€” vaak met ongewenst resultaat.

Essentiรซle tags

  • og:title โ€” de titel bij het delen. Kan afwijken van de HTML-title voor sociale media optimalisatie.
  • og:description โ€” korte beschrijving (2-4 zinnen). Verschijnt onder de titel bij het delen.
  • og:image โ€” de afbeelding bij het delen. Minimaal 1200x630 pixels. Dit heeft de grootste impact op klikfrequentie.
  • og:url โ€” de canonieke URL van de pagina. Voorkomt duplicaten wanneer dezelfde content via verschillende URL's wordt gedeeld.
  • og:type โ€” het contenttype (website, article, product, enz.).

Hoe gebruikt u deze tool?

Voer een URL in. De tool haalt de Open Graph-tags op en toont een voorvertoning voor Facebook, Twitter, LinkedIn en WhatsApp. Ontbrekende of foutieve tags worden gemarkeerd.

Twitter Cards

Twitter gebruikt eigen tags (twitter:card, twitter:title, twitter:image) maar valt terug op Open Graph als die ontbreken. twitter:card = 'summary_large_image' voor een grote afbeelding. Valideer met de Twitter Card Validator.

Veelgestelde vragen

Waarom toont Facebook een oude afbeelding na een update?

Facebook cachet Open Graph-gegevens agressief. Gebruik de Facebook Sharing Debugger (developers.facebook.com/tools/debug/) om de cache te wissen en de nieuwe tags te laden. Klik op 'Scrape Again'. WhatsApp cachet ook โ€” daar moet u mogelijk wachten of de URL-structuur wijzigen.

Welke afbeeldingsgrootte moet ik gebruiken?

1200x630 pixels is de universele standaard (1,91:1 beeldverhouding). Facebook, LinkedIn en WhatsApp tonen dit goed. Twitter summary_large_image: 1200x628. Houd tekst en logo's in het midden โ€” platforms kunnen de randen bijsnijden.