<< Zoekmachine Checklist | Website Index | Website Meta Tags 2 >> Bekijk ook de meta tag generator
Meta tags zijn stukjes html-code die zoals de naam all aangeeft meta-informatie verschaffen over de pagina. Deze informatie staat in de <head> van een html pagina en is in het algemeen niet zichtbaar voor de surfer. Sommige andere tags die in de head staan zoals de <title> tag zijn wel zichtbaar. Idee achter meta-tags is dat de auteur van een pagina informatie zoals trefwoorden (keywords) en een beschrijving (description) aan een pagina toevoegd om indexering van de pagina makkelijker te maken. Helaas wordt er veel misbruik van meta-tags gemaakt. Bijvoorbeeld keywords die niets met de pagina te doen hebben. Over het nut van meta-tags verschillen de meningen, de meeste zoekmachines maken alleen nog beperkt gebruik van meta-tags als keywords en description. Google laat onder bepaalde omstandigheden de description nog wel zien, maar zal niet indexeren op basis van de keywords. Ilse nog wel.
Er zijn ook meta tags die de web-browser danwel robot extra instructies geven, voorbeelden hiervan zijn de http-equiv='refresh' en de 'robots' meta tags. Hiervan zullen de goede robots zeker gebruik maken.
De basis tags staan in het groen.
U kunt elke gewenste meta tag toevoegen. Als het voor een site bijvoorbeeld handig is dat de afdeling die een pagina moet onderhouden in een meta tag staat:
- <META name='eigenaar' content='verkoop'>
- <META name='eigenaar' content='directie'>
of een revisie
- <META name='cvs-revision' content='$RCSfile: Main.Website Meta Tags,v $ $Revision: 1.1 $'>
http-equiv
Een web-server stuurt voor het eigenlijke html document een 'header' naar de ontvanger (niet te verwarren met de <HEAD> sectie IN het document). Deze header bevat informatie voor de ontvanger, wat het is (html,gif,pdf) of het gecached mag worden, hoelang een document geldig is, of bijvoorbeeld dat het document ergens anders staat (een Location + 301 header). De http-equiv meta tags zijn bedoelt om informatie die eigenlijk in de header hadden horen te staan in het document zelf te zetten. Zo is een http-equiv=refresh te vergelijken met een 301 header. (Eigenlijk is het een vervanging van de oudere Refresh header). Of en hoe een browser op een http-equiv reageerd verschilt.
De positie van de meta tags is in de HEAD sectie van je html pagina:
- <HTML>
- <HEAD>
- Hier komen de meta tags
- </HEAD>
- <BODY>
- </BODY>
- </HTML>
In principe kun je willekeurige meta tags maken, hieronder een overzicht van een aantal zinvolle en leuke.
Hoe
Metatags voeg je als gewone tekst toe aan je html bestand. HTML-editors hebben vaak een optie om ze makkelijker toe te voegen. In Frontpage onder pagina-eigenschappen. Er bestaan ook meta tag generatoren op het web, grootste voordeel daarvan is het voorkomen van type-fouten in de syntax.
NOODP
In geval van sommige zoekresultaten LINK gebruiken google en MSN (nu live.com) gegevens uit het 'open directory project' (oftwel dmoz.org). Je ziet tekst afkomstig uit dmoz in de snippet (fragment, knipsel) onder de zoekresulaten.
De korte omschrijvingen van dmoz zijn niet altijd even boeiend en vaak ingekort en daardoor wat cryptisch, in andere geval is de omschrijving verouderd. Het kan dus wenselijk zijn dat een echte snipplet van de pagina getoond wordt. Je kunt dit bereiken door de meta-tag ROBOTS in combinatie met NOODP te gebruiken.
- <META NAME="ROBOTS" CONTENT="NOODP">
Alleen bij MSN:
- <META NAME="msnbot" CONTENT="NOODP">
Alleen bij google:
- <META NAME="googlebot" CONTENT="NOODP">
Ook hier geldt dat het enige tijd kan duren voordat de wijziging zichtbaar is in de zoekresultaten.
Keywords
Hiermee kun je trefwoorden die bij je pagina horen opgeven.
- <META name=’keywords’ content=’trefwoorden’>
Description
Hiermee kun je een korte beschrijving over je website geven.
- <META name=’description’ content=’beschrijving’>
Veel optimalisatie experts hechten veel waarde aan de description (en aan keywords). Omdat in de keywords en description meta-tag makkelijk misleidende informatie gestopt kan worden is de invloed van deze tags op je score in zoekmachines waarschijnlijk zeer beperkt. Wel wordt de description door google gebruikte om deze weer te geven bij zoekresultaten. De tekst onder de link komt ( inclusief type-fout) rechtstreeks uit de description meta tag.
Onlangs kwam er een klacht binnen van een websiteeigenaar omdat hier zijn description meta tag gebruikt werd. Hij was daar achter gekomen omdat zijn site en deze leppaludi:BabyKind/Fotografie pagina vlak onder elkaar in google stonden (deze site hoger....inmiddels bestaat de betreffende pagina niet meer). Google gebruikte de description meta tag als snipplet. Voor de site van de klager was dat niet zo gek, het was een flash-site. Voor de pagina op leppaludi site verbaasde het wel iets. Er staat meer tekst op die pagina inclusief de zoekterm Fotografie toch gebruikte google de meta tag description als snipplet. Kortom er zijn nog steeds redenen om de description zorgvuldig te kiezen ook al zal dat de positie van binnen de zoekresultaten wellicht niet direct beďnvloeden.
Title
Net als de meta tags staat de Title in de head sectie van een document. Strikt gesproken is de <TITLE> tag geen META-tag maar een "gewone" tag. Het is wel een van de belangrijkste tags in een document. De inhoud van de title wordt bijvoorbeeld getoond in de bovenbalk van browsers en ook als de naam van de pagina in de zoekresultaten. Het staat nogal onprofessioneel als er "untitled document" staat. Zorg voor een goede beschrijvende titel voor de pagina, die ook weer niet te lang is.
- <title>Hier staat de title</title>
Zorg voor een unieke titel per pagina. Als u graag de naam van de site of het bedrijf in de titel wilt gebruik dan iets als:
- <title>brambring.nl - Website Meta Tags</title>
Language
Hiermee vertel je de bezoeker, maar nog belangrijker de zoekrobot in welke taal je pagina geschreven is. Veel mensen zoeken met een taaloptie dus niet onbelangrijk. De taal wordt gegeven in een tweeletterige code: nl,en,de en het mag meerdere talen bevatten. Maar ook Star-trek is mogelijk. De taal is beschikbaar als systeem-commando (http-equiv) en als meta-name tag
- <meta http-equiv="Content-Language" content="nl">
- <meta http-equiv="Content-Language" content="i-klingon">
- <meta http-equiv="Content-Language" content="da, de, el, en, fr, it">
- <META NAME="Language" CONTENT="nl">
lang
Is je site meertalig en wilt u bijvoorbeeld de description in meerdere talen toevoegen? Gebruik dan lang:
- <META name=’description’ lang='nl' content=’Nederlandse beschrijving’>
- <META name=’description’ lang='en' content=’English description’>
De lang kun je ook meegeven aan elk block element in een pagina zoals div en span. Stel je site is in het Nederlands maar op een pagina staat ook een Engelse samenvatting:
- <span lang='en'>This is the english summary</span>
Naar mijn idee bepalen veel zoekmachines ( waaronder zeker google) voor een groot deel zelf in welke taal een stuk tekst geschreven is.
Robots
Een belangrijke tag om robots te sturen:
- <META NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
- Wat overeenkomt met <META NAME="ROBOTS" CONTENT="ALL">
- <META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW">
- <META NAME="ROBOTS" CONTENT="INDEX,NOFOLLOW">
- <META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
- Wat overeenkomt met <META NAME="ROBOTS" CONTENT="NONE">
INDEX:Indexeer deze pagina (niet).
- Als deze op NOINDEX staat zal de robot de pagina nooit weergeven als zoekresultaat.
FOLLOW: Volg de links op deze pagina (niet)
Googlebot
Specifieke META tags voor google:
- <META NAME="GOOGLEBOT" CONTENT="NOARCHIVE">
- <META NAME="GOOGLEBOT" CONTENT="NOSNIPPET">
(Een snippet is het stukje tekst dat je bij de zoekresultaten ziet staan.)
NOARCHIVE: Houd geen versie van de pagina in cache
NOSNIPPET: Geef geen snippet weer, dit betekend meteen ook NOARCHIVE!
De Robots-tags uit de eerdere sectie kun je ook op googlebot gebruiken. Stel je wilt dat alleen googlebot de pagina's indexeerd:
- <META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
- <META NAME="GOOGLEBOT" CONTENT="INDEX,FOLLOW">
Refresh
Deze meta tag zorgt ervoor dat de webbrowser na een in te stellen tijd doorgaat naar een andere pagina. Dit is van belang als u een pagina weghaalt. Plaats op de (verder lege) oude pagina een refresh tag en de bezoeker en zoekrobot gaat automatisch door naar de nieuwe pagina. Consequent gebruik van een refresh-tag voorkomt de 404 - pagina niet gevonden pagina. Als u gebruik maakt van dynamische pagina's ( php, asp, cgi en dergelijk) is het beter om in plaats van een meta tag een http header 302 te gebruiken.
Voorbeeld : http://www.brambring.nl/wiki/Main/EgelLinks, deze pagina is vervangen door de pagina op startpagina.nl
- <META http-equiv="refresh" content="1;url=http://egel.pagina.nl">
Expires
Geeft de verval datum van een pagina aan. Deze meta tag kan gebruikt worden om het cache gedrag van een browser of cachende proxy server te beinvloeden. Of dat ook lukt ligt aan de instellingen van de browser of proxy. Zet de datum hiertoe op een tijdstip in het verleden.
- <META HTTP-EQUIV="Expires" CONTENT="Tue, 01 Jan 2002 00:00:00 GMT">
- <META HTTP-EQUIV="Expires" CONTENT="1 DAYS">
Cache-control
Geeft aan hoe de pagina in cache moet worden opgeslagen (of niet). Het is beter cache instructies via de http-header te sturen dan via een http-equiv in HTML. Als het via een http-header gaat zullen ook proxies er gebruik van maken.
Cache maximaal uit ( in combinatie met een Expires in het verleden) kan nuttig zijn bij zeer dynamische websites:
- <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="no-store, no-cache, must-revalidate, post-check=0, pre-check=0">
Voeg ook een oudere pragma toe:
- <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
Bij pagina's die weinig veranderen kan het omgekeerde nuttig zijn. De browser instructie geven de pagina een tijd in cache te houden:
- <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="max-age=3600,must-revalidate">
Een cache kan in IE met ctrl-F5 omzeild worden.
Charset
Er bestaan op het internet verschillende definities van een set karakters. Over de a-z is men het meestal wel eens. Om bijvoorbeeld de ä en dergelijke goed door te geven zijn verschillende standaarden ontwikkeld. Met gewone Europese tekst gaat het doorgeven van karakters -ook de speciale- in het algemeen wel goed. Gebruik van deze tag is nodig als je in meer exotische talen zoals het Turks of Chinees aan de gang wilt. Als je met een html-editor werkt zal deze vaak de charset al goed definieeren. Het eerste voorbeeld is een gangbare definitie voor West-europese tekst:
- <META HTTP-EQUIV="CHARSET" CONTENT="text/html; charset=iso-8859-1">
- <META HTTP-EQUIV="CHARSET" CONTENT="text/html; charset="US-ASCII">
Date
Dag waarop de tekst gemaak is. Komt overeen met de header Last-modified
- <META NAME="Date" CONTENT="2003-01-06 09:00:00 GMT">
- <META HTTP-EQUIV="Last-modified" CONTENT="2003-07-06 09:00:00 GMT">
Vervolg: Website Meta Tags 2
Zeer uitgebreide technische info
<< Zoekmachine Checklist | Website Index | Website Meta Tags 2 >>
©