Heti alkuun täytyy todeta, että H1, H2, H3 jne. tagien käyttäminen ajatuksella, jossa kantava voima on käyttää edellä mainittuja vain kätevänä pikavalintatyökaluna oletusfonttien, niiden kokojen ja värien osalta, on erittäin toimiva tapa saada sivusto hakukoneiden silmissä sekavaksi sekä siten vähemmän kurantin informaation lähteeksi. Oikein toteutettu otsikkohierarkia selkeyttää sisällön – pelkkä fontin määrittely ei riitä hakukonenäkyvyyteen.
Mitä muuta siis H1-hierarkia on, paitsi tapa valita visuaalisesti miellyttävä fontti?
H1-hierarkia viittaa HTML:n otsikkotunnisteisiin (H1, H2, H3 jne.), joilla jäsennellään verkkosivun sisältöä loogiseen järjestykseen. Tällä tavalla varmistetaan sekä sivustokävijälle että hakukoneille selkeä ja johdonmukainen rakenne.
Paras käytäntö on, että jokaisella yksittäisellä verkkosivulla on vain yksi H1-otsikko. Sen tulee sisältää sivun päähakufraasi ja kuvata selkeästi sivun pääaihetta. H2-, H3- ja alemmat otsikkotasot kuvaavat alateemoja ja syventävät pääotsikon aihetta.
Useampi H1 samalla sivulla ei ole teknisesti ”kiellettyä” – HTML5 sallii sen – mutta käytännössä se sekoittaa hakukoneen tulkintaa. Siksi yksi selkeä H1 on edelleen varauksetta suositeltavin toteutustapa.
Miksi tällä on merkitystä?
Kun otsikot rakennetaan loogisesti, pysyt itse viestinnässäsi kuljettajan paikalla:
- Sivustokävijä ymmärtää sisällön rakenteen.
- Hakukoneet tunnistavat helposti, mikä on sivun pääteema ja mitä siihen liittyviä ala-aiheita sivulla käsitellään.
- Myös saavutettavuus paranee, sillä ruudunlukuohjelmat käyttävät otsikkohierarkiaa navigointiin.
Jos taas ajatuksena on ”tähän sopisi taas hienosti iso fontti, läimäistäänpä H1:stä kehiin”, lopputulos on sivu, jonka logiikka katoaa – niin lukijan kuin hakukoneenkin näkökulmasta.
Miten itse lähestyä aihetta?
Koska hakukonejättien algoritmeihin ei ole pääsyä, ajattelen asian aina näinkin yksinkertaisesti: ”Jos olisin hakukone, kumpaa sivustoa suosittelisin?
- Sitä, jonka rakenne on ymmärrettävä ja looginen, vai sitä, jonka viestin ymmärtäminen vaatii arvailua?”
Lyhyt checklist seuraavaa verkkosivua varten:
- Vain yksi H1 per sivu – sisältäen päähakufraasin.
- Looginen hierarkia H2 → H3 → H4 – jokainen alempi otsikko syventää ylempää.
- Yhtenäinen viestintä – seo title, meta description ja H1 tukevat toisiaan.
- Saavutettavuus – rakenne toimii myös ruudunlukuohjelmissa.
- Käyttäjä edellä – otsikoiden on vastattava hakutarkoitusta ja johdateltava sisältöä.
Tämä yksinkertainen rakenne on yksi tärkeimmistä SEO-kulmakivistä, ja samalla keino tehdä sivustostasi käyttäjäystävällinen.