99 of 133 menu

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.
Suomi
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Käytämme evästeitä verkkosivuston toiminnalle, analytiikalle ja personoinnille. Tietojen käsittely tapahtuu Tietosuojakäytännön mukaisesti.
hyväksy kaikki mukauta hylkää