Otsikon tunnisteet

Mitä ovat otsikkotunnisteet?

Otsikkotunnisteet ovat HTML-tunnisteita, joita käytetään erottamaan otsikot ja väliotsikot muusta verkkosivun sisällöstä, tärkeysjärjestyksessä H1-H6.

Useimmiten tarvitset vain H1-H4-luokkia, joissa:

• H1 on sivun ensisijainen otsikko ja otsikko.
• H2 on alaotsikko ja tukikohta
• H3 on H2:n alla oleva alajakso tai luettelokohta.
• H4 on H3:n alainen ala- tai luettelokohta.

Huomaa myös, että H1-tagi ja otsikkotunniste eivät ole HTML:ssä samoja elementtejä. Kaikki otsikkotunnisteet kuvaavat sitä, mitä itse sivulla näkyy, mutta title-tunniste ilmoittaa sivun otsikon selainikkunaa ja hakukoneen tulossivun pätkää varten.

Kun siis katsot tiettyä verkkosivua, H1 on lähellä itse sivun yläosaa, kun taas "otsikko" näkyy selainikkunassa tai välilehdessä.

Miksi otsikkotunnisteet ovat tärkeitä SEO:n kannalta?

Otsikkotunnisteet auttavat käyttäjiä navigoimaan ja selaamaan sivua. Ne jakavat tiedot niin, että lukijat voivat skannata ne ja löytää etsimänsä nopeasti.

Otsikoiden käyttö auttaa kuitenkin myös tekemään verkkosivustostasi hakuystävällisemmän. Hakukoneet käyttävät otsikoita ymmärtääkseen paremmin sivun osiot.

Yleisesti ottaen otsikkotunnisteet auttavat pitämään sisällön jäsenneltynä ja helppokäyttöisenä sekä hakukoneille että lukijoille.

Parhaat käytännöt otsikkotunnisteille

1. Älä täytä otsikkotunnisteita liikaa avainsanoilla.

Jos olet noudattanut SEO:n parhaita käytäntöjä yli muutaman vuoden ajan, olet luultavasti tottunut sisällyttämään kohdeavainsanat H1-, H2- ja H3-tageihin.

Nämä otsikot olivat ennen tärkeitä sijoitustekijöitä, mutta nyt Googlen algoritmi on muuttunut älykkäämmäksi. Tämän seurauksena otsikoissa olevilla avainsanoilla ei ole enää samaa vaikutusta kuin ennen.

Tästä huolimatta on silti hyvä idea sisällyttää avainsanoja otsikkotageihin. Nykyään kannattaa kuitenkin keskittyä lisäämään niitä viisaammin ja luonnollisemmin. Viimeinen asia, jonka haluat, on täyttää otsikkotunnisteesi niin täyteen, että Google lukee sivusi roskapostiksi.

Viime aikoina olemme nähneet lisäsyyn olla harkitseva avainsanojen kanssa otsikkotunnisteissa: hyvillä, itsestään selvillä alaotsikoilla voi saada näkyviin snippetin, erityisesti ohjeissa tai luetteloissa.

2. Pidä otsikot lyhyinä ja johdonmukaisina

Toinen tärkeä tapa otsikoissa on pitää ne lyhyinä ja yhtenäisinä aina kun mahdollista. Yritä rajoittaa otsikoiden pituus 3-5 sanaan ja rakenna ne johdonmukaisesti, jotta lukijoiden on helppo skannata ne.

Muista, että otsikot on suunniteltu jakamaan tekstiseinä siisteiksi ja siisteiksi osioiksi, joten on ymmärrettävää, miksi liian pitkät otsikot ja väliotsikot eivät yksinkertaisesti näytä hyvältä sivuilla.

Nämä pikaotsikot helpottavat lukijoita ja auttavat Googlea myös ymmärtämään paremmin sivujesi sisältöä.

3. Käytä otsikkotunnisteita sisällön hierarkiaa varten.

Tiedätkö, miksi otsikkotunnisteet ylipäätään ovat olemassa? Otsikkotunnisteiden alkuperäinen tarkoitus on ylläpitää HTML-sivun oikeaa sisältöhierarkiaa.

H1 on jälleen pääotsikko, H2:t ovat alaotsikoita, H3:t H2:iden sisällä ovat kyseisen osion ala-alaotsikoita ja niin edelleen. Kussakin osiossa alenevassa järjestyksessä kannattaa aloittaa tärkeimmistä ja olennaisimmista tiedoista ja edetä siitä eteenpäin.

4. Tarkista, että CSS-otsikon muotoilu on johdonmukainen.

Oletusarvoisesti HTML tekee hyvää työtä verkkosivun visuaalisen hierarkian luomisessa.

H1- ja H2-tunnisteiden fonttikoot ja painotukset ovat yleensä suurempia (noin 32 px ja 24 px), ja H3- ja H4-tunnisteiden fontit ovat pienempiä (18 px ja 16 px).

Vaikka tästä ei olekaan mitään tiukkaa sääntöä, olemme joskus nähneet sivustoteemoja, joissa H3- ja H4-kohdat ovat suurempia kuin H2-kohdat.

Verkkosivustollasi voit tehdä muutoksia CSS-tyylitaulukkoon, jotta voit luoda johdonmukaisen otsikkosuunnittelun ja asianmukaisen fontin muotoilukoodin tai lisätä valitsijoita mukautettuun CSS-kenttään ylimääräisenä tyylitaulukkona.

Toisinaan H3-merkkejä voidaan käyttää myös silloin, kun pitäisi käyttää H2-merkkejä. Tämä on yleistä, jos otsikkosuunnitelmaa ei ole määritetty oikein. Vaikka tämä ei olekaan ratkaiseva vaihe, sillä varmistetaan, että tarjoat parhaan mahdollisen käyttäjäkokemuksen ja saat parhaan SEO-arvon Googlessa.

UKK

Voinko käyttää useita H1-tageja?

Kyllä voit. Googlen mukaan se ei ole ongelma. Paras SEO-käytäntö on kuitenkin se, että sivulla on yksi H1-kohta.

Vaikka se ei olisikaan Googlen etu, vain yksi H1-tunniste sivua kohden auttaa pitämään sivut yhtenäisinä ja helposti ymmärrettävinä, jos muut käyttäjät joutuvat tekemään muutoksia.

H1- ja otsikkotunnisteet - voivatko ne olla erilaisia?

Oletusarvoisesti H1 ja otsikko ovat identtiset, kun julkaiset uuden viestin. Voit kuitenkin halutessasi kirjoittaa eri otsikot ja H1:t.

Voit esimerkiksi haluta otsikon olevan lyhyempi, jotta se näyttäisi hyvältä SERP:ssä, kun taas H1 voi olla hieman pidempi sivun kävijöiden kannalta - tai voit halutessasi sisällyttää vuosiluvun otsikkoon ja jättää sen pois H1:stä.

Olipa syysi mikä tahansa, hakukoneoptimoinnin kannalta on täysin ok, että H1- ja otsikkotunniste ovat erilaisia.

Kuinka monta tasoa otsikkotunnisteita on olemassa?

HTML tukee yhteensä kuutta otsikkoa: H1-H6. Tämä tarkoittaa, että sinulla ei voi olla H7, H8 ja niin edelleen.

On kuitenkin harvinaista, että tarvitsisit H4:n lisäksi muita alajaksoja. Jos huomaat tarvitsevasi H5- ja H6-osiota yhdellä sivulla, kannattaa miettiä, tungetko liikaa tietoa yhdelle sivulle.

Sen sijaan voit luoda sisällölle erillisen sivun, jotta sitä olisi helpompi lukea.