Metatag

Een metatag is een veld dat specifieke metadata bevat. Een document kan doorgaans meerdere metatags bevatten, die informatie geven over het document.

Metatags zijn bedoeld om (niet normaal zichtbare) informatie op te nemen over de inhoud van een website of een webpagina. Hiertoe wordt in de code van de pagina eerst een aanduiding opgenomen van het soort informatie, en daarna de informatie zelf. Die laatste kan beschrijvend van aard zijn, of kan een opsomming van trefwoorden bevatten.

Voorbeelden van metatags zijn "Auteur = Oscar Wilde" of "Het jaar van uitgave van dit document is 1988." Het eerste voorbeeld is beter te gebruiken door computers doordat het van een duidelijke syntax gebruik maakt: "naam van tag = beschrijving". Het tweede voorbeeld gebruikt natuurlijke taal als syntax, wat voor mensen plezieriger oogt, maar voor computers moeilijker te interpreteren is.

Soms wordt informatie zowel in het document zelf gegeven (voor de lezer van het document) als in een metatag (bijvoorbeeld voor programma's die de collectie waar het document deel van uitmaakt beheren).

[bewerk] Metatags en het World Wide Web

Op het World Wide Web kunnen ook metatags gebruikt worden om pagina's te annoteren. In HTML, de taal waarin webpagina's geschreven worden, is hier een speciale faciliteit voor opgenomen. Een metatag is dan de informatie die bovenaan in een HTML-document wordt geplaatst, in de head-tag.

Tegenwoordig maken ook andere standaarden gebruik van metatags, bijvoorbeeld het Resource Description Framework. Deze metatags verschaffen meer informatie over de pagina, zoals bijvoorbeeld trefwoorden (keywords), die handig zijn voor zoekmachines, of een korte beschrijving van de pagina (description).

Metatags kunnen ook zorgen voor paginaspecifieke taken, zoals het automatisch laden van een ander HTML-document.

In het begin van het World Wide Web werden metatags veel gebruikt om informatie over bepaalde webpagina's op te nemen in de pagina zelf. De auteurs van de pagina gaven kort een beschrijving van de pagina en enkele steekwoorden. Bij een (fictieve) webpagina van een roeiverening zouden de metatags als volgt kunnen luiden:

<meta name="description" content="De website van Roeivereniging de Spetters.
   Kom eens langs voor een sportieve en gezonde hobby!" />
<meta name="keywords" content="roeien, roeiboot, skiff, watersport" />

Het was de bedoeling dat zoekmachines aan de hand van deze tags betere resultaten zouden opleveren. De makers van websites gaven echter op grote schaal valse of irrelevante metatags op, bijvoorbeeld populaire zoektermen die niets met de pagina zelf te maken hebben, zodat zoekmachines op een slimmere manier moesten bepalen hoe relevant een website is. De laatste tijd zijn metatags echter weer meer in gebruik. Zo neemt bijvoorbeeld Google de description-tag een op een over en dat kan weer bijzonder handig zijn voor website's met weinig tekst-inhoud, zoals flash-pagina's. Metatags en metadata hebben ook een mogelijke toepassing binnen het semantisch web.

[bewerk] Voorbeelden metatags

Hieronder volgen een aantal voorbeeld van metatags voor webpagina's:

• <meta name="author" content="Wikipedia"> - Deze tag geeft aan wie de pagina heeft gemaakt
• <meta name="Generator" content="bewerkingsprogramma"> - Deze tag geeft aan met welk programma de pagina is aangemaakt
• <meta name="robots" content="follow, index"> - Deze tag geeft aan of een pagina mag worden opgenomen in de index van een zoekmachine (noindex om niet te worden opgenomen) en of de weblinks op de pagina gevolgd mogen worden (voor een hogere notering bij sommige zoekmachines van deze pagina's nuttig, nofollow indien ongewenst)
• <meta name="description" lang="nl" content="Informatie over metatags"> - Deze tag geeft informatie over wat er op deze pagina (niet de gehele website) te vinden is en in welke taal deze beschrijving is. Wordt door veel zoekmachines genegeerd wegens veelvuldig misbruik.
• <meta name="keywords" content="Meta-tags, metatags"> - Deze tag geeft zoektermen weer waarop zoekmachines de pagina zouden kunnen indexeren. Wordt bij veel zoekmachines genegeerd vanwege veelvuldig misbruik.
• <meta name="revisit-after" content="30 days"> - Deze tag geeft aan wanneer een spider van een zoekmachine de website nogmaals zou moeten bezoeken. Meestal wordt dit genegeerd en is het bij nieuwe websites binnen enkele dagen, en afhankelijk van de regelmaat van nieuwe toevoegingen/ wijzigingen vaker of minder vaak dat een spider langskomt.
• <meta http-equiv="content-language" content="nl"> - taal waarin de website is opgebouwd. "en" voor Engels, "en-us" voor Amerikaans-Engels, "en-uk" voor Brits-Engels, "de" voor Duits, "fr" voor Frans, enzovoorts.
• <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> - Deze lijn geeft aan wat voor type pagina het is. Ook wordt aangegeven welke (meestal standaard aanwezige) karakterset voor deze pagina moet worden gebruikt. Dit is vooral voor pagina's met internationaal karakter vaak erg belangrijk. Denk ook aan de spatie tussen de punt komma en de charset instructie.
• <meta http-equiv="content-style-type" content="text/css"> - Deze tag is bedoeld om aan te geven dat er in de website ook gebruikgemaakt wordt van cascaded style sheets voor de opmaak van de pagina.
• <meta http-equiv="content-script-type" content="text/javascript"> - Deze tag wordt gebruikt om aan te geven dat er in de pagina javascript (of VBscript danwel andere scripts) gebruikt wordt.
• <meta http-equiv="refresh" content="10; url=http://nl.wikipedia.org"> - Deze tag geeft aan in hoeveel seconden een pagina moet worden ververst en waar eventueel naar toe moet worden gegaan (als het een redirect pagina betreft)
• <meta scheme="ISBN" name="identifier" content="1-2345-678 X"> de mogelijkheid om via een schema (in dit geval het ISBN boeken nummer) een identiteit te verlenen aan een pagina gekoppeld aan een nummer.
• <meta http-equiv=Page-Enter content=blendTrans(Duration=0.3)> - Deze tag zorgt voor een effect van verheldering van 3 seconden in de pagina bij openen.
• <meta http-equiv=Page-Exit content=blendTrans(Duration=0.3)> - Deze tag zorgt voor een effect van vervaging van 3 seconden van de pagina bij weggaan naar een andere pagina of sluiten.

Webdesign
Opmaaktalen	HTML | XHTML | C-HTML | WML | XHTML Basic
Design	Cascading Style Sheets | XSL-FO | XSLT
Interactie	Document Object Model | HTML-event | HTML-scripting | JavaScript | Ajax | Dynamic HTML
Referentie	HTML-kleuren | HTML-tags | HTML-entiteiten | HTML-events
Details	Browser sniffing | User Agent | Cookie | Metatag | DTD | Broodkruimelnavigatie | Inline image | Java‑applet | Macromedia Flash | HTML‑formulier | Favicon | Frames | SVG | WAI
HTML-Editors	Dreamweaver | FrontPage | Nvu | Quanta Plus
Verwant	Wereldwijde web | Webbrowser | Webserver | Grafisch programma | Teksteditor | XML