Meta-taggenerator
Een uitgebreidere versie van de snelle meta-taggenerator: dit hulpmiddel levert het volledige pakket, inclusief primaire SEO-tags, Open Graph met varianten per locale, Twitter Card met ondersteuning voor deeplinks naar apps, een set favicons (ico, svg, apple-touch-icon en mask-icon), een PWA-manifestlink, themakleuren voor een licht en donker schema, en een optioneel JSON-LD-blok voor het schema Artikel, Product, Recept, FAQ of Evenement. Handig bij het opzetten van een nieuwe website, zodat u <head> meteen vanaf het begin correct instelt.
Zo bouwt u de volledige set meta-tags
-
1
Vul de kernvelden in
Titel, beschrijving, canonical, sitenaam en standaardafbeelding.
-
2
Voeg socialspecifieke overschrijvingen toe
Indien nodig een andere titel of beschrijving voor Open Graph of Twitter.
-
3
Configureer iconen en PWA
Favicon-paden, Apple-touchicon, manifest en themakleur voor licht/donker.
-
4
Kies het Schema.org-type
Artikel, Product, Recept, Evenement, FAQ, Organisatie. Vult JSON-LD met uw invoer.
-
5
Kopieer het volledige fragment
Plak tussen `<head>...</head>`.
Het volledige pakket
- Primaire SEO:
<title>,description,canonical,viewport,robots,author,charset. - Open Graph:
og:type,og:title,og:description,og:image(met breedte/hoogte),og:url,og:site_name,og:localeenog:locale:alternatevoor vertalingen. - Twitter Card:
twitter:card,twitter:site,twitter:creator,twitter:title,twitter:description,twitter:imageentwitter:app:*voor deeplinks naar een native app. - Iconen: favicon in meerdere formaten (
.icovoor oudere browsers,.svgvoor moderne, Apple-touchicon van 180×180, mask-icon voor vastgemaakte tabbladen in Safari). - PWA:
manifest.json-link,theme-colorvoor licht en donker,apple-mobile-web-app-capable. - JSON-LD: gestructureerde Schema.org-gegevens voor het inhoudstype.
JSON-LD-sjablonen per schema
Artikel
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "...",
"author": { "@type": "Person", "name": "..." },
"datePublished": "2026-04-18",
"dateModified": "2026-04-18",
"image": "https://..."
}
Product
{
"@context": "https://schema.org",
"@type": "Product",
"name": "...",
"image": "https://...",
"brand": { "@type": "Brand", "name": "..." },
"offers": {
"@type": "Offer",
"price": "29.99",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
}
}
FAQ-pagina
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "...",
"acceptedAnswer": { "@type": "Answer", "text": "..." }
}]
}
Wanneer u welk Schema.org-type gebruikt
| Inhoudstype | Schema |
|---|---|
| Blogbericht, nieuws | Article / NewsArticle |
| Productpagina | Product + Offer |
| Recept | Recipe |
| Evenement (concert, webinar) | Event |
| Persoon (auteurspagina) | Person |
| Bedrijfspagina | Organization |
| FAQ | FAQPage |
| Breadcrumb-navigatie | BreadcrumbList |
| Lokale onderneming | LocalBusiness |
Validatie
Valideer na het plakken de volledige <head>:
- Rich Results Test (Google) voor de geschiktheid van JSON-LD.
- Schema Markup Validator voor de correctheid van Schema.org.
- Facebook Sharing Debugger voor een voorbeeld van Open Graph.
- Twitter Card Validator voor een voorbeeld op Twitter.
- Lighthouse (Chrome DevTools → Lighthouse) voor een algehele audit.
Veelgestelde vragen
Niet rechtstreeks. JSON-LD verbetert de posities op zich niet. Het maakt wel de weergave van rich results mogelijk (sterbeoordelingen, FAQ-accordeon, prijs en voorraad), wat de doorklikratio kan verhogen. Een betere CTR helpt vervolgens indirect.
Ja. Het gebruikelijke patroon is één BreadcrumbList en één Article (of Product). Houd elk blok gericht op één schematype in plaats van typen te combineren.
Twitter valt inderdaad terug op OG, maar u wilt misschien een andere beeldverhouding of een creatorhandle die OG niet ondersteunt. Stel Twitter-specifieke tags alleen in waar ze afwijken van OG.
Nee. Het kleurt de browserinterface op Android Chrome en iOS Safari (wanneer toegevoegd aan het startscherm). Desktopbrowsers negeren het.
Nee, de generator draait volledig in uw browser. Al uw invoer blijft lokaal.
Gerelateerde tools
Meta-descriptie lengtecontrole
Meet een metabeschrijving in tekens en geschatte pixels, vergelijk redactionele richtwaarden en bekijk lay-outvoorbeelden voor desktop en mobiel.
HTTP-beveiligingsheaders controleren
Plak HTTP-responsheaders en controleer HSTS, CSP, bescherming tegen framing, MIME-, referrer- en cross-originbeleid lokaal in je browser.
XML-sitemapvalidator
Controleer sitemap-XML in uw browser op parseerfouten, ontbrekende of dubbele URL's en ongeldige waarden in gangbare velden.
Extractor voor externe links
Plak ruwe HTML, geef optioneel een basis-URL op en krijg een schone lijst zonder duplicaten van elke externe http/https-link in de code voor linkaudits en SEO-beoordelingen.
Google SERP-simulator
Controleer een benaderende snippet in Google-stijl met tekenlimieten voor mobiel en desktop. Je concept blijft in deze browsersessie.
FAQ-schemagenerator
Genereer FAQPage-JSON-LD-opmaak op basis van vraag-en-antwoordparen, zodat je pagina in aanmerking komt voor de rich results en het antwoordvak van Google.
Tool beschikbaar in andere talen
- Trình tạo thẻ Meta [VI]
- Generador de Meta Tags [ES]
- مولّد وسوم Meta [AR]
- Générateur de balises Meta [FR]
- メタタグジェネレーター [JA]
- Generator Meta Tag [ID]
- 메타 태그 생성기 [KO]
- Gerador de Meta Tags [PT]
- Meta-tagg-generator [SV]
- Meta Tags Generator [DE]
- ตัวสร้าง Meta Tag [TH]
- Generator metatagów [PL]
- Meta Tags Generator [EN]
- Generatore di Meta Tag [IT]
- Генератор метатегов [RU]
- Meta Etiket Oluşturucu [TR]
- 元标签生成器 [ZH]