Untitled-3

Kuinka käytän otsikkotageja (H1, H2, H3) oikein?

Kuinka käytän otsikkotageja (H1, H2, H3) oikein?

Mikä on otsikkotagi?

Otsikkotagit (H1, H2, H3 jne.) ovat HTML-elementtejä, joita käytetään jaettamaan sivun sisältöä eri osiin ja antamaan niille hierarkiaa.

Miten käytän otsikkotageja oikein?

H1-tagi on varattu sivun pääotsikolle ja sitä tulisi käyttää vain kerran sivua kohden.
– H2-tageja käytetään varsinainen otsikot sivun sisällä ja niitä voi olla useampia.
– H3-tageja käytetään alaotsikoille ja niitä voidaan käyttää H2-tageissa olevien otsikoiden alla.

Esimerkki:

Pääotsikko

Alaotsikko 1

Tekstiä...

Alaotsikko 2

Lisää tekstiä...

Alaotsikon alaotsikko

Vielä lisää tekstiä...

Lopuksi

Otsikkotagien oikea käyttö auttaa parantamaan sivun luettavuutta ja hakukonenäkyvyyttä. Muista käyttää niitä järkevästi ja hierarkisesti sivun sisällön mukaan.

Tapio Kauranen

Hei! Minä olen Tapio Kauranen. Kansleri digimarkkinointitoimiston toinen perustaja, sekä & hakukoneoptimointiammattilainen.