Metatag-generator

Wat de tool doet

De metatag-generator schrijft de tags voor de <head> van een HTML-pagina: de <title>, de meta description, trefwoorden en auteur, een robots-instructie, de canonieke link, een themakleur, de viewport- en charset-declaraties, de volledige set Open Graph-tags (og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale) en de kaarttags voor X / Twitter.

Terwijl je typt, laat hij zien hoe de pagina eruit kan zien als zoekresultaat en als socialemediakaart, en controleert hij veelgemaakte fouten: een titel van meer dan ongeveer 60 tekens, een beschrijving die ontbreekt, te kort is of langer dan ongeveer 160 tekens, een relatieve canonieke URL, een deelafbeelding zonder absolute URL, of een verkeerd geschreven taalregio of kleur. Alles gebeurt in je browser en het voorbeeld laadt je afbeelding bewust niet, zodat de pagina geen netwerkverzoeken doet.

Zo gebruik je het

1. Vul de paginagegevens in. Titel en beschrijving zijn het belangrijkst; de tellers tonen hun lengte ten opzichte van de gebruikelijke weergavegrenzen. Klik op Voorbeeld voor een volledig geval.
2. Vul de canonieke URL van de pagina en een deelafbeelding in. Een relatief pad zoals /images/cover.jpg wordt opgelost tegen de canonieke URL.
3. Kies in de opties het Open Graph-type (website voor de meeste pagina’s, article voor blogposts), het kaartformaat, of zoekmachines de pagina mogen indexeren en de links volgen, en welke groepen tags je wilt.
4. Lees de waarschuwingen onder de HTML, bekijk de voorbeelden en kopieer de HTML naar je paginasjabloon.

De opties staan in het adres van de pagina en het formulier wordt in je browser bewaard, zodat je later verder kunt of een link met dezelfde instellingen kunt delen.

Voorbeeld

De voorbeeldpagina levert tags als deze op (ingekort):

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sourdough Bread for Beginners — Step-by-Step Guide</title>
<meta name="description" content="Bake your first sourdough loaf at home: …">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/recipes/sourdough-for-beginners">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Sourdough Bread for Beginners — Step-by-Step Guide">
<meta property="og:image" content="https://example.com/images/sourdough-loaf.jpg">
<meta property="og:locale" content="en_US">

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@examplekitchen">

Waarden worden HTML-geëscaped, zodat aanhalingstekens en ampersands in een titel de opmaak niet breken, en de taalregio en-US wordt omgezet naar de vorm en_US die Open Graph verwacht.

Tips

• Schrijf voor elke pagina een unieke titel en beschrijving; dubbele teksten maken zoekresultaten lastig te onderscheiden.
• Zet de belangrijkste woorden vooraan in de titel, want lange titels worden aan het eind afgekapt.
• De canonieke URL moet precies het adres zijn dat je geïndexeerd wilt hebben, inclusief protocol en je voorkeur voor wel of geen www.
• robots op noindex houdt een pagina uit de zoekresultaten, maar alleen als crawlers haar nog kunnen ophalen: blokkeer haar dus niet ook in robots.txt.