On-page SEO eli sivuston sisäinen hakukoneoptimointi

Sisäisen hakukoneoptimoinnin onnistuminen perustuu useisiin avaintekijöihin. Näiden ”kulmakivien” ymmärtäminen ja implementointi on olennaista tehokkaan On-Page SEO:n toteuttamisessa. Tässä osiossa käsittelemme seuraavat tärkeät osa-alueet:

• Avainsana-analyysi
• Strategiset paikat avainsanoille
• URL-rakenne
• Otsikkorakenne
• Meta Title & Meta Description
• Sisäinen linkitys
• Kuvien optimointi

Avainsana-analyysi ja sen merkitys

Avainasana-analyysi on sivuston optimointi mielessä yksi tärkeimmistä asioista. Se on olennainen osa, että sisältö pystytään ylipäätään optimoimaan jotain varten. Avainsanatutkimus tai hakusana-analyysi tarkoittaa prosessia, missä tunnistetaan ihmisten säännöllisesti hakemia hakutermejä, niiden hakuvolyymiä ja muita ominaisuuksia kuten kilpailutilannetta.

Huolellinen ja laadukas analyysi on SEO-strategian tärkeää pohjatyötä. Pitää tietää mitä ihmiset oikeasti hakevat. Vasta tämän pohjalle voidaan luoda sisältösuunnitelma, miettiä optimaalinen sivuston rakenne, sisällöntuotannon priorisaatiot ja itse sisältö.

Avainsana-analyysi kannattaa tehdä säännöllisin väliajoin, sillä käyttäjien hakemat termit, niiden määrät ja intentiot saattavat vaihdella ajan kuluessa. Analyysiä tulee siis päivittää aivan kuten sisältöäkin.

Analyysin voi tehdä ilmaisilla työkaluilla kuten Google Search Consolen datan avulla, Googlen omalla Keyword Planner avainsana-ohjelmistolla, käyttämällä Googlen autosuggest toimintoa tai käyttämällä maksullisia työkaluja. Maksullisista työkaluista parhaita ja hyviä vaihtoehtoja ovat muun muassa Ahrefs ja Semrush.

Strategiset paikat avainsanoille

Jo pienillä valinnoilla voidaan vaikuttaa sisäisen optimoinnin onnistumiseen valtavasti. Karkeasti arvioiden ja tilanteesta riippuen, noin 70% SEO:n hyödyistä voidaan saavuttaa käyttämällä avainsanoja oikeilla strategisilla paikoilla.

Parhaat paikat käyttää avainsanoja:

• Sivun URL-osoite: Pyri sisällyttämään avainsana sivun osoitteessa eli urlissa.
• Meta Title: Mahduta avainsana Googlessa näkyvän meta otsikon alkuun.
• H1-otsikko: Aseta avainsana sivun pääotsikkoon.
• Sisällön ensimmäinen osio: Mahduta avainsana sivun ensimmäiseen kappaleeseen ja osioon.

Nämä neljä paikkaa ovat tärkeimmät, missä kannattaa käyttää vahvinta avainsanaa tai sitä termiä millä sivun halutaan rankkaavan.

URL-rakenne

URL-rakenne tarkoittaa, miten strukturoit eri sivujen osoitteet. URL-rakennetta kannattaa ajatella kansioina tai siiloina. Jos sivusto käsittelee eri aihealueita, niistä voi url-rakenteen avulla tehdä omia alueitaan sivuston sisälle alasivujen avulla.

Esimerkiksi jos sivusto käsittelee osakesijoittamista ja siihen liittyviä aiheita, kuten ETF-rahastoja tai osakeanalyysiä, voidaan luoda relevantit sivut ja niiden urlit seuraavasti:

• www.esimerkkidomain.fi/osakesijoittaminen/
• www.esimerkkidomain.fi/osakesijoittaminen/etf-rahastot/
• www.esimerkkidomain.fi/osakesijoittaminen/osakeanalyysi/

Tällä tavalla kaikki osakesijoittamiseen liittyvä sisältö on järkevästi hierarkisessa järjestyksessä. Tärkeimmät sivut kannattaa sijoittaa mahdollisimman lähelle juurta, eli etusivua. Aiheeseen liittyvät muut sivut luodaan alasivuina kulkien hierarkiassa alaspäin.

Itse URL-osoite on myös tärkeä muotoilla oikein. Sivun osoite ei kannata olla mikä tahansa ja varsinkaan liian pitkä. Hyvin optimoitu URL-osoite on:

