Miten otsikoida nettisivujen sisällöt ja mikä on H1-otsikko?

Elämme hektisessä maailmassa, jossa aika on rajallista ja todella arvokasta. Siksi nettisivuillesi klikkaava ei sinne saapuessaan useinkaan lue kaikkea sisältöä huolellisesti alusta loppuun, vaan hän skannaa → silmäilee sivun nopeasti läpi ja päättää usein jo muutamassa sekunnissa, löytyykö sivustoltasi ratkaisu juuri hänelle.

Tässä kohtaa otsikot nousevat nettisivujen tärkeimpään rooliin. Monesti sivustolla voi olla ihan loistavaa sisältöä, mutta jos olennainen tieto ei löydy jo heti otsikkotasolla, kävijä ei koskaan pääse niihin loistaviin sisältöihin asti.

Miksi otsikointi on niin tärkeää?

Hyvä otsikointi palvelee aina kahta lukijaa yhtä aikaa.

  • Ihmistä, joka haluaa ymmärtää nopeasti, mistä sivulla on kyse ja kannattaako sinne jäädä.

  • Hakukoneita ja tekoälyä, jotka lukevat otsikoista, mikä sisältö sivulla on oleellisinta ja mihin hakuihin sivu vastaa.

Kun otsikot on helppolukuisia ja nopeasti ymmärrettäviä, sivustosi palvelee näitä molempia. Tästä syystä hyvä ja huolellisesti mietitty otsikointi on yksi tärkeimmistä asioista, joita voit nettisivuillasi tehdä.

Mitä H1, H2, H3 ja H4 tarkoittavat?

Nettisivuilla otsikot jaetaan tasoihin. Teknisesti tasoja on kuusi (H1–H6), mutta useimmilla sivustoilla on käytössä neljä otsikkotasoa: H1, H2, H3 ja H4. Esimerkiksi Squarespacessa nämä neljä on jo valmiina tekstityökalussa.

Nettisivuilla tasot näkyvät usein kokona:

  • H1 on suurin otsikko

  • H2 on seuraavaksi suurin

  • H3 on tätä pienempi

  • H4 on pienin otsikkotaso

Hakukoneille ja tekoälylle nämä tasot ovat koodiin merkittyjä suuntaviivoja siitä, mikä sisältö on tärkeintä ja miten muu sisältö liittyy siihen tärkeimpään.

Esimerkki siitä, miten otsikkotasot voi olla aseteltuna nettisivuille.

Voi olla, että tässä kohtaa mietit “apua miten teknistä hommaa”, mutta taustalla on hyvin simppeli psykologiaan perustuva periaate: ihminen kiinnittää huomionsa ensin isoon tekstiin ja vasta sitten pienempään. Mitä olennaisempi sisältö, sitä isompi otsikko.

👉🏼 Haluatko tukea nettisivujen rakentamiseen ja kehittämiseen? Tutustu NettisivuStudioon.

H1-otsikko on sivusi arvolupaus

Jokainen nettisivujesi yksittäinen sivu alkaa H1-otsikolla. Se on sivun tärkein otsikko ja sen tehtävä on kertoa kävijälle heti:

  • mitä sivulla käsitellään

  • onko sisältö juuri häntä varten

Etusivulla ja palvelusivuilla H1-tason otsikko toimii usein arvolupauksena, eli sen tehtävä on kertoa, mitä tarjoat ja kenelle. Blogikirjoituksessa H1 on taas kirjoituksen otsikko.

Tärkein sääntö on tämä: käytä H1-otsikkoa jokaisella sivulla vain kerran. Näin sekä kävijä että hakukone ymmärtää nopeasti, mistä milläkin sivulla on kyse. Jos sivulla on useampi H1-tason otsikko, niin viesti siitä mikä on tärkeintä, hämärtyy.

Vinkki Squarespace-käyttäjälle: blogikirjoituksen otsikko on aina automaattisesti H1-tason otsikko. Älä siis lisää tekstin sisään toista H1-otsikkoa, vaan aloita väliotsikot H2-tasolta.

H2 ja ja siitä pienemmät otsikkotasot tukevat pääviestiä

Kun kävijä kiinnostuu H1-tason otsikostasi ja jatkaa sivulla eteenpäin, vastaan tulee seuraavaksi H2-otsikot. Ne jakavat sivun sisällön selkeisiin osiin.

  • Palvelusivulla H2 voisi olla esimerkiksi otsikko, josta asiakas tunnistaa itsensä ja oman tilanteensa.

  • Etusivulla H2 voi johdattaa esimerkiksi palveluidesi esittelyyn.

H3- ja H4-otsikoilla taas tarkennetaan H2-osioiden sisältöä entisestään. Mitä alemmas otsikkotasoissa mennään, sitä enemmän otsikon tehtävä on tukea ylempää tasoa.

Nyrkkisääntö, jonka opit jo koulussa

Muistatko, kun koulussa kirjoitettiin aineita ja tutkielmia? Pääotsikko kertoi aiheen ja väliotsikot jakoivat sen pienempiin osiin. Sama logiikka toimii nettisivuilla: mitä ylemmän tason otsikko, sitä tärkeämpi se on.

Tässä muutama käytännön vinkki:

  • Valitse otsikkotaso sisällön tärkeyden mukaan - älä pelkästään sen perusteella, minkä kokoiselta haluat tekstin näyttävän.

  • Etene tasoissa järjestyksessä: H2:n alle tulee H3, ei suoraan H4.

  • Kirjoita otsikot niin, että pelkästään ne lukemalla saa jo käsityksen koko sivun sisällöstä.

Viimeinen kohta on omasta mielestäni se kaikista tärkein → Jos kävijä ymmärtää pelkkiä otsikoita skannaamalla, mitä tarjoat ja miksi, olet onnistunut otsikoinnissa erinomaisesti.

Käytä aikaa otsikoihin

Lopuksi haluan vielä sanoa, että koska otsikointi on nettisivuilla ihan valtavassa roolissa, niin jos johonkin kannattaa käyttää aikaa, niin niiden muotoiluun. Hyvin mietityt otsikot pitävät asiakkaasi kiinnostuneena siitä, mitä juuri sinulla on sanottavana. Ne auttavat häntä tunnistamaan sisällöistä itsensä ja ohjaavat häntä etenemään ostopolulla haluamaasi suuntaan.

Kokeile seuraavaksi tätä: avaa oma etusivusi ja lue siitä pelkät otsikot. Kertovatko ne, mitä teet ja kenelle?


Bea Mattila

Verkkosivustrategi ja ostopolkujen kehittäjä⚡

https://bybeasusan.com
Seuraava
Seuraava

Käyttäjäystävälliset verkkosivut: parempi asiakaskokemus ja vahvempi brändi 💫