Otsikkohierarkia ja miksi se on tärkeä – SEO-perusteet, osa 1

Aloitan tällä artikkelilla SEO-perusteet-sarjan, jossa käyn läpi verkkosivujen hakukoneoptimoinnin perusasioita yksi kerrallaan ja selkokielellä. Ensimmäinen osa käsittelee otsikkohierarkiaa, koska se on pohja, jonka päälle moni muu perusasia rakentuu. Se vaikuttaa sekä siihen, miten ihminen lukee sivuasi, että siihen, miten hakukone ja ruudunlukija sen ymmärtävät.

Mitä otsikkohierarkia tarkoittaa

Verkkosivun otsikoilla on tasot, aivan kuten kirjalla. Sivun pääotsikko on H1, sen alla olevat väliotsikot ovat H2, ja niiden alaotsikot H3, ja niin edelleen. Kirjain H tulee englannin sanasta heading eli otsikko.

Ajattele sivua kirjana. H1 on kirjan nimi: se kertoo, mistä koko sivu kertoo, ja sitä on sivulla vain yksi. H2-otsikot ovat lukuja, jotka jakavat sisällön pääosioihin. H3-otsikot ovat lukujen sisäisiä väliotsikoita. Hierarkia tarkoittaa, että nämä tasot ovat loogisessa järjestyksessä eivätkä mene sekaisin.

Otetaan esimerkki tästä samasta artikkelista. Sen pääotsikko (H1) on artikkelin nimi, ja jokainen väliotsikko, kuten ”Miksi se on tärkeä” ja ”Yleisimmät virheet”, on H2. Jos jokin näistä osioista jakautuisi vielä pienempiin kohtiin, ne olisivat H3-tasolla. Näin lukija ja hakukone näkevät yhdellä silmäyksellä, miten sisältö rakentuu.

Miksi se on tärkeä

Otsikkohierarkia palvelee kolmea asiaa yhtä aikaa.

Ensinnäkin lukijaa. Selkeät otsikot tekevät sivusta silmäiltävän. Harva lukee sivua sanasta sanaan; useimmat silmäilevät otsikoita ja pysähtyvät siihen, mikä kiinnostaa. Hyvä otsikkorakenne auttaa löytämään etsimänsä nopeasti.

Toiseksi hakukonetta. Google käyttää otsikoita hahmottaakseen, mistä sivu kertoo ja miten sen sisältö jäsentyy. H1 kertoo sivun pääaiheen, ja väliotsikot kertovat, mitä osa-alueita se käsittelee. Selkeä rakenne auttaa hakukonetta ymmärtämään sivusi oikein.

Kolmanneksi saavutettavuutta. Ruudunlukuohjelmaa käyttävä liikkuu sivulla usein otsikosta otsikkoon. Looginen hierarkia toimii hänelle sisällysluettelona, jonka avulla hän voi hypätä suoraan haluamaansa kohtaan. Jos otsikot ovat sekaisin, navigointi vaikeutuu. Saavutettavuuden perusteista kirjoitin oman artikkelin.

Sama huolellisuus siis palvelee kaikkia kolmea. Tämä on SEO:n ja saavutettavuuden yhteinen piirre: se mikä auttaa hakukonetta, auttaa usein myös käyttäjää.

Yleisimmät virheet

Tavallisin virhe on valita otsikkotaso sen mukaan, miltä se näyttää. ”Tämä otsikko näyttää liian isolta, vaihdetaan se H3:ksi” on väärä peruste. Otsikkotaso valitaan sisällön rakenteen mukaan, ja koko säädetään erikseen ulkoasusta. Toisin sanoen otsikot ovat rakennetta varten, eivät tyyliä varten.

Toinen tavallinen virhe on tasojen hyppiminen, esimerkiksi H2:sta suoraan H4:ään. Se rikkoo loogisen järjestyksen ja sekoittaa sekä hakukonetta että ruudunlukijaa. Etene aina tasoittain.

Kolmas on usean H1:n käyttö tai H1:n puuttuminen kokonaan. Jokaisella sivulla pitäisi olla yksi selkeä pääotsikko, joka kertoo, mistä sivu kertoo.

Neljäs on otsikkotyylin käyttäminen pelkän ison tai lihavoidun tekstin saamiseksi. Jos haluat korostaa yksittäistä kohtaa, käytä lihavointia, älä otsikkotasoa. Otsikko on lupaus siitä, että sen alla on kokonainen osio.

Miten tämä näkyy käytännössä

Useimmissa julkaisujärjestelmissä, kuten WordPressissä, otsikkotaso valitaan tekstieditorista. Pääotsikko (H1) tulee yleensä automaattisesti sivun tai artikkelin otsikosta, joten sinun ei tarvitse lisätä sitä erikseen. Leipätekstin väliotsikot merkitset itse H2:ksi ja H3:ksi sisällön rakenteen mukaan.

Voit tarkistaa oman sivusi rakenteen lukemalla pelkät otsikot ylhäältä alas: muodostavatko ne loogisen sisällysluettelon? Jos kyllä, hierarkia on todennäköisesti kunnossa. Tähän on myös ilmaisia selainlaajennuksia, jotka näyttävät sivun otsikkorakenteen kerralla.

Tarkistuslista: näin tarkistat otsikkohierarkian

Käy sivusi läpi näiden kohtien kanssa:

• Onko sivulla yksi selkeä pääotsikko (H1), joka kertoo sen aiheen?
• Ovatko pääosiot H2-tasolla ja niiden alaotsikot H3-tasolla?
• Eteneekö hierarkia tasoittain ilman hyppyjä, esimerkiksi H2:sta H4:ään?
• Onko jokainen otsikkotaso valittu rakenteen, ei ulkoasun, mukaan?
• Kertooko jokainen otsikko selkeästi, mitä sen alla on?

Jos vastaat näihin kyllä, otsikkohierarkiasi on kunnossa, ja olet tehnyt yhden perusasian, joka palvelee yhtä aikaa lukijaa, hakukonetta ja ruudunlukijaa.

Seuraavissa SEO-perusteet-sarjan osissa käsittelen muita on-page-perusasioita, kuten sivun otsikkoa ja metakuvausta, sisäistä linkitystä ja kuvien optimointia.