SEO voor beginners: de beste Meta tags voor jouw website

Natuurlijk wil je als je een website online hebt staan, de meeste mensen trekken naar je website. Hiervoor gebruik je SEO (Search Engine Optimization), op deze manier maak je je website aantrekkelijk voor de search engines. Zoekmachineoptimalisatie bestaat uit de volgende onderdelen:

 

 

In deze tutorial ga ik je uitleggen wat de beste meta tags zijn voor je SEO. Ik ga er van uit dat je al zoekwoorden research en al die dingen hebt gedaan, zo niet: bekijk hier hoe het moet. 

 

Wat zijn meta tags?

 

Meta tags geeft informatie over je website. Je hebt verschillende soorten meta soorten, hoe meer meta tags en hoe beter je meta tags gemaakt zijn, hoe beter je website vindbaar is op het internet. Het is dus heel belangrijk om dit te gebruiken. De meta tags zet je in je HTML bestand, alle tags komen in de head van je HTML bestand te staan.

 

De meest belangrijke meta tags voor SEO

 

In deze tutorial, ga ik de volgende meta tags bespreken:

 

  1. Title tag
  2. Meta description
  3. Canonical tag
  4. Alternative tekst tag
  5. Robots meta tag
  6. Open graph meta tags en Twitter cards
  7. Header tags
  8. Responsive design meta tag

 

1. De title tag

 

De title-tag is het eerste HTML-element dat aangeeft waar uw webpagina over gaat. Titeltags zijn belangrijk voor SEO en bezoekers omdat ze verschijnen op de resultatenpagina van zoekmachines. De title tag geeft een titel aan de pagina, zodat hij makkelijk te vinden is en herkenbaar is.

 

Een title-tag zet je dus in je head, net zoals alle meta tags. In de head zet je dan de title tag, die maak je op deze manier:

 

<title>Jouw Titel</title>

 

Nog wat tips voor het maken van de beste titel:

 

 

2. Meta description

 

De meta description vat de inhoud samen wat er op die pagina staat. Bijvoorbeeld de eerste 30 woorden van een blog, of een korte introductie over jou op je about pagina. Hiervoor gebruik je de description tag.

 

Een description tag zet je ook in de head. Je maakt dan een meta tag met description als soort, die maak je op deze manier:

 

<meta name="description" content="Jouw samenvatting">

 

Zoals je ziet, ziet dit er wat anders uit als de titel. Dit heeft geen aparte tag, maar valt onder de meta tag. Deze tags komen veel voor als je de SEO doet van je website.

 

De gemiddelde lengte van een description ligt op 160 woorden. Als je hem langer maakt dan dat, kan je description minder goed scoren bij de zoekmachines.

 

Nog wat extra tips voor de beste description:

 

 

3. Canonical tag

 

Een canonical tag wordt gebruikt om aan te geven dat er andere versies van deze webpagina zijn. Door de canonical tag in de code te implementeren, weten zoekmachines dat deze URL de hoofdpagina is dat de zoekmachine geen andere pagina's mogen indexeren.

 

De canonical tag schrijf je op deze manier:

 

<link rel="canonical" href="Jouw URL">

 

4. Alternative tekst tag

 

Wanneer je afbeeldingen gebruikt op een website, wil je natuurlijk ook dat zoekmachines deze afbeeldingen kan vinden. Met een alternative tekst die je geeft aan je afbeelding, kan google deze afbeelding makkelijker vinden.

 

Je moet de juiste alternative tekst gebruiken, eentje die relevant is voor de afbeelding waar je het op zet.

 

Een alt tekst geef je op deze manier mee aan je afbeelding, let op: dit zet je gewoon op je afbeelding, je hoeft dus niks aparts te maken, alleen moet je het toevoegen aan je huidige afbeelding. Dit doe je op deze manier:

 

<img src=”Jouw afbeelding” alt=”Omschrijving van afbeelding”/>

 

Nog wat tips voor de beste alternative tekst:

 

 

5. Robots meta tag

 

De robots-metatag vertelt zoekmachines om uw webpagina niet of wel te indexeren. De robot tag zet je ook in de head.

 

Er zijn 4 standaarden die gebruikt worden:

 

 

Je hebt 2 robot tags die je kan gebruiken, dit zijn de volgende:

 

<meta name=”robots” content=”noindex, nofollow”>

 

Dit betekent dat jouw webpagina niet wordt geïndexeerd en gevolgd.

 

<meta name=”robots” content=”index, follow”>

 

Dit betekend dat jouw webpagina wel wordt geïndexeerd en gevolgd.

 

6. Open graph meta tags en Twitter cards

 

Deze tags maken het makkelijker om je website te synchroniseren met social media.

 

Metatags met open graphs zorgen voor de integratie tussen Facebook, LinkedIn, Google en uw website.

 

Hier is een voorbeeld van hoe Open Graph-tags eruit zien in standaard HTML:

 

<meta property="og:type" content="Jouw artikel">
<meta property="og:title" content="Titel van je post of pagina">
<meta property="og:description" content="Samenvatting van pagina">
<meta property="og:image" content="URL naar afbeelding (Bijv. Headerafbeelding)">
<meta property="og:url" content="URL van Pagina (Permalink)">
<meta property="og:site_name" content="Naam van de website">

 

Twitter cards werken op dezelfde manier als Open Graph, alleen zijn hier wel aparte tags van.

 

Twitter gebruikt deze tags om de weergave van uw pagina te verbeteren wanneer deze op hun platform wordt gedeeld.

 

Hier is een voorbeeld van hoe een Twitter-kaart eruit ziet in standaard HTML:

 

<meta name="twitter:title" content="Titel van bericht of pagina">
<meta name="twitter:description" content="Samenvatting over de pagina">
<meta name="twitter:image" content="URL naar afbeelding (Bijv. Headerafbeelding)">
<meta name="twitter:site" content="Twitter gebruikersnaam">
<meta name="twitter:creator" content="Twitter gebruikersnaam">

 

7. Header tags

 

U kunt kopteksttags gebruiken om lettergroottes te wijzigen en informatiehiërarchie op een pagina aan te duiden.

 

De kopelementen gaan van H1 naar H6. H1 is het grootste en belangrijkste niveau, en H6 is het kleinste en minst belangrijke.

 

Als u tekst markeert met een H1-tag, geeft u zoekmachines aan dat dit de belangrijkste tekst op die pagina is. Voor de beste SEO mag je maar een keer een H1-tag gebruiken per pagina.

 

8. Responsive design meta tag

 

De laatste belangrijke metatag is de responsive design-metatag, ook wel het viewport-meta-element genoemd.

 

Met Viewport-metatags kunnen webontwerpers configureren hoe een pagina wordt geschaald en weergegeven op elk apparaat.

 

Gebruik de volgende syntax om een ​​metatag voor responsive ontwerp toe te voegen:

 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

Er is één uitzondering op de regel met de viewport-metatag: gebruik deze niet als uw websitepagina's niet responsief zijn, omdat dit de gebruikerservaring erger zal maken. U kunt deze tool gebruiken om te controleren of uw site responsive is.

 

Dit was de tutorial voor de beste meta-tags voor de beste SEO. Heb je meer vragen? Doe research op google of neem contact met me op.

Meer informatie?

Neem contact met me op!

Wil je meer over mij weten, of wil je een afspraak met mij maken? Neem dan contact met me op door op de knop Contact te drukken. Ik stuur zo snel mogelijk een bericht terug.

Mees Postma, Over mij Illustration