login  Naam:   Wachtwoord: 
Registreer je!
 Tutorials

Tutorials > HTML


Gegevens:
Geschreven door:
SickBoy
Moeilijkheidsgraad:
Normaal
Hits:
19841
Punten:
Aantal punten:
 (4.46)
Aantal stemmen:
13
Stem:
Niet ingelogd
Nota's:
 Lees de nota's (6)
 

Tutorial:

META-tags

1. META-tags
2. Voorbeeld
3. Nawoord


1. META tags

Wat zijn META-tags?
META-tags zijn bedoeld voor het promoten van je website bij o.a. zoekrobots. MAAR niet alle zoekrobots ondersteunen meta tags omdat er veel misbruik van wordt gemaakt. Deze tags bevatten informatie over het document dat je gemaakt hebt en haar inhoud, maar zijn daarom niet verplicht. Hoewel ze niet meer zo belangrijk zijn, bepalen zij toch voor een deel wie jouw site bezoekt. META-tags plaats je doorgaans tussen <head> en </head>.


 top

2. Voorbeeld

Ziehier een voorbeeld van de belangrijkste META-tags en wat uitleg

Description: Omschrijving van jouw website.

<meta name="description" content="persoonlijke site van mezelf" >


Keywords: De belangrijkste sleutelwoorden van je website, met komma's tussen de woorden .

<meta name="keywords" content="Ik, mezelf, portfolio, andere, woorden" >


Language: De Taal van je website.

<meta name="language" content="Nederlands" >


Copyright: De copyright-boodschap.

<meta name="copyright" content="Copyright SickBoy 2004" >


Author: De maker van de site.

<meta name="author" content="SickBoy" >


Publisher: Dit is niet hetzelfde als author, de publisher is de eigenaar van de site. Niet iedereen maakt zijn eigen site ;).

<meta name="publisher" content="SickBoy" >


Content-Type: Bij deze META-tag zet je welke webtaal en welke tekenreeks (kijk maar eens bij beeld -> codering) je gebruikt. Default tekenreeks: iso-8859-1

<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" >


Voor wanneer je CSS gebruikt:

<meta http-equiv="content-style-type" content="text/css">


Of Javascript:

<meta http-equiv="content-script-type" content="text/javascript">


Robots: De META-tag 'robots' kan de waarden "nofollow", "follow", "index", "noindex" en "all" krijgen. Afhankelijk van wat je de zoekrobot wil laten doen:

"index" of "noindex" De pagina wel/niet opnemen in de zoekmachine.
"follow" of "nofollow" Verdere links op de pagina volgen of niet.
"All" Het meest gebruikt: site opnemen in de zoekmachine en verdere links volgen.


<meta name="Robots" content="All" >


De pagina vernieuwen: Allereerst instellen dat hij moet refreshen, daarna het aantal seconden.

<meta http-equiv="refresh" content="3">


De bezoeker doorsturen naar een nieuwe pagina: Weer instellen dat hij moet refreshen, daarna het aantal seconden en tot slot de pagina. Let vooral op de plaats van de aanhalingstekens

<meta http-equiv="refresh" content="3; URL=http://www.sitemasters.be ">


Date: De laatste wijziging aan het document.

<meta name="date" content="2004-22-09T22:03:12+00:00">


Revised-after: Vertelt de zoekrobot dat hij moet terugkomen na # dagen

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


Generator: De naam van het programma waarmee je website is gegenereerd (wysiwyg-editor dus).

<META name="generator" content="frontpage of dreamweaver of iets anders" >


Reply-to: Het e-mail adres waarop bezoekers commentaar kunnen sturen.

<meta http-equiv="reply-to" content="myself@myhost.com">


Pragma: De pagina niet in de browser-cache opnemen

<meta http-equiv="Pragma" content="no-cache">


Expires: Vertelt de zoekrobot om de pagina niet meer te bezoeken na deze datum.

<meta http-equiv="Expires" content="Mon, 27 Sep 2004 10:59:15 GMT">


Page-Enter: Bepaald de pagina overgang.

<META HTTP-EQUIV="Page-Enter" CONTENT="RevealTrans(duration=2.0, transitionshape=3)">


Duration is hier de tijd die de overgang moet hebben. Transitionshape kan als geldige waarde de volgende getallen hebben, die allemaal voor een overgang staan:

Getal: Effect:
0 Kader in
1 kader uit
2 Cirkel in
3 Cirkel uit
4 Omhoog vegen
5 Omlaag vegen
6 Naar rechts vegen
7 naar links vegen
8 Verticale jaloerziën
9 Horizontale jaloerziën
10 Schaakbord naar rechts
11 Schaakbord omlaag
12 Willekeurig oplossen
13 verticale splitsing in
14 Verticale splitsing uit
15 Horizontale splitsing in
16 horizontale splitsing uit
17 Strepen links omlaag
18 Strepen links omhoog
19 Strepen rechts omlaag
20 Strepen rechts omhoog
21 Willekeurige balken horizontaal
22 Willekeurige balken verticaal
23 Willekeurig

 top

3. Nawoord

Het kan zijn dat je andere meta-tags tegenkomt op sites, maar die zijn meestal uniek en worden door die site enkel gebruikt.
Een voorbeeldje zie je op deze pagina wanneer je bij beeld > bron gaat kijken.

 top

« Vorige tutorial : XHTML Volgende tutorial : W3C Validatie »

© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.015s