1. Lyhyt ja ytimekäs: Pyri pitämään URL-osoitteet mahdollisimman lyhyinä, mutta informatiivisina.
2. Sisältää avainsanan: Sisällytä pääavainsana URL-osoitteeseen, mieluiten lähelle alkua.
3. Käyttää väliviivoja sanojen erottamiseen: Esimerkiksi: www.esimerkkidomain.fi/on-page-seo-opas
4. On kuvaava: URL:n tulisi antaa selkeä kuva sivun sisällöstä.
5. Välttää parametreja: Jos mahdollista, vältä monimutkaisia parametreja URL:ssä.
6. Käyttää pieniä kirjaimia: Yhdenmukaista URL-rakennetta on helpompi hallita ja se on käyttäjäystävällisempi.
7. Noudattaa sivuston hierarkiaa: Esimerkiksi: www.esimerkkidomain.fi/kategoria/alakategoria/artikkelin-nimi

Otsikkorakenne

Artikkelien otsikot ja niiden rakenne on tärkeä tekijä sisäisen optimoinnin kannalta. Otsikot jäsentelevät artikkelia, tekevät siitä loogisen ja helpottavat tekstin seuraamista. Myös hakukoneille oikeanlaisen, hierarkisen otsikkorakenteen käyttäminen on tärkeää.

Hakukoneille tärkeintä on oikeiden h-tagien käyttäminen. Nettisivut käyttävät teksteissään html-koodia ja hakukoneet lukevat sisällön html-muodossa. Hakukone ei siis näe sisältöä samalla tavalla kuin me ihmiset näemme ja luemme.

H-tageja on eri tasoisia: H1, H2, H3-H6. Näillä kaikilla on oma tarkoituksensa sivun rakenteessa.

H1-otsikko

• Sivun pääotsikko eli tärkein yksittäinen otsikko.
• Käytä vain yhtä H1-otsikkoa per sivu.
• H1 tulisi sisältää sivun pääavainsana ja kuvata tarkasti sivun sisältöä.
• Esimerkki html-muodossa: <h1>On-Page SEO: Kattava opas sisäiseen hakukoneoptimointiin</h1>.
• On usein hyvin samanlainen kuin sivun Meta Title.

H2-otsikko

• H2-otsikoita käytetään sivun pääosioiden erottamiseen.
• H2-otsikoiden tulisi olla informatiivisia ja sisältää toissijaisia avainsanoja ja variaatioita.
• Esimerkki: <h2>Sisäisen hakukoneoptimoinnin kulmakivet</h2> eli tämän lukemasi osion otsikko on H2.

H3 & H4-otsikot

• Käytä näitä alaotsikoita hierarkkisesti jäsentämään sisältöä tarkempiin osioihin.
• H3 on H2:n alaotsikko, H4 on H3:n alaotsikko jne.
• Esimerkki: <h2>Sisällön optimointi</h2> ,<h3>Avainsanojen käyttö tekstissä</h3>, <h4>Avainsanatiheys</h4>
• Vain hyvin harvoin sisällössä tarvitsee käyttää H4 tai sitä alemman tason otsikoita.

On tärkeää, että hierarkia pysyy läpi artikkelin. Pyri välttämään otsikkotasojen yli hyppimistä, esimerkiksi käyttämällä H2 otsikon alla suoraan H4-otsikkoa. Pyri aina käyttämään h-tageja järjestyksessä.

Pyri myös pitämään otsikot itsessään lyhyinä ja ytimekkäinä ja kuvaamaan osiossa kerrottavaa asiaa. Otsikoihin saat laitettua hyvin tärkeitä avainsanoja, jolla sivun halutaan rankkaavan Googlessa. Näin otsikoista saadaan loogiset, kuvaavat ja teknisesti hyvät mitä hakukone pystyy lukemaan helposti. Samalla tarjotaan käyttäjille mahdollisimman hyvä käyttäjäkokemus.

Meta Title & Meta Description

Meta Title (eli Title tag) ja Meta Description ovat Googlen hakutuloksissa näkyvä otsikko ja sen alla oleva kuvausteksti. Nämä eivät näy itse sivulla, vaan ovat HTML-elementtejä pelkästään hakukonetta ja hakutuloksia varten. Jotkut tästä syystä laittavat nämä enemmän teknisen SEO:n puolelle, mutta itse miellän nämä enemmän sisäiseksi optimoinniksi.

