Meta-taggenerator

Genereer SEO-, Open Graph- en Twitter Card-metatags voor je pagina op basis van een titel, beschrijving, canonieke URL, afbeelding, sitenaam en kaarttype.

Tool laden…

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.

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.

Meta-taggenerator gebruiken

  1. Typ je paginatitel — hiervan worden de tags <title>, og:title en twitter:title gemaakt.
  2. Schrijf een meta description (ongeveer 150–160 tekens) voor de tags description, og:description en twitter:description.
  3. Voer de canonieke URL van de pagina in en een absolute afbeeldings-URL voor de linkpreview.
  4. Voeg je sitenaam toe en kies het og:type en de twitter:card uit de keuzemenu's.
  5. Kopieer het gegenereerde HTML-blok uit het uitvoervak en plak het in de <head> van je pagina.
  6. Gebruik de previews van de Google-SERP en de social card om te controleren hoe het resultaat eruitziet voordat je publiceert.

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 &amp; Tricks for &quot;Pros&quot;</title>

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.

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 elke tekst om de woordfrequentie en zoekwoorddichtheid te tellen als woordcombinaties van 1, 2 of 3 woorden, met een waarschuwing voor overoptimalisatie.

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.