Meta tag-generator
Bouw SEO-titel, beschrijving, Open Graph- en Twitter Card-tags voor je pagina. Live preview, kopieer het hele blok.
Wat zijn meta tags?
Meta-tags staan in de <head> van je HTML en vertellen zoekmachines en social platforms hoe ze je pagina moeten betitelen, beschrijven en illustreren wanneer die buiten je site verschijnt. De basis-title en meta description bepalen het fragment in Google. Open Graph-tags (de og:*-familie) bepalen de rijke previewkaarten op Facebook, LinkedIn, WhatsApp, Slack, Discord en de meeste andere platforms — die lezen standaard OG. Twitter Card-tags doen hetzelfde voor X/Twitter. Zonder deze tags pakt het platform wat het kan scrapen, en dat is zelden wat je wilt.
Hoe gebruik je de generator
Vul de velden in — titel, beschrijving, canonical-URL van de pagina, een absolute URL voor de afbeelding. Kies een og:type (gebruik article voor blogposts, website voor de rest) en een Twitter-cardtype (summary_large_image is de beste standaard voor content met een hero-afbeelding). Het uitvoervak werkt mee terwijl je typt en toont de exacte tags om tussen je <head>-tags te plakken. Gebruik de Kopieerknop wanneer je klaar bent en plak ze in je template of CMS.
Valideren na publicatie
Vertrouw deze preview niet alleen — elk platform cachet zijn eigen versie van de data. Haal na het deployen de URL door de Facebook Sharing Debugger (developers.facebook.com/tools/debug), de Twitter / X Card Validator en de LinkedIn Post Inspector. Deze tools halen de pagina live op, laten zien wat ze gelezen hebben, en laten je een cache-refresh forceren. Valideer altijd wanneer je de OG-afbeelding wijzigt — caches kunnen de oude afbeelding dagenlang vasthouden.
Veelgestelde vragen
Hoe lang moeten de titel en beschrijving zijn?
Welk formaat moet de og:image hebben?
Heb ik nog steeds een meta-beschrijving nodig voor SEO?
Kan ik Twitter-tags weglaten als ik Open Graph heb?
twitter:card-tag plus je OG-markup is meestal genoeg. Expliciete twitter:title, twitter:description en twitter:image toevoegen heeft alleen zin als je voor Twitter een andere versie van de content wilt dan elders.Wat is het verschil tussen og:type-waarden?
article voor blogposts en nieuws; daarmee kan Open Graph auteur, sectie en publicatietijd meedragen. Gebruik website voor landingspagina's, productpagina's, marketingpagina's — dat is in feite de standaard. video.movie, video.episode, book, profile en soortgelijke bestaan voor rijkere integraties op platforms die ze ondersteunen, maar het grootste deel van het social web geeft eigenlijk alleen om het verschil tussen article en website.Waarom ziet mijn preview er fout uit op WhatsApp/Slack?
?v=2 achter om hun cache te omzeilen.