Zo werkt het
- Vul de tekstvelden in met je paginatitel, beschrijving en volledige pagina-URL.
- Vink Open Graph opnemen en Twitter Card opnemen aan voor metatags voor social media.
- Kopieer de gegenereerde code met Kopiëren, of sla hem op met Downloaden, en plaats hem in het head-gedeelte van je pagina.
Voorbeelden
Blogartikel met een aparte titel voor social media
Titel: Fietsen langs de Vecht: route van 35 km | Fietsmaat Beschrijving: Ontdek een fietsroute langs de Vecht met stops in Maarssen en Breukelen. Bekijk de route, bezienswaardigheden en tips voor onderweg. URL: https://fietsmaat.example/blog/fietsen-langs-de-vecht Sociale titel: Een dag fietsen langs de Vecht Sociale beschrijving: Van Maarssen naar Breukelen: bekijk onze favoriete stops langs deze fietsroute van 35 km.
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Fietsen langs de Vecht: route van 35 km | Fietsmaat</title> <meta name="description" content="Ontdek een fietsroute langs de Vecht met stops in Maarssen en Breukelen. Bekijk de route, bezienswaardigheden en tips voor onderweg."> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="author" content="Sanne de Vries"> <link rel="canonical" href="https://fietsmaat.example/blog/fietsen-langs-de-vecht"> <!-- Open Graph --> <meta property="og:type" content="article"> <meta property="og:url" content="https://fietsmaat.example/blog/fietsen-langs-de-vecht"> <meta property="og:title" content="Een dag fietsen langs de Vecht"> <meta property="og:description" content="Van Maarssen naar Breukelen: bekijk onze favoriete stops langs deze fietsroute van 35 km."> <meta property="og:image" content="https://fietsmaat.example/beelden/vecht-route.jpg"> <meta property="og:image:alt" content="Fietspad langs de Vecht bij Breukelen"> <meta property="og:site_name" content="Fietsmaat"> <meta property="og:locale" content="nl_NL"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@fietsmaat"> <meta name="twitter:image:alt" content="Fietspad langs de Vecht bij Breukelen">
Productpagina met een ampersand in de titel
Titel: Linnen kussen zand & terracotta | Woonatelier Beschrijving: Geef je bank kleur met een linnen kussen in zand en terracotta. Bekijk de afmetingen, materialen en wasvoorschriften bij Woonatelier. URL: woonatelier.example/kussens/zand-terracotta Themakleur: #ABC
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Linnen kussen zand & terracotta | Woonatelier</title> <meta name="description" content="Geef je bank kleur met een linnen kussen in zand en terracotta. Bekijk de afmetingen, materialen en wasvoorschriften bij Woonatelier."> <meta name="theme-color" content="#aabbcc"> <link rel="canonical" href="https://woonatelier.example/kussens/zand-terracotta"> <!-- Open Graph --> <meta property="og:type" content="product"> <meta property="og:url" content="https://woonatelier.example/kussens/zand-terracotta"> <meta property="og:title" content="Linnen kussen zand & terracotta | Woonatelier"> <meta property="og:description" content="Geef je bank kleur met een linnen kussen in zand en terracotta. Bekijk de afmetingen, materialen en wasvoorschriften bij Woonatelier."> <meta property="og:image" content="https://woonatelier.example/beelden/kussen-zand-terracotta.jpg"> <meta property="og:image:alt" content="Linnen kussen in zand en terracotta op een bank"> <meta property="og:site_name" content="Woonatelier"> <meta property="og:locale" content="nl_NL"> <!-- Twitter --> <meta name="twitter:card" content="summary"> <meta name="twitter:image:alt" content="Linnen kussen in zand en terracotta op een bank">
Veelgestelde vragen
Hoe lang mogen een metatitel en metabeschrijving zijn?
De lengteteller geeft 30–60 tekens als goede lengte voor de titel, zolang die maximaal 580 pixels breed is. Voor de beschrijving is dat 70–160 tekens. Dit zijn richtwaarden van de tool, geen harde invoerlimieten.
Ziet mijn pagina er in Google precies zo uit als in het voorbeeld?
Niet altijd. Het voorbeeld is een benadering en wordt niet bij Google opgehaald. Google kan je titel en beschrijving aanpassen.
Kan ik metatags van een bestaande website ophalen?
Deze generator haalt geen metatags op van een URL. Gebruik daarvoor Broncode bekijken.
Maakt deze generator ook meta keywords?
De generator maakt geen meta keywords. Ook hreflang-links en JSON-LD worden niet gegenereerd.
Worden mijn ingevulde gegevens opgeslagen?
De tekstvelden worden niet opgeslagen; alleen je selectievakjes en keuzelijsten worden bewaard in localStorage. De metatags worden in je browser gemaakt, zonder de veldwaarden naar de server van de site te sturen. Als je het Facebook- of X-voorbeeld opent, laadt je browser de afbeelding rechtstreeks vanaf de ingevulde afbeeldings-URL.