Websites maken & promoten

Leer online promoten en verdienen met uw website
Zoekmachine marketing website tools optimalisatie

Menu documentatie

Website promoten

Internet marketing

Website bouwen

Documentatie - metatags titel,zoekwoorden en omschrijving

Meta tags zijn stukjes html-code die zoals de naam al 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 toevoegt om indexering van de pagina makkelijker te maken. 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.

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.

Keywords

Hiermee kun je trefwoorden die bij je pagina horen opgeven.

Description

Hiermee kun je een korte beschrijving over je website geven.

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.

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>Website maken en promoten op internet</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.

<meta http-equiv="Content-Language" content="nl">
: <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">