Meta-tagi
Tag meta asettaa joitakin palvelukomentoja
selaimeen tai hakukoneisiin:
sivun merkistökoodauksen, sivun kuvauksen
hakukoneille, sivun tekijän ja niin edelleen.
Tagin toimintaperiaate on seuraava (joitakin poikkeuksia lukuun ottamatta):
aseta komennon nimi (attribuutissa name
tai attribuutissa http-equiv), ja komennon
arvo asetetaan attribuutissa content.
Pohjimmiltaan tämä tagi sisältää ryhmän
tageja (komentoja), joiden yleinen nimi on metatagit.
Tagi meta ei vaadi sulkevaa tagia.
Tagi meta tulee käyttää
tagin head sisällä.
Suositellut käyttöesimerkit
Dokumentin merkistökoodaus
Nykyään merkistökoodauksen standardi on
utf-8. Teoreettisesti merkistökoodausta ei
tarvitse nimenomaisesti (meta-tagin kautta)
asettaa - selaimen tulisi ymmärtää sinut.
Käytännössä en suosittelisi tekemään niin - merkistökoodaus
voi mennä sekaisin ja venäjänkielisen tekstin sijasta
näet siansaksaa.
HTML5:ssä merkistökoodaus asetetaan yksinkertaistetussa muodossa:
<meta charset="utf-8">
Aikaisemmin merkistökoodaus asetettiin näin (nykyään näin ei kannata tehdä, on vanhentunutta, saatat kohdata vanhentuvissa oppaissa):
<meta http-equiv="content-type" content="text/html; charset=utf-8">
Dokumentin kuvaus
Metakuvaus on tarkoitettu hakukoneille, siinä tulisi olla lyhyt kuvaus sivusta. Tästä kuvauksesta tietyin ehdin hakukone voi tehdä snippetin verkkosivun sivusta. Snippetti - on lyhyt kuvaus verkkosivun sivusta haettaessa. Vastaavasti metakuvauksen sivusta tulisi tehdä sellaisena, millaisena haluat nähdä sivun snippetin hakutuloksissa ja jokaiselle verkkosivun sivulle oma.
Tulee käyttää näin:
<meta name="description" content="Tämä sivu kertoo metatageista.">
Dokumentin avainsanat
Meta-keywords (avainsanat) on tarkoitettu hakukoneille, jotta voidaan osoittaa tärkeimmät sanat, joilla sivua haetaan. Nykyään väärinkäytösten vuoksi verkkonkehittäjien puolelta hakukoneet eivät kiinnitä huomiota tähän metatagiin.
Tulee käyttää näin (avainsanat ja lauseet luetellaan pilkulla erotettuna):
<meta name="keywords" content="Metatagi, Metakuvaus, HTML uudelleenohjaus" >
Uudelleenohjaus (ohjaus toiselle sivulle)
Voidaan tehdä niin, että kun käy tietyn sivulla, käyttäjä ohjautuu automaattisesti toiselle (esimerkiksi, jos sivu on siirtynyt). Tulee käyttää näin (5 on sekuntien määrä, joiden kuluttua uudelleenohjaus tapahtuu):
<meta http-equiv="refresh" content="5; url=http://www.example.com/">
Lisää esimerkkejä
Lisää esimerkkejä löydät tästä linkistä.
Mahdolliset attribuutit
| Attribuutti | Kuvaus |
|---|---|
name |
Metatagin nimi. Metatagin arvo tällä nimellä asetetaan attribuutilla content. |
http-equiv |
Mahdollistaa HTTP-otsikoiden asettamisen lähettämistä varten selaimelle.
Asettaa otsikon nimen. Otsikon arvo asetetaan attribuutilla content.
|
content |
Asettaa attribuutin arvon, joka on määritetty käyttämällä attribuuttia name tai http-equiv. |
charset |
Asettaa dokumentin merkistökoodauksen. Nykyään standardi on utf-8. |