HTML-tags voor SEO: welke tags ertoe doen, met voorbeelden

Kort gezegd: de HTML-tags die ertoe doen voor SEO passen op een korte lijst: de title-tag, de metabeschrijving, de meta robots-tag, de canonical-link, hreflang voor meertalige sites, één duidelijke H1 met logische H2- en H3-koppen, alt-tekst bij afbeeldingen, rel-attributen bij links, de viewport-tag, Open Graph-tags en gestructureerde gegevens in JSON-LD. Google negeert de meta keywords-tag en elke metatag die het niet ondersteunt. Zet elke belangrijke tag in de ruwe HTML, want sommige crawlers, waaronder meerdere AI-crawlers, voeren geen JavaScript uit.

Zoekmachines en AI-assistenten lezen je pagina als code voordat iemand hem op het scherm ziet. Een handvol HTML-tags voor SEO bepaalt hoe die code wordt begrepen: welke URL wordt geïndexeerd, welke titel in de resultaten verschijnt, waar de pagina over gaat en hoe hij eruitziet als hij wordt gedeeld. Google zet de metatags en attributen die het ondersteunt op één pagina van zijn Search Central-documentatie, en alles buiten die lijst heeft geen effect op Google Search. Deze gids behandelt elke nuttige tag met een voorbeeld, de fouten die je moet vermijden en de tags die je kunt vergeten.

Welke HTML-tags zijn belangrijk voor SEO?

De onderstaande tabel is de naslaglijst. Tags in de head beschrijven de pagina voor machines; tags in de body structureren wat mensen lezen.

Welke head-tags bepalen hoe Google je pagina toont?

De title-tag

De title-tag is de belangrijkste tag van de pagina. Google zegt dat er geen limiet is aan de lengte van een title-element, maar dat de titellink wordt afgekapt om op de breedte van het apparaat te passen, wat in de praktijk neerkomt op ongeveer 50 tot 60 tekens op desktop. Google kan hem ook herschrijven: de documentatie noemt de bronnen die het gebruikt, van het title-element en de zichtbare hoofdtitel tot H1-koppen, de og:title-tag en de ankertekst van links naar de pagina. Een titel die overeenkomt met de H1 en de content van de pagina is degene die Google behoudt. Schrijf voor elke pagina een unieke titel, met het hoofdzoekwoord vooraan en het merk aan het einde.

De metabeschrijving

De metabeschrijving verandert de rankings niet, maar levert vaak het fragment onder de titel en beïnvloedt dus de klikken. Google kan hem vervangen door een passage van de pagina die beter bij de zoekopdracht past. Schrijf hem als een kort antwoord gevolgd door een voordeel, tussen 120 en 160 tekens, en gebruik nooit dezelfde beschrijving op meerdere pagina's.

De meta robots-tag

De robots-metatag vertelt crawlers wat ze met de pagina mogen doen. De meest gebruikte waarde is noindex, waarmee een pagina uit de resultaten blijft; andere zijn onder meer nofollow, nosnippet en max-snippet, dat de lengte van het tekstfragment beperkt. Voor bestanden zonder head-sectie, zoals pdf's, gaan dezelfde richtlijnen in de HTTP-header X-Robots-Tag. Een noindex die op een live sjabloon is blijven staan, is een van de meest voorkomende oorzaken van verloren verkeer, dus controleer hem na elke release.

Viewport en charset

Google stelt in zijn documentatie dat de aanwezigheid van de viewport-tag wijst op een mobielvriendelijke pagina. Omdat Google de mobiele versie van sites indexeert, hoort deze tag op elke pagina. De charset-declaratie (UTF-8 is de aanbeveling van Google) voorkomt kapotte tekens in titels en fragmenten, wat telt bij meertalige sites.

Welke tags vertellen Google welke URL moet worden geïndexeerd?

Twee link-tags in de head beheren duplicaten en talen. De canonical-tag wijst de voorkeursversie aan wanneer dezelfde content via meerdere URL's bereikbaar is (filters, trackingparameters, HTTP en HTTPS). Google behandelt hem als een sterke aanwijzing, naast redirects en interne links, dus hij werkt het best als alle signalen naar dezelfde URL wijzen. Gebruik een absolute URL, houd één canonical per pagina aan en laat hem nooit verwijzen naar een pagina die is geblokkeerd of op noindex staat.

Het attribuut hreflang vertelt Google welke pagina aan welke taal of regio moet worden getoond. Volgens de gids van Google over gelokaliseerde versies moet elke versie zichzelf en alle andere vermelden, en kan een x-default-waarde de pagina aanwijzen voor gebruikers wier taal niet wordt gedekt. Ontbrekende terugverwijzingen zijn de meest voorkomende hreflang-fout: als pagina A naar pagina B verwijst, moet pagina B terugverwijzen naar pagina A.

Welke body-tags helpen zoekmachines de content te begrijpen?

Koppen van H1 tot H6

Koppen geven de opzet van de pagina. Gebruik één H1 die het onderwerp noemt, H2-tags voor de hoofdsecties en H3-tags voor stappen of onderdelen binnen een sectie, zonder niveaus over te slaan voor het visuele effect. Google heeft gezegd dat meerdere H1-tags geen straf opleveren, maar één duidelijke H1 blijft de eenvoudigste structuur voor gebruikers en hulptechnologieën. Koppen in vraagvorm ("Hoe werkt X?") sluiten ook aan op hoe mensen zoekopdrachten en prompts formuleren.

Alt-tekst bij afbeeldingen

