Gids voor metatags SEO: hoe gebruik je metatags effectief?

Als je zoekmachineoptimalisatie (SEO) goed aanpakt, verschijnt je merknaam bovenaan in de zoekresultaten: een enorme winst als je meer organisch verkeer en een grotere naamsbekendheid wilt genereren. Maar je SEO-inspanningen vergroten kan overweldigend zijn als je niet weet waar je kunt beginnen. Eén concreet vakje om af te vinken? Metatags voor SEO.

Metatags zijn stukjes HTML-code, maar maak je geen zorgen: je hoeft geen programmeur te zijn om HTML metatags aan een webpagina toe te voegen. In deze gids vind je eenvoudige uitleg over metatags SEO, met tips voor hoe je aan elke website metatags kunt toevoegen.

Wat zijn metatags?

Metatags zijn tekstfragmenten, opgemaakt als HTML-code, die de content van een webpagina beschrijven. Of je site nu een eenvoudige scrollende blog is of meerdere pagina's met e-commerce aanbod bevat, metatags helpen Google, Bing en andere zoekmachines de content van je pagina te begrijpen, deze te indexeren en weer te geven in de zoekresultaten. Ook social media platforms maken gebruik van deze meta-informatie wanneer ze content weergeven aan hun gebruikers.

Deze tags verschijnen in het HTML-document met instructies voor het weergeven van een webpagina en zijn niet zichtbaar voor gebruikers die de pagina bekijken. Sommige soorten metatags (zoals title tags) kunnen wel verschijnen op de pagina met zoekresultaten. Om ze toe te voegen of te bewerken in je content management systeem (CMS), zoek je simpelweg naar de bijbehorende velden en voer je de juiste meta-informatie in. In Shopify ga je bijvoorbeeld naar een productpagina, scrol je naar ‘Vermelding in zoekmachine’ en breng je de gewenste wijzigingen aan.

Soorten metatags

Elke metatag vertelt zoekmachines en andere webservices iets over een content kenmerk van een bepaalde pagina. Als je een zakelijke of e-commerce website bouwt, kun je door de volgende tags in te vullen de zichtbaarheid van webpagina's in de zoekresultaten verbeteren:

• Title tag. Een meta title, of <title> in HTML-code, verschijnt als de titel van je pagina in de zoekresultaten. Dit HTML-element is zonder twijfel de belangrijkste metatag voor een webpagina. Daarom moet deze relevante zoekwoorden bevatten en de content van de pagina nauwkeurig weerspiegelen. Als je bijvoorbeeld een tuinonderhoudsbedrijf runt in Utrecht, zou de title tag van je homepage er als volgt kunnen uitzien: ‘[Je bedrijfsnaam]: Beste tuinonderhoud in Utrecht.’

