Meta-taggenerator
Genereer SEO-, Open Graph-, artikel- en Twitter Card-metatags met live lengtetellers voor titel en beschrijving en robots-, theme-color- en auteuropties.
Meta-taggenerator — Vul de titel, beschrijving, canonieke URL, afbeelding en sitenaam van je pagina in om een kant-en-klaar blok SEO-, Open Graph- en Twitter Card-metatags te krijgen voor de head van je HTML. Live previews van de Google-SERP en de social card laten zien hoe de pagina eruitziet in de zoekresultaten en bij het delen. Alles wordt in je browser gegenereerd — er wordt niets van je pagina geüpload. Live tellers vergelijken je titel en beschrijving met de aanbevolen lengtes, optionele velden voegen robots-, viewport-, charset-, theme-color- en auteurtags toe plus artikelspecifieke Open Graph-tags, en de tool leest je afbeeldings-URL om te waarschuwen voor een ontbrekende of ongewoon grote voorbeeldafbeelding.
Wat is Meta-taggenerator?
De Meta-taggenerator is een gratis online tool die een paar paginagegevens omzet in een complete set HTML-metatags: de standaard SEO-tags (title, meta description, canonieke link), Open Graph-tags (og:title, og:description, og:type, og:url, og:image, og:site_name) en Twitter Card-tags (twitter:card, twitter:title, twitter:description, twitter:image). Marketeers, bloggers en ontwikkelaars gebruiken hem bij het lanceren van een pagina of artikel om te bepalen hoe deze in de Google-zoekresultaten verschijnt en hoe de link zich ontvouwt op Facebook, LinkedIn, X/Twitter, Slack en Discord. Kies het og:type (website, article, product, profile of video.other) en de twitter:card-stijl (summary, summary_large_image, app of player), en de tool schrijft alleen de regels voor de velden die je invult. Hij geeft platte HTML-tags uit — hij crawlt je site niet en leest de pagina niet voor je. Live tellers waarschuwen wanneer de titel (ongeveer 60 tekens) of de beschrijving (ongeveer 160) te lang wordt, en de tool laadt je afbeeldings-URL om de werkelijke pixelgrootte te lezen en te waarschuwen voor een ontbrekende of te grote/kleine afbeelding. Optionele velden voegen een robots-richtlijn, viewport- en UTF-8-charset-tags, een theme-color en een auteur toe, plus article:published_time, article:author en article:section wanneer og:type article is.
Meta-taggenerator gebruiken
- Typ je paginatitel — hiervan worden de tags <title>, og:title en twitter:title gemaakt.
- Schrijf een meta description (ongeveer 150–160 tekens) voor de tags description, og:description en twitter:description.
- Voer de canonieke URL van de pagina in en een absolute afbeeldings-URL voor de linkpreview.
- Voeg je sitenaam toe en kies het og:type en de twitter:card uit de keuzemenu's.
- Kopieer het gegenereerde HTML-blok uit het uitvoervak en plak het in de <head> van je pagina.
- Gebruik de previews van de Google-SERP en de social card om te controleren hoe het resultaat eruitziet voordat je publiceert.
- Houd de live lengtetellers voor titel en beschrijving in de gaten en open de ⚙-opties om robots-, viewport-, charset-, theme-color-, auteur- of artikeltags toe te voegen.
Voorbeelden
Tags voor een blogartikel
Invoer
Titel: How to Bake Sourdough Beschrijving: A beginner's guide to baking sourdough bread at home. URL: https://blog.example.com/sourdough og:type: article
Uitvoer
<title>How to Bake Sourdough</title> <meta name="description" content="A beginner's guide to baking sourdough bread at home." /> <link rel="canonical" href="https://blog.example.com/sourdough" /> <meta property="og:title" content="How to Bake Sourdough" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary_large_image" />
Social card met grote afbeelding
Invoer
Afbeelding: https://example.com/og.png twitter:card: summary_large_image
Uitvoer
<meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://example.com/og.png" />
Speciale tekens worden geëscaped
Invoer
Titel: Tips & Tricks for "Pros"
Uitvoer
<title>Tips & Tricks for "Pros"</title>
Artikel met robots- en artikeltags
Invoer
Titel: How to Bake Sourdough og:type: article Robots: index, follow article:published_time: 2024-05-01T09:00 article:section: Food
Uitvoer
<meta name="robots" content="index, follow" /> <meta property="og:type" content="article" /> <meta property="article:published_time" content="2024-05-01T09:00" /> <meta property="article:section" content="Food" />
Veelgestelde vragen
- Welke metatags genereert dit?
- Het produceert standaard SEO-tags (<title>, meta description en een canonieke link), Open Graph-tags (og:title, og:description, og:type, og:url, og:image, og:site_name) en Twitter Card-tags (twitter:card, twitter:title, twitter:description, twitter:image). Alleen de regels voor de velden die je invult worden opgenomen, dus je krijgt nooit lege placeholdertags.
- Wat is het verschil tussen og:type en twitter:card?
- og:type vertelt platforms wat voor soort object de pagina is — website, article, product, profile of video.other —, wat van invloed is op hoe de link zich ontvouwt. twitter:card kiest de lay-out op X/Twitter: summary is een kleine thumbnail, summary_large_image toont een grote bannerafbeelding, terwijl app en player voor apps en media zijn. Kies het paar dat bij je inhoud past.
- Moet de afbeeldings-URL absoluut zijn?
- Ja. og:image en twitter:image moeten volledige absolute URL's zijn die met https:// beginnen, omdat scrapers ze van buiten je site ophalen — een relatief pad als /og.png laadt niet. Gebruik voor het beste resultaat een afbeelding van 1200×630 voor grote kaarten.
- Crawlt of leest deze tool mijn live pagina?
- Nee. Het formatteert alleen de waarden die je typt naar HTML-metatags. Het haalt, crawlt of analyseert geen enkele URL — de canonieke URL en de afbeeldings-URL worden letterlijk in de tags geschreven, niet bezocht.
- Worden mijn gegevens naar een server gestuurd?
- Nee. De tags worden volledig in je browser met JavaScript gemaakt. Niets van wat je typt — inclusief niet-gepubliceerde titels, URL's of beschrijvingen — wordt geüpload, opgeslagen of ergens naartoe gestuurd, dus het is veilig te gebruiken op privé- of pre-launchpagina's.
- Hoe lang moeten de titel en de beschrijving zijn?
- Mik op ongeveer 60 tekens of minder voor de titel en ongeveer 120–160 voor de beschrijving; zoekmachines kappen langere tekst af. De tool toont voor beide een live teller die van een geslaagde staat naar een waarschuwing schakelt zodra je de aanbevolen lengte overschrijdt.
- Welke extra metatags kan ik toevoegen en hoe werken de afbeeldingswaarschuwingen?
- Open de ⚙-opties om een robots-richtlijn (index/follow-presets), een viewport-tag, een UTF-8-charset-tag, een theme-color en een auteur toe te voegen; wanneer og:type article is, kun je ook article:published_time, article:author en article:section toevoegen. De tool laadt daarnaast je afbeeldings-URL in de browser om de werkelijke pixelgrootte te tonen en te waarschuwen als de afbeelding ontbreekt of ver afwijkt van de aanbevolen 1200×630.
Gerelateerde tools
Hreflang-taggenerator
Genereert hreflang-linktags voor een meertalige pagina op basis van een lijst met taal-URL-paren, met een optionele x-default en een zelfverwijzende tag.
JSON-LD-generator
Genereer geldige gestructureerde JSON-LD-gegevens voor de schema's Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList en Organization met een eenvoudig formulier.
Zoekwoorddichtheid-checker
Analyseer woordfrequentie en zoekwoorddichtheid voor combinaties van 1, 2 of 3 woorden, met stopwoordfilter en opzoeken van een doelzoekwoord.
Open Graph- en social card-voorbeeld
Bekijk een voorbeeld van hoe een link zich op X, LinkedIn, Slack, Discord en Facebook ontvouwt tot een social card op basis van een titel, beschrijving, afbeeldings-URL en pagina-URL.