Google legt in zijn richtlijnen voor afbeeldings-SEO uit dat het alt-tekst samen met computervisie en de content van de pagina gebruikt om een afbeelding te begrijpen, en dat het vullen van alt-attributen met zoekwoorden ertoe kan leiden dat een site als spam wordt gezien. Beschrijf in een korte zin wat de afbeelding laat zien. Google merkt ook op dat het CSS-achtergrondafbeeldingen niet indexeert, dus elke afbeelding die moet ranken heeft een echt img-element nodig.

Links en hun rel-attributen

Het a-element is hoe crawlers pagina's ontdekken, dus interne links moeten echte links met een href zijn, geen knoppen die door JavaScript worden afgehandeld. Het rel-attribuut kwalificeert uitgaande links: sponsored voor betaalde plaatsingen, ugc voor reacties en forumberichten, nofollow voor links die je niet wilt onderschrijven. Google behandelt deze waarden sinds 2020 als aanwijzingen. Beschrijvende ankertekst helpt zowel gebruikers als zoekmachines.

Semantische HTML5-elementen

Elementen zoals main, article, nav, header, footer en section vertellen machines welk deel van de pagina de hoofdcontent is en welke delen op elke pagina terugkomen. Ze verbeteren de rankings niet op zichzelf, maar ze maken de hoofdcontent makkelijker te isoleren, voor zoekmachines, schermlezers en AI-tools. Onze gids over semantische HTML beschrijft elk element. In de tekst markeren strong en em nadruk; gebruik ze voor kernbegrippen, niet voor hele alinea's.

Welke tags bepalen sociale voorvertoningen en rich results?

Het Open Graph-protocol, bedacht door Facebook en inmiddels gelezen door de meeste sociale netwerken en berichtenapps, definieert de tags og:title, og:description, og:image en og:url die de voorvertoningskaart opbouwen wanneer een pagina wordt gedeeld. Zonder deze tags gokken platforms, vaak met de verkeerde afbeelding. Je kunt het resultaat vóór publicatie testen met een Open Graph-voorvertoningstool.

Gestructureerde gegevens in JSON-LD-formaat, geplaatst in een script-tag, beschrijven de pagina met het Schema.org-vocabulaire: artikel, product, organisatie, breadcrumb, FAQ. Google gebruikt ze voor rich results, en ze geven AI-systemen expliciete feiten over de entiteit achter de pagina. De opmaak moet beschrijven wat zichtbaar is op de pagina. Hun rol voor AI-antwoorden behandelen we in onze gids over gestructureerde gegevens en AI-zoekopdrachten.

Welke HTML-tags negeert Google?

De lijst van Google met ondersteunde tags vertelt ook wat je niet meer hoeft bij te houden:

• Meta keywords: Google stelt dat de meta keywords-tag niet door Google Search wordt gebruikt en geen effect heeft op indexering of ranking.
• Onbekende metatags: Google negeert metatags die het niet ondersteunt, zoals meta author of meta revisit-after.
• Het lang-attribuut: Google bepaalt de taal van een pagina aan de hand van de tekst, niet van het lang-attribuut. Houd het attribuut aan voor toegankelijkheid en andere tools, en gebruik hreflang om taalversies te koppelen.
• Meta refresh als redirect: het werkt, maar Google raadt in plaats daarvan een 301-redirect op de server aan.

Doen HTML-tags ertoe voor AI-antwoorden?

Ja, om een eenvoudige reden: ChatGPT, Claude, Gemini en Perplexity halen passages uit pagina's, en schone HTML maakt die passages makkelijk te vinden. Meerdere AI-crawlers halen de ruwe HTML op zonder JavaScript uit te voeren, dus een titel, een canonical of een tekstblok dat door scripts wordt ingevoegd, bereikt hen misschien nooit. Een duidelijke koppenhiërarchie verdeelt de pagina in zelfstandige antwoorden, lijsten en tabellen houden feiten bij elkaar en gestructureerde gegevens stellen de feiten ondubbelzinnig vast. Dit is de technische kant van generative engine optimization: dezelfde tags die Google helpen, helpen ook AI-assistenten je correct te citeren.

Hoe controleer je de HTML-tags van een pagina?

1. Lees de ruwe broncode. Open de broncode (Ctrl+U) en zoek naar de tags title, meta description, robots, canonical en hreflang. Als een tag alleen in de gerenderde pagina verschijnt, hangt hij af van JavaScript.
2. Vergelijk met de weergave van Google. De tool URL-inspectie in Google Search Console toont de HTML die Google heeft gerenderd en de canonical die het heeft gekozen.
3. Controleer pagina voor pagina. De gratis Chrome-extensie van Sorank toont ontbrekende of dubbele tags en de oplossingen voor de pagina die je bekijkt.
4. Controleer de hele site. Een crawler vindt dubbele titels, ontbrekende alt-tekst en verkeerde canonicals over duizenden URL's; onze selectie van technische SEO-tools vergelijkt de opties.
5. Controleer opnieuw na elke release. Bij wijzigingen aan sjablonen duiken noindex-tags, kapotte canonicals en lege titels op.

Als je de bovenstaande twaalf tags goed hebt, dek je bijna alles af wat HTML voor SEO kan doen; de rest van het werk is content en links. Wil je pagina's die al schone titels, koppen, interne links en gestructureerde content meebrengen, dan schrijft en publiceert de blogartikelgenerator van Sorank ze in autopilot, vanaf 49€ per maand bij jaarlijkse betaling (zie prijzen).