Otsikkotunnisteet: mitä ne ovat ja miten niitä käytetään

Kun aloitin bloggaamisen, minulla ei ollut aavistustakaan, kuinka strukturoida viestejäni hakukoneille sopivaksi, tai edes miksi se oli tärkeää.

Heitin vain lihavoituja sanoja ja lauseita, jotka näyttivät hyvältä ja toivoin, että ne valitaan satunnaisesti hakukoneiden tulossivuille (SERP).

Nyt tiedän, että siihen on olemassa tiede blogin optimointi, ja mitä laitoin blogikirjoituksiini saadakseni ne näyttämään ammattimaisilta, kutsuttiin otsikko-/otsikkotunnisteiksi – ja ne ovat tärkeä työkalu ymmärtämisen kannalta. ja SEO.

Tässä on lyhyt opas otsikkotunnisteista ja niiden käytöstä:

• H1 - Viestin otsikko. Ne ovat yleensä avainsanakeskeisiä, keskittyvät sivun tai viestin "suuriin ideoihin" ja ne on muotoiltu kiinnittämään lukijan huomio.
• H2 — Nämä ovat alaotsikoita, jotka luokittelevat kappaleidesi ja erillisten osioiden pääkohdat. Harkitse semanttisten avainsanoja, jotka liittyvät H1:n "suuriin ideoihin", ja autat samalla lukijaa löytämään helposti osiot, joita he haluavat lukea.
• H3 — Nämä ovat alakohtia, jotka selventävät H2:ssa esitettyjä kohtia. Vaihtoehtoisesti niitä voidaan käyttää luetteloiden tai luettelomerkkien muotoilussa.
• H4 — Nämä ovat alakohtia, jotka selventävät H3:ssa esitettyjä kohtia. Vaihtoehtoisesti niitä voidaan käyttää luetteloiden tai luettelomerkkien muotoilussa.

"H" H1:ssä, H2:ssa jne. tarkoittaa virallisesti "otsikkoelementtiä", vaikka hakukoneoptimointiyhteisö kutsuu näitä tunnisteita yleisesti myös "otsikkotunnisteiksi".

Kuten yllä olevasta oppaasta voit arvata, numero ilmaisee hierarkkisen suhteen kunkin välillä (H1 on tärkein, H2 vähemmän tärkeä ja niin edelleen).

Tässä on esimerkki siitä, kuinka tämä hierarkkinen rakenne voi ilmetä blogissa:

Nyt kun ymmärrät, että otsikkotunnisteet muodostavat sivun rakenteen, puhutaanpa niistä tarkemmin, alkaen H1-tunnisteesta. 

Älä tee sitä virhettä, että käytät otsikkotunnisteita pelkkänä tyylielementteinä. Loppujen lopuksi ne ovat rakenteellisia. Ajattele H1:tä kuin kirjan nimeä. Yleensä kirjalla on vain yksi nimi, joten sivullasi tai viestilläsi saa olla vain yksi nimi. 

Lisäksi H1-tunnisteiden tulee aina olla sivusi yläreunassa ennen muuta sisältöä, aivan kuten kirjan nimi on ulkokannessa ennen kuin sukeltaa tekstin sisäpuolelle.

Havainnollistamiseksi, otsikkotunniste alla olevassa esimerkissä on otsikko "Lopullinen opas tuotemarkkinointiin vuonna 2021"

Otsikko on merkitty sivun H1:ksi HTML-koodilla. Tämä koodi saattaa ilmetä verkkosivun lähdekoodissa seuraavasti:

Katso kynä H1 Esimerkki 1 kirjoittanut Christina Perricone (@hubspot) On CodePen.

Kuitenkin, kuten aiemmin viittasimme, on myös muita otsikkotunnisteita, jotka auttavat myös sivun rakenteen luomisessa.

Kuinka monta otsikkotunnistetta HTML tukee?

HTML tukee jopa kuutta otsikkotunnistetta (H1-H6), joiden avulla voit jäsentää sivusi tarpeen mukaan. Ne voidaan tyylitellä visuaalisesti brändisi mukaan, ja H1:tä lukuun ottamatta voit käyttää sivulla niin monta tunnistetta kuin haluat. 

Otsikojesi tulee pysyä kirjoittamasi teemassa, koska ne voivat auttaa lukijaa (ja hakukoneita) löytämään sisällön pääkohdat ja ohjata heitä sivun kulun läpi. Kun muotoilet, käytä parasta harkintakykyäsi osioiden jakamisessa.

Alla on kuvakaappaus HubSpot-blogiviestistä, jossa on esimerkkejä otsikkotunnisteista, jotka on merkitty nuolilla:

Kuten näet, jokainen otsikkotunniste näyttää erilaiselta visuaalisesti, ja jokaista otsikkotunnistetta käytetään uudelle idealle.

Nyt kun tiedät hieman enemmän siitä, mitä otsikkotunnisteet ovat, katsotaanpa, miten niitä käytetään hakukoneoptimoinnissa.

Otsikkotunnisteet ja SEO

Saatat ajatella, että otsikkotunnisteet ovat merkityksettömiä verkkosivustoihin liittyvissä asioissa. Otsikkotunnisteet voivat kuitenkin auttaa rakentamaan sisältöä sisällölle ja kiinnittää huomion tärkeimpiin ideoihin, teemoihin ja (itse asiassa) avainsanat siinä sisällössä. Tämän seurauksena otsikkotunnisteet pitävät painonsa avainsanan osuvuuden ja luettavuuden kanssa. 

