WHELP! geeft advies over ontwerp, bouw en zoekmachine optimalisatie van je website. Ben je hier voor de eerste keer? Start dan bij het 4-stappenplan voor een eigen website.

Metatags – revisited

We hebben al eerder wat geschreven over metatags en wat je er zoal aan hebt voor je zoekmachines. In dit artikel zullen we er nog een aantal behandelen en uitleggen wat je ermee kunt.

Wat zijn ook al weer metatags?
Metatags zijn stukjes code die je in de broncode van je site opneemt en iets extra vertellen over je site. Je ziet ze dus niet meteen in je browser, maar ze hebben wel invloed op software die die broncode leest. Dat kunnen zoekmachines zijn, maar ook de browser zelf. De opbouw van een metatag heeft twee mogelijkheden:

<meta name="[de naam]" content="[de inhoud]" />
<meta http-equiv="[http-equivalent]" content="[de inhoud]">

Metatags voor zoekmachines hebben we al eerder besproken. Laten we eens kijken wat we kunnen doen om onze browser te helpen.

Microsoft Imagetoolbar
Als je in de broncode van whelp.nl kijkt zul je zien dat we gebruik maken van de volgende metatag:

<meta http-equiv="imagetoolbar" content="no">

Dit zorgt ervoor dat je een feature van Internet Explorer uitschakelt, namelijk dat wanneer een bezoeker over een afbeelding gaat een smarttags ziet. Met de imagetoolbar kun je als bezoeker 4 dingen doen: de afbeelding bewaren, printen, versturen of de folder Mijn Afbeeldingen openen. Zie hier het effect (links zonder de metatag, rechts met):

Hond met MS Imagetoolbar Hond zonder MS Imagetoolbar

Je ziet het effect normaal gesproken alleen als je met je muis erover heen gaat. Als je dit niet mooi vindt haal het dan weg met de code hierboven, als je juist wilt dat mensen het doormailen kun je het laten staan.

Author en Copyright
Twee andere tags die we gebruiken zijn:

<meta name="author" content="Theo Bakker" />
<meta name="copyright" content="&copy; 2006 XML Factory">

Hiermee geven we aan wie de auteur is van de pagina en waar het copyright van de pagina ligt. Deze informatie wordt door zoekmachines meegenomen in hun indexering en bijvoorbeeld bij Google ook getoond.

Generator
Veel programma's waarmee je automatisch websites maakt plaatsen een metatag in de code over zichzelf. Voorbeelden zijn:

<meta name="generator" content="WordPress 2.0.1" />
<meta name="generator" content="Joomla! – Copyright (C) 2005 – 2006 Open Source Matters. All rights reserved." />

Dit raden we af – zeker als de tag ook het versienummer bevat van je systeem. Je geeft hiermee bezoekers extra informatie mee waarmee ze – als er beveiligingslekken zijn in deze programma's – je site eventueel kunnen hacken. Je hebt hier niet altijd invloed op, maar als het kan, laat het dan weg.

Voorkom 'misbruik' in frames
Sommige site tonen je site in hun frames. Meestal om bezoekers vast te houden op hun eigen site. Om dit te voorkomen kun je de volgende metatag toevoegen:

<meta http-equiv="window-target" content="_top">

Dit zorgt ervoor dat de pagina altijd in een nieuw browservenster opent en niet in een frame bekeken kan worden.

Caching
Om te voorkomen dat browsers pagina's iedere keer opnieuw moeten inladen, bewaren ze onderdelen daarvan in hun geheugen, de cache. Als je een nieuwssite hebt kan dat bezwaarlijk zijn. Er zijn meerdere manieren om dit te voorkomen.

<meta content="tue, 07 mar 1972 00:30:00 gmt" http-equiv="expires">
<meta content="no-cache" http-equiv="pragma">

Deze twee metatags zorgen ervoor dat de pagina niet in de cache wordt opgeslagen. De eerste door de verloop datum van de pagina op een datum uit het verleden te zetten, de tweede door de officiele meta tag pragma te gebruiken. Omdat de laatste metatag niet even goed werkt in bepaalde browsers kan je beide gebruiken.

Nota bene: denk goed na voordat je deze tags gebruikt. Als je ze verkeerd gebruikt kan het zijn dat je bezoekers onnodig veel bandbreedte van je site gebruiken.

Voor nu even genoeg over metatags.

Stem / Bookmark [?]Plaatsen/stemmen op NUjijPlaatsen/stemmen op eKudosPlaatsen/stemmen op MSN ReporterPlaatsen/stemmen op DiggVoeg dit artikel toe aan Del.icio.usVoeg toe aan je favorieten op TechnoratiVoeg toe aan je Google bladwijzers

Jouw reactie

Spelregels voor commentaar

XHTML: Je kunt de volgende HTML code gebruiken: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Domeinnaam vrij?

  • Test via Byte op .nl, .eu, .be, .com, .net, .org, .biz, .info, .de, .co.uk, .tv, .nu, .cn en .name