Encoders & Utilities

Meta Tag Generator

Genereer Open Graph-, Twitter Card- en SEO-metatags met live Google-, Facebook-, Twitter- en LinkedIn-preview.

Page basics
Open Graph / Facebook
Twitter / X
Copy-paste into your <head>

        

Live preview

Google SERP
Facebook / LinkedIn
Twitter / X
LinkedIn

Over deze tool

Meta Tag Generator bouwt de head-level metadata die zoekmachines en sociale netwerken van uw pagina lezen. Vul de paginatitel, beschrijving, canonieke URL, taal, robots-directives, Open Graph-velden (afbeelding, type, locale, sitenaam) en Twitter Card-variant in — de tool zendt een kant-en-klaar te plakken blok HTML <meta>-tags uit met alles correct geëscaped. Een live preview toont hoe het resultaat eruit ziet in Google-, Facebook-, Twitter/X- en LinkedIn-previews zodat u kopij kunt afstemmen vóór deploy.

De tool volgt de huidige specificaties: Open Graph-protocol (de de-facto standaard voor Facebook/LinkedIn/iMessage-previews), Twitter Cards (summary, summary_large_image, player, app), oEmbed-markers voor insluitbare content en de core SEO-tags (title, description, canonical, robots). Voor meertalige sites genereert het ook hreflang alternate-URL-tags uit een eenvoudige taal → URL-tabel.

Wanneer gebruikt u deze tool

  • Pre-launch SEO-check. Verifieer dat elke pagina een unieke titel en beschrijving heeft binnen hun lengtebudgetten (≈ 60 / 155 tekens respectievelijk).
  • Social preview-afstemming. Dezelfde pagina kan verschillende OG- vs Twitter-kopij hebben als u per platform wilt optimaliseren.
  • Open Graph-afbeelding-sizing. De previewer markeert afbeeldingen die buiten de aanbevolen 1200×630-ratio vallen.
  • Meertalige sites. Genereer de hreflang-set voor elke taalversie van een pagina in één keer.

Over lengtebudgetten

Google kapt titels rond 60 tekens af en beschrijvingen rond 155 — dat zijn richtlijnen gebaseerd op observatie, geen contracten. Mobiel kapt eerder af dan desktop. Open Graph-titels renderen tot ~88 tekens in de meeste apps; beschrijvingen tot ~200. De previewer waarschuwt wanneer u elke limiet overschrijdt zodat u geen ongelukkige "..." in het wild krijgt. Test op de echte platforms (Facebook Sharing Debugger, Twitter Card Validator) vóór deploy.

Veelgestelde vragen

Heb ik zowel Open Graph- als Twitter Card-tags nodig?

Meestal ja. Twitter valt terug op Open Graph als Twitter Card-tags ontbreken, maar het resultaat is vaak suboptimaal — verkeerde image-crop, geen "Read more"-link. Beide definiëren kost 30 seconden en produceert consistente previews over elk groot sociaal platform. LinkedIn, iMessage, Discord, Slack, Telegram gebruiken allemaal Open Graph; alleen Twitter/X gebruikt Twitter Cards.

Welke grootte moet mijn Open Graph-afbeelding zijn?

1200×630 pixels is de universeel aanbevolen grootte — werkt voor Facebook, LinkedIn, Twitter (met summary_large_image) en Discord. Minimum is 600×315; daaronder wordt de afbeelding getoond als kleine thumbnail of helemaal niet. Houd kritieke content binnen het centrale 1200×600-veilige gebied — Facebook snijdt boven- en onderranden in sommige contexten.

Is de canonieke URL werkelijk belangrijk?

Ja, vooral voor elke pagina die bereikbaar is via meerdere URL's (UTM-parameters, A/B-paden, taalvarianten, http vs https, www vs apex). Zonder een canonieke kiezen zoekmachines er zelf een — soms de verkeerde — en splitsen uw rankingsignalen over de duplicaten. Een correcte <link rel="canonical">-tag trechter alle signalen naar één URL.

Hoe werken hreflang-tags?

Elke vertaalde pagina vermeldt elke andere taalversie met een <link rel="alternate" hreflang="...">-tag, plus een x-default voor de fallback. Codes zijn ISO 639-1-taal (en, de, uk) optioneel gevolgd door een ISO 3166-1-regio (en-US, en-GB, nl-NL, nl-BE). Alle pagina's in een taalfamilie moeten elkaar wederzijds referenceren — Google negeert eenzijdige hreflang.