Metatagit: mitä hakukoneet lukevat ennen kuin kukaan käy sivulla

Mikä metatagi on#

Metatagit ovat sivun koodissa, <head>-osassa, eivätkä ne näy itse sivulla. Ne kertovat hakukoneille, selaimille ja jakopalveluille, mikä sivun nimi on, mitä se käsittelee, saako sen näyttää hakutuloksissa ja mikä osoite on oikea. Google kertoo itse, mitä tageja se ymmärtää [1]. Tageilla, jotka ohjaavat linkkien ulkoasua jaettaessa, on oma sivunsa: Jakaminen sosiaalisessa mediassa.

Otsikko: sivun nimi hakutuloksessa#

<title> on tärkein tagi. Google muodostaa hakutuloksen otsikon (otsikkolinkin) pääasiassa sen perusteella, mutta voi käyttää myös sivun pääotsikkoa, muita otsikoita ja sivulle osoittavien linkkien tekstejä [2]. Kiinteää pituusrajaa ei ole, mutta Google lyhentää otsikon mahtumaan näytölle.

• Hyvä: yksilöllinen jokaisella sivulla, kuvaa juuri sitä sivua, alkaa tärkeimmästä. ”Puuseppä Uumajassa | Nordic Bygg AB” kertoo enemmän kuin ”Etusivu”.
• Huono: sama otsikko kaikilla sivuilla, rivi hakusanoja peräkkäin tai epämääräisiä sanoja kuten ”Aloitussivu” [2].

Sen, mikä otsikko oikeasti saa eniten klikkauksia, testaamme koelaboratoriossamme arvaamisen sijaan (katso Näin mittaamme).

Kuvaus: teksti otsikon alla#

<meta name="description"> on lyhyt tiivistelmä sivusta. Google muodostaa hakutuloksen tekstin (tekstikatkelman) useimmiten sivun omasta sisällöstä, mutta käyttää kuvausta, kun se kuvaa sivua paremmin [3]. Pituusrajaa ei ole, mutta sama kuvaus jokaisella sivulla ei auta. Kuvaus ei vaikuta sijoitukseen suoraan; se vaikuttaa siihen, klikkaavatko ihmiset.

Robots, canonical ja hreflang: mitä saa näyttää ja mikä osoite on voimassa#

• robots (noindex, nofollow …) kertoo, saako sivun näyttää hakutuloksissa. Oletuksena kaiken saa näyttää; kun kaksi sääntöä on ristiriidassa, tiukin pätee [1]. Unohtunut noindex uuden verkkosivuston jälkeen on yksi yleisimmistä syistä siihen, että sivu katoaa Googlesta.
• canonical (<link rel="canonical">) osoittaa, mikä osoite on alkuperäinen, kun sama sisältö on saatavilla useasta osoitteesta. Se on vahva signaali, ja osoite kannattaa kirjoittaa kokonaan [4].
• hreflang kertoo, mitkä sivut ovat toistensa kieliversioita. Jokaisen version on mainittava itsensä ja kaikki muut; muuten tageja ei huomioida [5].

Viewport ja merkistökoodaus#

<meta name="viewport"> kertoo, että sivu on tehty mobiilille, ja merkistökoodauksen pitää olla UTF-8, jotta kirjaimet kuten å, ä ja ö näkyvät aina oikein [1]. Molemmat ovat pieniä rivejä, joilla on suuri merkitys: ilman viewportia sivu näyttää puhelimessa pienennetyltä tietokonesivulta (lue lisää mobiilista ja nopeudesta kohdasta Nopeus).

Myytit: tagit, jotka eivät tee mitään#

• meta keywords ei ole Google-haun käytössä eikä vaikuta indeksointiin tai sijoitukseen [1].
• Täydellinen kuvaus ei nosta sivun ”sijoitusta”. Se saa useamman klikkaamaan, kun sivu jo näkyy.

Tämän me teemme#

• Jokainen rakentamamme sivu saa oman otsikon ja oman kuvauksen, itseensä viittaavan canonicalin, oikean kielen ja viewportin, ja tarkistamme ne valmiilta sivulta.
• Kun siirrämme olemassa olevan verkkosivuston meille, korjaamme päällekkäiset ja puuttuvat otsikot ja kuvaukset muuttamatta osoitteita (katso Vaihda ilman menetyksiä).
• Maksuttomassa analyysissa näet, miltä sivuilta otsikko ja kuvaus puuttuvat tai millä sivuilla ne ovat samat.