Uitleg en voorbeelden van de belangrijkste meta tags voor je website
Meta-tags zijn stukjes informatie in de HTML die zoekmachines, sociale netwerken en browsers vertellen hoe ze je pagina moeten interpreteren en weergeven. Hoewel meta-tags niet direct zichtbaar zijn voor bezoekers, hebben ze een grote invloed op SEO, de weergave in social media en de gebruikservaring op verschillende apparaten. In dit artikel bespreken we de meest belangrijke meta-tags, hun doelen en geven we heldere codevoorbeelden zodat je ze direct in je eigen site kunt toepassen.
1. Charset: de basis
De eerste meta-tag in elke HTML-pagina moet de charset specificeren. Dit vertelt de browser welke tekencodering gebruikt wordt, zodat letters en speciale tekens correct worden weergegeven.
<meta charset="UTF-8">Door UTF-8 te gebruiken, dek je vrijwel alle talen en symbolen. Plaats deze tag altijd als eerste in de <head>.
2. Viewport: mobielvriendelijkheid
Om je site goed te laten schalen op mobiele apparaten, gebruik je de viewport-meta-tag. Hiermee vertel je de browser hoe het venster moet worden ingesteld.
<meta name="viewport" content="width=device-width, initial-scale=1.0">Dit zorgt ervoor dat je pagina niet gezoomd of uitgezoomd wordt geladen, maar precies past bij het scherm van de gebruiker.
3. Title & Description: SEO-essentials
De <title> is essentieel voor zoekmachines en verschijnt als titel in de zoekresultaten én tabblad van de browser. De meta description biedt een korte samenvatting en kan in Google getoond worden onder de titel.
<title>Belangrijke Meta-Tags voor Je Website</title>
<meta name="description" content="Leer welke meta-tags onmisbaar zijn voor SEO, sociale media en gebruikerservaring. Inclusief heldere codevoorbeelden.">Houd titels onder de 60 tekens en descriptions rond de 150-160 tekens voor optimale weergave.
4. Robots: crawl instructies
Met de robots-meta-tag geef je zoekmachines instructies of ze je pagina mogen indexeren en links mogen volgen.
<meta name="robots" content="index, follow">Gebruik noindex om pagina’s uit de zoekresultaten te houden, bijvoorbeeld privacy- of bedankpagina’s:
<meta name="robots" content="noindex, nofollow">5. Canonical: dubbele content voorkomen
Als dezelfde content onder meerdere URL’s bereikbaar is, kun je duplicatieproblemen krijgen. Met de canonical-link wijs je zoekmachines naar de voorkeurs-URL.
<link rel="canonical" href="https://www.example.com/meta-tags-uitleg">Zo consolidateer je linkwaarde en voorkom je concurrentie tussen je eigen pagina’s.
6. Open Graph: social media previews
Sociale netwerken zoals Facebook en LinkedIn gebruiken Open Graph-tags om te bepalen hoe je pagina eruitziet als iemand een link deelt. Zonder deze tags worden soms onjuiste of onaantrekkelijke afbeeldingen en titels opgehaald.
<meta property="og:title" content="Belangrijke Meta-Tags voor Je Website">
<meta property="og:description" content="Leer welke meta-tags onmisbaar zijn voor SEO, sociale media en gebruikerservaring.">
<meta property="og:image" content="https://www.example.com/images/og-preview.jpg">
<meta property="og:url" content="https://www.example.com/meta-tags-uitleg">
<meta property="og:type" content="article">Zorg dat de afbeelding minimaal 1200×630 pixels is voor optimale weergave.
7. Twitter Cards: geoptimaliseerde tweets
Twitter gebruikt eigen tags om tweet-previews weer te geven. Je kunt kiezen uit verschillende card-types; de summary_large_image toont een grote afbeelding.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Belangrijke Meta-Tags voor Je Website">
<meta name="twitter:description" content="Leer welke meta-tags onmisbaar zijn voor SEO en sociale media."\>
<meta name="twitter:image" content="https://www.example.com/images/twitter-card.jpg">Verifieer je site in de Twitter Card Validator om te testen of alles goed werkt.
8. Author & Publisher
Met de author-tag kun je de auteur van het artikel specificeren, wat helpt bij content attribution:
<meta name="author" content="Jouw Naam">En met de publisher-tag (voor Google+) kon je je Google+-pagina koppelen, maar dit is minder relevant geworden na afbouw van Google+.
9. Viewport & Format Detection
Soms wil je telefoonnummers niet automatisch klikbaar maken op iOS. Dan gebruik je:
<meta name="format-detection" content="telephone=no">En voor browser-specifieke optimalisaties bestaan er nog tags zoals theme-color voor Android Chrome:
<meta name="theme-color" content="#2c3e50">10. Samenvatting en beste praktijk
Een goede head bevat minimaal de charset, viewport, title, description, robots- en canonical-tags. Voor social media voeg je Open Graph en Twitter Cards toe. Specificaties zoals author, format-detection en theme-color verfijnen de gebruikerservaring nog verder. Test je implementatie met tools zoals de Structured Data Testing Tool en de Twitter Card Validator.
Door bewuste inzet van meta-tags verbeter je niet alleen je SEO en social previews, maar zorg je ook voor een professionelere en gebruiksvriendelijkere website.
Heb ik je goed geholpen?
Jouw bijdrage stelt mij in staat om meer artikelen te schrijven.
Ik doneer nu € 1,-Wil je meer bezoekers, klanten en omzet uit andere landen? Dan is het vertalen van je website een slimme stap. Het helpt je om internationaal beter gevonden te worden in zoekmachines zoals Google, Bing en anderen...
Waarom alt teksten belangrijk zijn voor SEO en toegankelijkheid
Afbeeldingen maken je website visueel aantrekkelijker. Ze trekken de aandacht, verduidelijken je boodschap en verhogen de betrokkenheid van bezoekers...
Je SEO verbeteren met H1 H2 H3 en andere heading tags
Als je een website hebt, is het belangrijk dat je pagina’s goed gestructureerd zijn. Niet alleen voor je bezoekers, maar ook voor zoekmachines zoals Google...
Voorkom duplicate content met Canonical Tags
SEO draait niet alleen om goede zoekwoorden en backlinks, maar ook om technische optimalisatie. Een belangrijk onderdeel daarvan is het gebruik van de canonical tag...
Boost je SEO met Structured Data via JSON LD
Als je wilt dat je website beter vindbaar is in Google, is het belangrijk om niet alleen goede content te schrijven, maar ook om zoekmachines te helpen jouw content te begrijpen. Een krachtige manier om dat te doen is met structured data via JSON-LD...
Waarom het laten testen van je website door anderen belangrijk is
Je website ziet er goed uit, werkt naar behoren en de inhoud is helemaal af. Tijd om live te gaan, toch? Niet helemaal...
Maak zoekmachines duidelijk in welke taal je website is
Als je een website maakt in het Nederlands, is het belangrijk om dat ook aan zoekmachines duidelijk te maken. Dat doe je met een simpele toevoeging in de HTML-code van je website: lang="nl"...
SEO vriendelijke URLs tips en voorbeelden
Een goed gestructureerde URL is belangrijk voor zowel zoekmachines als gebruikers. In dit artikel leer je hoe je SEO-vriendelijke URL's maakt en hoe je met een .htaccess-bestand dynamische URL's kunt herschrijven naar leesbare versies. Waarom zijn SEO-vriendelijke URL's belangrijk? SEO-vriendelijke URL's helpen zoekmachines om de inhoud van je pagina beter te begrijpen...
Je website laten opvallen in zoekresultaten met rich snippets
In een zee van zoekresultaten wil je eruit springen. Rich snippets geven in zoekmachines zoals Google extra informatie weer, zoals sterrenratings, prijzen of recepten, zodat gebruikers sneller zien wat ze zoeken en eerder op jouw resultaat klikken. Wat zijn rich snippets? Rich snippets zijn verrijkte zoekresultaten waaruit meer context blijkt dan alleen de titel en meta-omschrijving...
Black Hat SEO is de snelle weg naar de top en de afgrond
In de wereld van zoekmachineoptimalisatie (SEO) draait alles om het verbeteren van je website zodat deze beter vindbaar is in zoekmachines zoals Google. Veel bedrijven gebruiken eerlijke, duurzame methoden om hun positie te verbeteren...
Zo pak je linkbuilding slim aan
Als je website hoger in Google wilt scoren, heb je niet genoeg aan alleen goede content en een snelle site. Er is nog een krachtig element dat vaak het verschil maakt tussen pagina 2 of plek 1 in de zoekresultaten: linkbuilding. Linkbuilding is het proces van het verkrijgen van links naar jouw website vanaf andere websites...
Waarom slimme keywords het verschil maken
Als je een website hebt, dan wil je dat mensen die ook vinden. Niet zomaar mensen, maar precies jouw doelgroep: klanten, lezers of geïnteresseerden in wat jij aanbiedt...
De meeste websites zijn eenvoudig naar een hoger level te brengen door eerst de meest basale SEO op orde te krijgen. Mijn gratis SEO Checker controleert voor je of jouw website aan deze basis voldoet, of dat er nog verbetering te behalen valt.
Gebruik nu mijn gratis SEO Checker
Vul de URL van je website in en zie waar je jouw website mee kunt verbeteren. Let op: Een 100% score wil alleen zeggen dat je de basale SEO voor de betreffende pagina op orde hebt. Voor meer tips nodig ik je graag uit om al mijn artikelen te lezen.