Meta Title vaikuttaa suoraan sijoituksiin hakutuloksissa sekä myös ratkaisevasti klikkausprosenttiin sivustolle.

Näin teet hyvän Meta Titlen:

• Pituus: Pyri pitämään otsikko alle 60 merkin pituisena, jotta se näkyy kokonaan hakutuloksissa.
• Avainsanat: Sisällytä pääavainsana otsikkoon ja mieluiten sen alkupäähän.
• Uniikkius: Jokaisella sivulla tulisi olla oma, uniikki meta title. Vältä duplikaatteja.
• Brändi: Harkitse brändin nimen sisällyttämistä otsikkoon, varsinkin jos kyseessä on tunnettu brändi.
• Houkuttelevuus: Tee otsikosta kiinnostava ja klikattava, mutta vältä clickbate-otsikoita.

Näin teet hyvän Meta Descriptionin:

Meta Description on Meta Titlen alla sijaitseva tekstinpätkä, joka tarjoaa mahdollisuuden kuvailla sivuston sisältöä ja kehottaa käyttäjiä siirtymään sivustolle.

• Pituus: Optimaalinen pituus on noin 150-160 merkkiä.
• Sisältö: Kuvaile sivun sisältöä tarkasti ja houkuttelevasti.
• Avainsanat: Sisällytä pääavainsana ja mahdollisesti toissijaisia avainsanoja luonnollisesti.
• Call-to-Action (CTA): Sisällytä selkeä toimintakehotus, kuten ”Lue lisää” tai ”Tilaa nyt”.
• Uniikkius: Kuten meta titlen, jokaisen meta descriptionin tulisi olla uniikki.

Esimerkki: <meta name=”description” content=”Paranna verkkosivusi näkyvyyttä hakukoneissa näillä 10 tehokkaalla On-Page SEO -vinkillä. Opi optimoimaan sisältösi, otsikot ja meta-tiedot. Lue lisää!”>

Sisäinen linkitys

Sisäinen linkitys tarkoittaa verkkosivuston sivujen yhdistämistä toisiinsa linkeillä. Tämä auttaa sekä käyttäjiä navigoimaan sivustolla sekä hakukoneita ymmärtämään sivuston rakennetta ja hierarkiaa paremmin. Sisäinen linkitys on avainasemassa onnistuneen on-page optimisaation kannalta.

Sisäiset linkitykset voivat antaa hakukoneille useita eri signaaleja:

Sisäisten linkkien määrä = suosiosignaali

Mitä enemmän yhdelle sivulle menee relevantteja ja loogisia linkkejä, sitä tärkempänä hakukone pitää kyseistä sivua. Linkkien määrä kertoo hakukoneelle kohdesivun suosiosta suhteessa muihin sivuihin.

PageRank eli linkkivoiman siirtyminen

PageRank on Googlen alkuperäinen algoritmi, joka mittaa ulkoisten linkkien määrää ja sen laatua ja niiden välittämän ”linkkivoiman” määrää sivustolle.

Sisäiset linkit ovat tärkeässä roolissa ulkoisten linkkien välittämän linkkivoiman jakamisessa sivustolla. Googlen perustajan, Larry Pagen mukaan nimetty PageRank algoritmi jakaa ulkoisten linkkien tuomaa voimaa sivustolla vahvistaen koko sivustoa.

Kun toinen sivusto linkkaa toiselle, sen kautta välittyvä link equity eli linkkivoima pystytään siis hajauttamaan muille sivuille sisäisten linkkien avulla.

Strategisesti rakennetut sisäiset linkit voivat vahvistaa juuri sivuston tärkeimpiä sivuja jakamalla PageRankia eniten niille sivuille, joilla on suurin vaikutus liiketoimintaan ja liikenteeseen.

Ankkuriteksti = relevanssisignaali

Ankkuriteksti tarkoittaa linkin klikattavaa osuutta, eli mihin sanoihin itse linkki on asetettu. Ankkuritekstissä esiintyvät sanat signaloivat vahvasti hakukoneelle, mistä linkissä on kysymys ja minne linkki vie. Hakukoneet pyrkivät ankkuritekstin perusteella tekemään johtopäätöksiä linkin relevanssista sekä kontekstista.

Sitä parempi linkki on, mitä selkeämpi ja loogisempi se on hakukoneelle. Ankkuriteksteissä voi myös käyttää täsmällisiä avainsanoja, jolloin se voi edistää sivun sijoittumista hakutuloksissa näillä termeillä.

