Päivitetty:

HTML:ssä metatagit tai metaelementit ovat koodin head-osioon sijoitettuja tunnisteita, jotka auttavat määrittelemään verkkosivun sisällön. Internetin hakukoneet käyttävät esimerkiksi kuvausmetatunnistetta, jonka avulla ne näyttävät sivusi kuvauksen hakutuloksissa. Jokaisen meta-elementin on sisällettävä avaava ja sulkeva <meta>-tagi. Alla olevissa osioissa luetellaan ja kuvataan erityyppiset metatagit.

Huomautus

Tänään web-kehittäjille tärkeimmät metatagit ovat Content-Type- ja Description-tagit.

Content-Type-metatagi

<meta content="text/html; charset=utf-8" http-equiv="Content-Type">

Tunnistaa verkkosivun sisältötyypin ja merkistötyypin, sillä se määrittelee, miten sivu näytetään.

Vinkki

Vaikka merkistötyyppi voidaan määritellä metatagissa, määrittele se mieluummin siellä, jos sinulla on pääsy .htaccess-tiedostoon. Näin sitä ei tarvitse määritellä jokaisella verkkosivulla.

No-cache-metatagi

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

Antaa Internet-selaimen tietää, ettei sen pitäisi tallentaa sivua välimuistiin. Tämän tagin käyttö varmistaa, että kävijälle näytetään uusimmat tiedot. Tätä tagia suositellaan käytettäväksi vain sivulla, jota päivitetään usein, koska se pidentää latausaikaa.

Audience meta tag

<meta name="audience" content="all">

Käytetään lapsilukko-ohjelmistojen ja robottien kanssa, jotta voidaan kontrolloida sivulla mahdollisesti vierailevien katsojien ikää. Tämä metatunniste ei ole kovin tärkeä, mutta voi olla hyödyllinen kaikilla aikuisuuteen liittyvillä sivuilla.

Authora metatunniste

<meta name="author" content="www.computerhope.com">

Sivun kirjoittajan kuvaus.

Content-Language metatunniste

<meta name="Content-Language" content="english">

Sivun kieli, jolla sivu on kirjoitettu, tässä tapauksessa englanti. Nykyään tämän tagin voi ohittaa, jos kieli luokitellaan HTML-tagissa. Esimerkiksi <html lang=”fi”> sivun alussa.

Description meta tag

<meta name="description" content="Helping you with ALL your computer questions">

Description meta tag kattaa sen, millaista tietoa verkkosivu sisältää. Description-metatagi on tärkein tagi, jota hakukone käyttää sijoittaessaan sivusi hakutuloksissa. Kuvauksen pituuden tulisi olla 150-160 merkkiä.

Generator-metatagi

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

Websivun luomisessa käytetty ohjelmisto.

Keywords-metatagi

<meta name="keywords" content="computer, technical, free, help, support">

Komalla erotetut avainsanat, jotka auttavat kuvaamaan, mitä sivu sisältää. Väärinkäytön vuoksi monet hakukoneet, Google mukaan lukien, eivät enää katso avainsanoja. Monet sivustot, kuten Computer Hope, eivät enää sisällytä avainsanat-metatunnistetta mihinkään sivuunsa.

Sivun aiheen metatunniste

<meta name="page-topic" content="Free Computer help">

Sivun aihe, jota jotkut hakukoneet käyttävät. Kaikki sivut eivät tarvitse tätä.

Sivun tyyppi metatagi

<meta name="page-type" content="Technical Support">

Sivun tyyppi, jota jotkut hakukoneet käyttävät. Kaikki sivut eivät tarvitse tätä.

ProgID-metatagi

<meta name="ProgId" content="FrontPage.Editor.Document">

Tiedoston muokkaamiseen käytetty ohjelma. Samanlainen kuin generaattori.

Publisher meta tag

<meta name="publisher" content="Computer Hope">

Websivun julkaisija.

Revisit-after meta tag

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

Antaa verkkorobottien tietää, kuinka usein sivu indeksoidaan. On suositeltavaa käyttää robots.txt-tiedostoa metatunnisteiden sijasta web-robottien ohjaamiseen.

Robots-metatunniste

<meta name="ROBOTS" content="Index, ALL">

Tämän rivin avulla mahdolliset web-robotit tietävät, mitkä sivut indeksoidaan. On suositeltavaa käyttää robots.txt-tiedostoa metatagien sijasta web-robottien ohjaamiseen.

<meta name="ROBOTS" content="Index, FOLLOW">

Huomautus web-roboteille siitä, mitä toimia sivulla tulee tehdä, tässä tapauksessa seurata kaikkia sivulla olevia linkkejä.

Käytänkö kirjoituksessani ”metatagia” vai ”metatagia”?

Sanan ”metatag” tulisi olla kaksi sanaa välilyönnillä erotettuna, eikä sitä saisi kirjoittaa yhtenä sanana tai yhdysmerkillä.

Browser, HTML, HTML-termit, Internet-termit, Open Graph, Ohjelmointitermit, Robots.txt, Tag

Vastaa

Sähköpostiosoitettasi ei julkaista.