HTML Meta-tags

Metatags zijn stukjes tekst die de inhoud van een pagina beschrijven, de metatags worden niet weergegeven op de pagina zelf, maar alleen in de code van de pagina. Meta-informatie kan door servers en clients gelezen worden en dient ter identificatie en indexering. Metatags bestaan alleen in HTML, deze worden meestal in het hoofd van de pagina opgenomen en zijn alleen toegankelijk voor zoekmachines.

VoorbeeldVoorbeeld:
<head>
   <title>Online cursus volgen</title>
   <meta name="description" content="Je eigen website bouwen en onderhouden">
   <meta name="keywords" content="HTML, CSS, JavaScript, jQuery, XML, PHP">
</head>

Zoekresultaten

Metatags spelen een belangrijke rol bij het verstrekken van gegevens over je pagina aan de zoekmachines. Bijvoorbeeld de titel en de meta-description tag worden gebruikt om de gegevens van je pagina als tekst te weergeven bij de zoekresultaten. We zullen hieronder een aantal metatags bespreken die nodig zijn om je webpagina's te optimaliseren voor zoekmachines, zodat ook jouw pagina's worden gevonden.


Een titel opgeven of aanpassen (title)

Geef altijd een titel op voor je pagina of pas deze zonodig aan, zodat je mensen kunt overhalen om er op te klikken dit is tegelijkertijd ook de eerste regel die je ziet verschijnen in de zoekresultaten. Bedenk voor elke pagina een aparte titel en houd de titel kort, zodat deze volledig wordt getoond in de zoekresultaten en verwerk eventueel relevante zoekwoorden in de paginatitel.

<title>Geheel gratis een cursus HTML volgen</title>


Toevoegen van de beschrijving (description)

Zorg er altijd voor dat je een goede beschrijving van je pagina maakt. Deze zin wordt direct onder de titel van je pagina weergegeven. Plaats een paar zoekwoorden in de description om de relevantie te verhogen.

<meta name="description" content="Leer je eigen website bouwen en onderhouden">


Toevoegen van de zoekwoorden (keywords)

Geef trefwoorden op voor je pagina, mensen zoeken namelijk met trefwoorden. Trefwoorden dienen doormiddel van een komma-spatie gescheiden te worden. Plaats niet teveel trefwoorden op je pagina, de meeste zoekmachines zullen alleen de eerste 20 indexeren.

<meta name="keywords" content="HTML, CSS, JavaScript, jQuery, XML, PHP">


Wijze van indexering (robots)

Met de robots metatag kan je de spider van een zoekmachine vertellen hoe en op welke wijze de pagina's op je website geindexeerd mogen worden. Bijvoorbeeld alleen de eerste pagina of de gehele website indexeren.

INDEX - Zoekmachines nemen de hele site op.
NOINDEX - Zoekmachines nemen de site niet op.
FOLLOW - Zoekmachines volgen de links in de site.
NOFOLLOW - Zoekmachines volgen niet de links in de site.

Je kunt "index" combineren met "follow" en "nofollow" als je bijvoorbeeld wilt om de gehele site op te nemen en de links te volgen dan komt de metatag er zo uit te zien:

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


Her-indexering van je website (revisit-after)

Je kunt je website door zoekmachine spiders opnieuw laten bezoeken, dit doe je met de revisit-after metatag. Hiermee kan je zoekmachines de opdracht geven om je website te laten her-indexeren na een bepaalde tijd.

<meta name="revisit-after" content="1 day">
<meta name="revisit-after" content="7 days">
<meta name="revisit-after" content="1 month">

Stel dat je de zoekmachine spiders eens in de 15 dagen je site wilt laten bezoeken en her-indexeren, dit kan je op de volgende manier doen.

<meta name="revisit-after" content="15 days">


Taal van je site (language)

Met de language metatag kan je de zoekmachines vertellen in welke taal je website moet worden aangegeven. Zoekmachines gebruiken deze informatie om je website bij het juiste land in te delen. Als je een website hebt in het Nederlands dan gebruik je de afkorting "NL" en voor een Engelstalige site gebruik je "EN".

<meta http-equiv="language" content="NL">


Naam van de persoon of bedrijf (author)

Met de author metatag kan je de naam van de persoon of bedrijf aangeven die de website heeft gemaakt.

<meta name="author" content="Jeroen van Beek">


E-mail van de persoon of bedrijf (reply-to)

Je kunt de reply-to metatag gebruiken om een e-mailadres op te geven van bijv. de beheerder van de site.

<meta name="reply-to" content="vanbeek@live.nl">


Voorbeeld van Meta-tags

Hieronder volgt een voorbeeld van de besproken HTML Meta-tags:

VoorbeeldVoorbeeld:
 <head>
    <title>Online cursus volgen</title>
    <meta http-equiv="language" content="NL">
    <meta name="description" content="Je eigen website bouwen en onderhouden">
    <meta name="keywords" content="HTML, CSS, JavaScript, jQuery, XML, PHP"> 
    <meta name="robots" content="index,follow">
    <meta name="revisit-after" content="1 month">
    <meta name="author" content="Jeroen van Beek">
    <meta name="reply-to" content="vanbeek@live.nl">    
 </head>

Tip De <meta> tag wordt geplaatst binnen de <head> van een document en er moet minimaal één attribuut aan worden toegevoegd.


Ad blocker gedetecteerd!
  Ons website heeft gedetecteerd dat u een Ad blocker gebruikt. Codecenter.nl is gratis, wij blijven overeind door het weergeven van advertenties en u kunt ons daarbij helpen. Het wordt aanbevolen om uw Ad blocker uit te schakelen zodat u verder gebruik kunt maken van codecenter.nl, alvast bedankt.