Tärkeää on ottaa huomioon koko sivuston sisäisen linkityksen skaala ja profiili. Samoja ankkuritekstejä ei kannata toistaa liikaa, vaan tehdä linkityksen profiilista laaja ja käyttää ankkuriteksteissä tärkeitä avainsanoja useita ja niiden variaatioita. Näin ollen hakukonekin saa laajan käsityksen relevanssista ja voi helpommin rankata sivua useammille hakusanoille.

Konteksti = myös relevanssisignaali

Kontekstuaalinen relevanssi tarkoittaa, miten hyvin linkkaava sivu sekä linkin kohdesivu ovat relevantteja toisilleen. Sisäiselle linkitykselle on hyvä, jos linkitetyt sivut ovat toisiaan tukevia ja sisältävät kontekstuaalisen yhteyden.

Kontekstia hakukone saa linkkiä esimerkiksi ympäröivästä tekstistä, osion otsikosta ja ankkuritekstistä. Jos linkin ympärillä on sisältöä, mikä tukee linkkiä ja on relevanttia, se parantaa linkin laatua. Jos taas osio ja sisältö on täysin eri aiheesta ja linkki menee täysin irrelevantille sivulle, se ei hakukoneoptimoinnin näkökulmasta tällöin ole hyvä linkki.

Kuvien optimointi

Kuvat ovat olennainen osa hyvää sisältöä tekstin ohella. Sisältöön on hyvä tuoda visuaalista materiaalia käyttäjille ja tätä arvostaa myös hakukoneet. Erityisesti uniikkien ja informatiivisten ja ”kommunikatiivisten” kuvien käyttö on hyvä asia.

Kuvatiedostot tulee kuitenkin myös optimoida. Kuvien tiedostokoko esimerkiksi vaikuttaa ratkaisevasti sivun latausnopeuteen. Hyvin optimoidut kuvat voivat myös rankata hyvin kuvahaussa, mistä monet käyttäjät etsivät tietoa ja inspiraatiota.

Ota nämä listatut asiat huomioon kuvien optimoinnissa:

1. Tiedostonimi:
   
   • Käytä kuvailevia, avainsanoja sisältäviä tiedostonimiä.
   • Erota sanat väliviivalla, esim. ”on-page-seo-infograafi.jpg”.
2. Alt-teksti:
   
   • Lisää jokaiselle kuvalle kuvaava alt-teksti.
   • Alt-teksti on kuvaus hakukoneelle kuvan sisällöstä.
   • Sisällytä relevantteja avainsanoja luonnollisesti.
   • Pidä alt-teksti lyhyenä ja ytimekkäänä (noin 125 merkkiä tai vähemmän).
   • Esimerkki: <img src=”on-page-seo-infograafi.jpg” alt=”On-Page SEO infografiikka: 10 tärkeintä tekijää”>
3. Tiedostokoko:
   
   • Pienennä kuvien tiedostokokoa säilyttäen samalla riittävä laatu.
   • Käytä työkaluja kuten TinyPNG tai ImageOptim kuvien pakkaamiseen.
4. Tiedostomuoto:
   
   • Valitse sopiva tiedostomuoto: JPEG yleensä valokuville, PNG grafiikalle ja läpinäkyville kuville.
   • Harkitse modernien formaattien kuten WebP käyttöä
5. Kuvien mitat:
   
   • Lataa kuvat oikeassa koossa. Älä luota pelkkään CSS-skaalaukseen.
   • Käytä responsiivisia kuvia eri näyttökokoihin: <picture> <source media=”(max-width: 799px)” srcset=”kuva-pieni.jpg”> <source media=”(min-width: 800px)” srcset=”kuva-iso.jpg”> <img src=”kuva-oletus.jpg” alt=”Kuvan kuvaus”> </picture>
6. Lazy loading:
   
   • Käytä lazy loading -tekniikkaa, joka lataa kuvat vasta kun ne tulevat näkyviin käyttäjälle
   • Tämä parantaa sivun latausnopeutta.
   • Esimerkki: <img src=”kuva.jpg” loading=”lazy” alt=”Kuvan kuvaus”>
7. Kuvateksti:
   
   • Käytä kuvatekstejä tarvittaessa. Ne tarjoavat lisäkontekstia ja mahdollisuuden avainsanojen käyttöön.
   • HTML5:ssä voit käyttää <figure> ja <figcaption> -tageja.