Harkitse tätä: Google löytää sisältöä, jota se palvelee käyttäjilleen indeksoimalla verkkosivuja. Kun se tekee niin, se analysoi tekstiä, kuvia ja muita löytämiään elementtejä ymmärtää, mistä sivulla on kyse.

Kun lisäät tekstiä otsikkotunnisteeseen, osoitat, että tämä teksti on tärkeä, ja Google käyttää näitä määrittämään sivun kontekstin, mikä auttaa Googlea näyttämään hakutuloksia, jotka liittyvät hakijoiden kyselyihin.

Tästä syystä otsikkotunnisteita käytettäessä on tärkeää varmistaa, että ne vastaavat oikein a avainsanan tarkoitus. Jos viestin H1-tunnisteessa ei ole avainsanaa tai jos laitat epäolennaista tekstiä H2- ja H3-tunnisteisiin, Googlen on vaikeampi ymmärtää sivua. Tämän seurauksena sivu ei sijoitu niin hyvin kuin voisi. 

Esimerkkinä oletetaan, että avainsanasi on "verkkokauppa". Haluat tämän näkyvän H1-tunnisteessasi, joten otsikko, kuten "Opas sähköisen kaupankäynnin aloittamiseen", olisi ihanteellinen. Se kertoisi Googlelle tarkalleen, kuinka verkkoselaimet lähetetään viestiisi.

Hakukoneet tarkastelevat myös viestisi otsikkotunnisteita, joten on hyvä pitää myös ne avainsanakeskeisinä. Voit esimerkiksi luoda H2-osioita, jotka ympäröivät suosittuja verkkokauppaan liittyviä avainsanoja, kuten "viisi vaihetta verkkokauppayrityksen luomiseen" tai "verkkokaupan parhaat sosiaalisen median työkalut".

Sinun ei myöskään tarvitse miettiä avainsanoja itse – itse asiassa voit tehdä niitä helposti Hakusanalla tutkimus auttamaan sinua tai tutkimaan avainsanatutkimustyökaluja, kuten SEMRush or Ahrefs. Varmista vain, että otsikkotunnistesi ovat ystävällisiä sekä ihmisille että hakukoneroboteille.

Myös otsikot helpottavat sivujen lukemista. Verkkosivun eri osien osittaminen pitää tiedot järjestyksessä ja hajallaan ymmärrettävällä tavalla. Tämä auttaa lukijoita löytämään etsimäänsä tietoa, mutta myös hakukoneita, jotka etsivät mukana.

Jos osioissasi ei ole järkeä, sivusi ei välttämättä sijoittuisi. Ajattele tämän viestin osia – olivatko ne mielestäsi hajotettuja luettavalla tavalla?

Otsikkotunnisteiden lisääminen HTML:ään

Otsikkotunnisteiden lisääminen HTML:ään on melko yksinkertainen prosessi. Jos haluat kirjoittaa H1:n, kirjoita se ja , sijoittamalla H1-tekstin näiden kahden tunnisteen väliin. Tämä on sama menetelmä kaikille otsikkotunnisteille.

Jos esimerkiksi h1 oli "Opas sähköisen kaupankäynnin aloittamiseen,"se näyttäisi tältä:

Katso kynä H1 Esimerkki 2 kirjoittanut Christina Perricone (@hubspot) On CodePen.

Tämä toimii HTML4:lle tai vanhemmille. Jos työskentelet HTML5:n kanssa, saatat joutua käyttämään hieman eri riviä saadaksesi saman tuloksen. Muutoksen tarkoituksena on antaa Googlelle tieto siitä, mikä H1 on:

Katso kynä H1 Esimerkki 3 kirjoittanut Christina Perricone (@hubspot) On CodePen.

Voit myös lisätä välimerkkejä kahden tunnisteen väliin. Sinulla saattaa olla esimerkiksi:

Katso kynä H3 Esimerkki 1 kirjoittanut Christina Perricone (@hubspot) On CodePen.

Muista, että Google skannaa otsikkotunnisteiden HTML-koodin kertoakseen selaimille, mistä sivullasi on kyse, joten on tärkeää tarkastella niitä ja tarkistaa, onko HTML-otsikot muotoiltu oikein.

Joidenkin blogialustojen, kuten WordPressin ja HubSpotin, työkalupalkissa on mahdollisuus luoda otsikkotunnisteita, joten aina kun haluat lisätä sellaisen, sinun ei tarvitse kaivaa lähdekoodia tai HTML-koodia tehdäksesi niin.

Kun seuraavan kerran luot julkaisun verkkosivustollesi, katso, vaikuttaako osuvien otsikkotunnisteiden lisääminen hakukoneoptimointiin ja kuinka lukijasi ymmärtävät tietoja.

Hyvä testi, jota tykkään käyttää, on postausten lähettäminen läheiselle perheenjäsenelle, joka ei tiedä paljoa bloggaamisesta tai markkinoinnista. Ulkopuolisten palautteen käyttäminen ja kysyminen, ymmärtävätkö he kirjoitukseni ennen julkaisua, auttaa minua muotoilemaan viestejä niin, että ne ovat ymmärrettäviä.

Koska otsikoiden käyttö voi parantaa käyttäjien luettavuutta ja hakukoneiden indeksoitavuutta, ei ole mitään syytä olla käyttämättä niitä sivuja ja viestejä luotaessa. Saatat jopa nähdä hyppyjä hakukonesijoituksissa, liikenteessä ja sivulla käytetyssä ajassa.

Toimittajan huomautus: Tämä viesti julkaistiin alun perin tammikuussa 2020, ja sitä on päivitetty kattavuuden vuoksi.

Lähde: https://blog.hubspot.com/marketing/header-tags