Otsikkorakenne (heading structure) tarkoittaa verkkosivun otsikkohierarkiaa, joka muodostuu HTML:n otsikkoelementeistä H1–H6. Oikein rakennettu otsikkohierarkia jäsentää sisällön loogisesti, parantaa luettavuutta ja auttaa hakukoneita ymmärtämään sivun aiheen ja rakenteen.
Miten otsikkohierarkia toimii?
HTML tarjoaa kuusi otsikkotasoa, joista H1 on tärkein ja H6 vähiten tärkeä. Otsikkohierarkia toimii kuin kirjan sisällysluettelo: H1 on kirjan nimi, H2-otsikot ovat lukujen otsikoita, H3-otsikot alalukujen otsikoita ja niin edelleen.
Käytännössä useimmilla verkkosivuilla riittää kolme otsikkotasoa (H1–H3). H1-otsikko kertoo sivun pääaiheen, H2-otsikot jakavat sisällön pääosioihin ja H3-otsikot jäsentävät alaosioita. H4–H6-otsikoita tarvitaan harvoin, ellei sisältö ole erittäin laaja ja monimutkainen.
Otsikkorakenteen vaikutus hakukoneoptimointiin
Hakukoneet käyttävät otsikkorakennetta sivun aiheen ja sisällön ymmärtämiseen. Otsikot ovat vahvoja signaaleja siitä, mitkä ovat sivun tärkeimmät aiheet ja alaaiheet. Hyvin jäsennetty otsikkorakenne auttaa hakukonetta indeksoimaan sivun sisällön tarkemmin.
Otsikkoihin sijoitetut avainsanat saavat enemmän painoarvoa kuin leipätekstin avainsanat. Tämä ei kuitenkaan tarkoita, että otsikoihin pitäisi ahtaa mahdollisimman paljon avainsanoja. Luonnollisuus ja käyttäjälähtöisyys ovat avainasemassa.
Google käyttää otsikkorakennetta myös featured snippet -nostotekstien muodostamiseen. Selkeä kysymys-vastaus-rakenne H2/H3-otsikoissa voi auttaa sivua pääsemään Googlen nollapositioon.
Yleiset virheet otsikkorakenteessa
Tavallisimpia virheitä ovat hierarkian ohittaminen (esimerkiksi suoraan H1:stä H3:een), usean H1-otsikon käyttö samalla sivulla, otsikoiden käyttö pelkästään visuaaliseen muotoiluun sekä otsikoiden puuttuminen kokonaan. Myös liian yleiset otsikot kuten “Lisätietoja” tai “Palvelut” ovat yleinen ongelma — otsikkojen tulisi olla kuvaavia ja informatiivisia.
Otsikkorakennetta ei tulisi valita pelkän ulkonäön perusteella. Jos haluat suuremman tai pienemmän tekstin, käytä CSS-tyylejä otsikkotason muuttamisen sijaan.
Yhteenveto
Otsikkorakenne on verkkosivun sisällön selkäranka. Looginen H1–H6-hierarkia parantaa sekä käyttökokemusta että hakukonenäkyvyyttä. Pk-yrityksen sivustolla oikein rakennetut otsikot auttavat hakukoneita ymmärtämään sisällön, parantavat saavutettavuutta ja tekevät sivusta helpommin luettavan kaikille kävijöille.