• Meta description tag. Deze meta property geeft een paginabeschrijving die wordt weergegeven wanneer de pagina verschijnt in Google en andere zoekmachines. Zorg dat je unieke beschrijvingen maakt voor elke afzonderlijke pagina. Dubbele meta beschrijvingen (of het kopiëren en plakken van dezelfde meta beschrijving in het veld voor meerdere pagina's) kan je SEO negatief beïnvloeden.

• Meta robots tag. Een robots metatag geeft instructies aan zoekmachines over hoe ze een bepaalde pagina moeten crawlen en indexeren. In sommige gevallen wil je misschien meta robots tags gebruiken om zoekmachines te vertellen een pagina niet in de zoekresultaten weer te geven: denk bijvoorbeeld aan een met een wachtwoord beveiligde pagina binnen je website die alleen huidige klanten kunnen bekijken.

• Viewport metatag. Dit is een belangrijke metatag voor het weergeven van websites op mobiele apparaten. Deze metatag, ook wel meta viewport tag of simpelweg viewport tag genoemd, past deze pagina's aan de apparaatbreedte aan. Door pagina’s af te stemmen op de apparaatbreedte, bied je mobiele gebruikers een naadloze ervaring.

• Meta charset tag. Een meta charset tag geeft aan welke tekencodering er voor de content van de pagina wordt gebruikt. Simpel gezegd zorgt dit type tag dat emoji's, symbolen en leestekens correct worden weergegeven. Deze metatag ondersteunt tekst-naar-spraak tools en voorkomt weergaveproblemen (zoals een ‘é’ die niet goed wordt weergegeven).

• Andere tags. Bij het bouwen van je site kun je ook andere metatags tegenkomen. Deze omvatten de meta keywords tag (die nu grotendeels verouderd is), de meta refresh en meta http-equiv tags (gebruikt voor vernieuwingsinstructies maar niet relevant voor SEO), en hreflang tags (die zoekmachines vertellen voor welke regio en taal een webpagina bedoeld is). Al deze tags komen relatief weinig voor.

Metatags op je site gebruiken

• Title tags
• Meta description tags
• Meta robots tags
• Viewport metatags
• Charset metatags
• Google site verification tags

In de loop der tijd heeft de SEO-community een reeks best practices ontwikkeld om het gebruik van metatags op een website te optimaliseren. Hieronder vind je enkele tips om metatags optimaal in te zetten voor je zakelijke site of webshop:

Title tags

Gebruik relevante zoekwoorden aan het begin van je title tags. Die zoekwoorden kunnen gerelateerd zijn aan je branche, de producten die je verkoopt of de naam van je bedrijf. De Google-resultatenpagina toont maximaal 60 tekens, dus houd je titel onder deze lengte om te zorgen dat deze niet wordt afgekapt. Vermijd dubbele titels op meerdere pagina's, want dit kan je SEO-inspanningen tegenwerken.

Meta description tags

Meta description tags, ook wel meta name description content tags genoemd, hebben geen directe invloed op SEO-rankings. Toch is het slim ze te gebruiken om een relevante samenvatting van de content van een pagina te geven. De beste meta description tags beginnen met een nauwkeurige paginabeschrijving die de content netjes samenvat. Deze beschrijvingen moeten tussen de 150 en 160 tekens lang zijn en waar mogelijk target zoekwoorden bevatten.

Meta robots tags

Meta robots tags vertellen crawlers van zoekmachines wat ze op een pagina moeten doen: meestal of ze deze al dan niet moeten indexeren. Stel bijvoorbeeld dat je e-commerce site veel product filters bevat die tientallen bijna identieke productcategorie-URL's creëren. Een meta robots tag zoals ‘<meta name="robots" content="noindex, follow">’ vertelt crawlers van zoekmachines dan dat ze die filterpagina niet moeten indexeren in de zoekresultaten, maar wel de links moeten volgen om andere pagina's op je site te ontdekken.

Als je andere pagina's (zoals met een wachtwoord beveiligde pagina’s of beheerderspagina's met gevoelige informatie) wilt blokkeren voor indexering, kun je deze pagina’s met behulp van SEO-plugins of bestanden met themes eenvoudig aanpassen. De Shopify App Store bevat dit type plugins, waaronder Metagen en TagFly (beide Engelstalig). Maak ook gebruik van de Google Search Console om eventuele problemen met metatags op te sporen en te zien of content onbedoeld wordt geblokkeerd voor indexering door zoekmachines.

Viewport metatags

Niet elk contenttype schaalt automatisch naar de juiste grootte op mobiele apparaten. Viewport metatags pakken dit probleem aan en helpen je een naadloze ervaring te bieden in mobiele browsers. Een viewport tag zoals ‘<meta name="viewport" content="width=device-width, initial-scale=1.0">’ geeft de browser bijvoorbeeld de opdracht de content zo te laden dat deze overeenkomt met de breedte van het scherm en niet is ingezoomd of uitgezoomd. Dit type tag is vooral bedoeld voor bruikbaarheid op mobiele apparaten, iets waar zoekmachines zoals Google naar kijken bij het rangschikken van webpagina's.

De meeste e-commerce site builders, waaronder Shopify, bevatten deze tags al standaard.

Charset metatags

Webbrowsers bieden een scala aan opties voor tekencodering om emoji's, symbolen en leestekens correct weer te geven. De meest gebruikte coderingsoptie is UTF-8, en de volledige metatag ziet eruit als ‘<meta charset="UTF-8">.’ Google ondersteunt deze tekenset standaard in zijn zoekresultaten. Je websitebuilder zou standaard UTF-8 moeten gebruiken, maar als dit niet het geval is, kun je je charset metatags hier handmatig op instellen. Zo zorg je dat je site in verschillende browsers en systemen correct wordt weergegeven, wat bijdraagt aan een consistente gebruikerservaring.

Google site verification tags

De kans is groot dat je Google Search Console wilt gebruiken om je SEO-prestaties bij te houden en technische problemen op te sporen (zoals problemen met meta name en title tags). Als dat zo is, moet je je site verifiëren. Registreer je site bij Google, die je vervolgens een verification tag geeft. Voeg deze toe via je CMS of theme editor. Heb je dit gedaan, dan ben je klaar om Google Search Console te gebruiken om de prestaties van je site te monitoren.