Google on viime vuosina tehnyt tekijöistä kuten PageSpeed, mobiilioptimointi ja luotettavuus positiivisia tekijöitä listauksessa Google-hakutuloksissa. Toukokuussa 2020 Google ilmoitti yhdistävänsä tiettyjä mittametriikoita Page Experience Signaleiksi ja toukokuussa 2021 Page Experience Signaaleista tuli uusi sijoittumiseen vaikuttava tekijä verkkosivustoille, ottamalla huomioon erilaisia tekijöitä muodostaen kokonaiskuvan sivuston käyttökokemuksesta.

Käyttäjä- ja sivustokokemuksen kuuteen päätekijään kuuluvat:

• Latausnopeus
• Interaktiivisuus (FID - helmikuuhun 2024 asti), Interaction to next Paint (INP - maaliskuusta 2024 alkaen)
• Visuaalinen vakaus (kumulatiiviset asettelumuutokset)
• Mobiilioptimointi
• Turvallinen selaaminen: ei haittaohjelmia, ei tuotemerkkien väärentämistä, …
• HTTPS: Salakirjoitus SSL-varmenteen avulla
• Ei häiritseviä väliötöntä mainontaa (kokoruudun mainokset)

Latausnopeus Core Web Vitalsin tarkoituksessa

Loading viittaa sivuston nopeuteen, kuinka nopeasti pääsisältö rakentuu käyttäjälle. Google suosittelee hyvää aikaa enintään 2,5 sekuntia, jota sivuston ylläpitäjien tulisi tavoitella käyttäjiensä hyväksi.

Interaktiivisuus ja reagointi Core Web Vitalsin mukaisesti

Interaktiivisuus ensimmäisen käyttöviiveen (First Input Delay) suhteen tarkoittaa sitä, milloin sivu todella reagoi, kun käyttäjä haluaa käyttää sitä ... esimerkiksi vierittämällä tai painamalla painiketta. Kyse on siitä, kuinka nopeasti sivusto reagoi käyttäjän toimintoihin. Tätä aikaa tulisi pyrkiä pitämään mahdollisimman lyhyenä, ja hyvä arvo Googlen mukaan on jopa 100 ms. Maaliskuusta 2024 lähtien metriikka on korvattu Interaction to Next Paint (INP)illa. Interaction to Next Paint (INP) mittaa sivuston kattavaa reagointikykyä käyttäjän toimintoihin, seuraamalla kaikkia hiiren klikkauksia, näppäinpainalluksia ja näppäimistösyötteitä, jotka tapahtuvat käyttäjän vierailun aikana sivulla. Lopullinen INP-arvo vastaa havaittua pitkintä vuorovaikutusta, poikkeamia huomioidaan. Viive määritellään aikana käyttäjän toimenpiteestä reaktion havaitsemiseen.

Skripti digitaalisen markkinoinnin oppaaseen, jonka loin verkkosovelluksessa Google Docs, sisältää yli 600 sivua. Taaksepäin kirjoittaessani huomasin pieniä mikrorukseja selaimessani, koska sillä oli ilmeisesti vaikeuksia ladata resurssivaativia satoja sivuja yhdessä monien kuvatiedostojen kanssa sulavasti. Tämä ei välttämättä haitannut työtäni, mutta aiheutti reaktiivisen häiriön käytössä. Siksi loin uuden asiakirjan, johon kyseinen osio listattiin, ja sen jälkeen siirsin sen suureen käsikirjoitukseen. Tästä on kyse myös sivustojen interaktiivisuudessa, siitä että käyttäjäkokemus olisi monipuolisesti positiivinen. Kyse on reaktiosta tiettyjen toimien suhteen, kuten vierittäminen, painikkeisiin napsauttaminen, eleohjaus ja sulavuus animaatioissa.

Kumulatiiviset asettelumuutokset Core Web Vitalsin tarkoituksessa

Kumulatiiviset asettelumuutokset, eli CLS-virheet, tapahtuvat kun sivusto lataa asynkronisesti ja käyttäjä lukee esimerkiksi alempana olevaa osaa, kun yläosa lataa vielä raskasta kuvaa tai mainosta suurella tiedostokoolla, minkä seurauksena asettelu hyppää alaspäin. Tämä on usein arvo, joka estää Core Web Vitalsin läpäisemisen, vaikka sivustosi latautuisi nopeasti.

PageSpeedin testaaminen verkkotyökaluilla

PageSpeedin voi testata täältä:
https://pagespeed.web.dev/
https://gtmetrix.com/

Vaihtoehtoisesti voit käyttää Lighthousea Chromen kehittäjätyökalujen joukosta. Paina F12 ja sieltä oikealta valikosta löydät Lighthousen, jonka kautta voit testata parhaillaan avoinna olevan verkkosivuston.

Sivuston- ja reagointinopeus riippuu monista tekijöistä kuten palvelimen suorituskyvystä, koodin laadusta, mitä ja milloin ladataan, kuvatiedostojen koosta, kuvakkeet SVG-muodossa PNG:n sijaan, jne. Sen vuoksi on järkevää noudattaa GTMetrixin ja PageSpeed Insightin suosituksia saavuttaakseen globaalit parannukset, jos arvot eivät vielä ole hyviä.

Google antaa sinulle yhteenvedon uusista Core Web Vitals -arvoista Page Experiencen osalta. Google Search Consolen kautta sinulla on myös mahdollisuus saada huomattavia yksityiskohtia sivustosi yksittäisistä sivuista. Tämä auttaa sinua tunnistamaan ja korjaamaan ongelmia sivustoillasi analyysin avulla.

Verkkosivuston mobiilioptimointi Page Experiencen näkökulmasta

Verkkosivuston mobiilioptimointi voidaan testata myös Cromen kehittäjätyökaluilla käyttäen Toggle Device Toolbaria (Ctrl + Shift + M).

Erityisesti kehittäjille voi olla joskus tärkeää ymmärtää, kuinka asettelu reagoi tiettyyn laitteeseen, esimerkiksi jos asiakas raportoi ongelmista vanhemman iPhonen mallin kanssa. Chrome = F12 -valikossa voit aktivoida erilaisia laitteita, jotka esittävät erilaisia erotteluita. On myös ammattimaisia työkaluja, joilla voit suorittaa kokonaisvaltaisia testeja, kuten Lambda-Testin palvelu.

Mobiilioptimointiin kuuluu myös se, että käyttäjät voivat saada sisällön mukavasti älypuhelimella, ilman zoomausta! Tämä tarkoittaa myös, että sisältö, joka näkyy isolla työpöytätietokoneella, ei välttämättä tarvitse olla näkyvillä älypuhelimella. Älypuhelimella on erilaisia (mobiileja) interaktiomekanismeja kuten kosketus klikin sijasta. Tämä on merkityksellistä erityisesti suosituille hover-elementeille verkkosivustoilla, jotka eivät toimi samalla tavalla älypuhelimissa. 

Lisäksi älypuhelin on usein nykyään aloituskohta tutkimukselle, jota ehkä myöhemmin jatketaan toisella laitteella, kuten tabletilla tai työpöytäkoneella. Tässä tapauksessa kyseessä on pitkä asiakasmatka useiden päätelaitteiden kautta, minkä vuoksi käyttäjäkokemuksen on otettava huomioon myös ristiin laitteiden käytön osalta.

Esimerkki henkilökohtaisesta kokemuksestani ristiin laitteiden käytöstä: Kanssani on kolme lasta. Olimme äskettäin ystävämme sisäuima-altaalla. Puhelimeni oli aurinkotuolissa lähellä allasaluetta. Mieleeni tuli ajatus, mitä tapahtuisi, jos vahingossa tai lasten toimesta puhelin putoaisi veteen. Puhelin hallitsee jo puolta elämääni. Ajatus sai jännityksen, koska hallitsen puhelimeni kautta myös salkkuani. 100 % mobiilia… näin mainostaa Trade Republic, verkkovälittäjäni. Yhtäkkiä tajusin, ettei minulla olisi varmuuskopioita puhelimen menetyksen varalta. En pääsisi salkkuuni useiden tuntien tai ehkä päivien ajan. Kukaan, jolla on salkussaan päivän aikana muutamia korkean vipuvaikutuksen ja tiukan knockout-kynnyksen knock-out-paperi, voi kuvitella, kuinka se voisi aiheuttaa paniikkia. 100 % mobiilista tuli siten minulle latentti haitta, joten avasin tilin uudessa Neobrokerissa, jossa voin käydä kauppaa sekä mobiililaitteen että työpöydän kautta. Trade Republicilla on nykyisin myös työpöytäversio – hyvä niin!

Turvallinen selaaminen Page Experience -näkökulmasta

Turvallinen selaaminen tarkoittaa, että sivustosi ei levitä haittaohjelmia ja että noudatat sääntöjä, eli esimerkiksi et käytä tavaramerkkilogoja, joita ei saa käyttää tai teeskentelet, että sinulla on valikoimassasi tuotteita, joita sinulla ei todellisuudessa ole. Tähän kuuluu myös, että esimerkiksi videota toistava toisto-painike toistaa todellakin videota eikä suorita latausta käyttäjälle. Erityisesti haittaohjelmapiste on monille sivustoille suurin riski turvallisen selaamisen osalta, mikä voidaan rajoittaa vain jatkuvilla CMS- ja käytetyillä lisäosapäivityksillä. Jos sivustosi ei välttämättä tarvitse yhteydenottolomaketta, harkitse sen poistamista, koska lomakkeen kentät tarjoavat hakkerit tai automatisoidut hakkerit SQL-injektioita, ristisivustoskriptauksia, heksaluvunkoodauksia jne.

Elokuussa 2021 Google perui aiemman kantansa ja ilmoitti, ettei turvallista selaamista enää oteta huomioon sijoittamiseen. Tämä päätös perusteltiin sillä, että monet verkkosivuston omistajat eivät voi olla vastuussa hakkeroinnista. Silti PageSpeed Insightsin ja Lighthousen analyysit ohjaavat turvallisen selaamisen suuntaan. Näin ollen voidaan olettaa, että aihe ei ole vielä lopullisesti suljettu SEO:lle.

Turvalliset yhteydet HTTPS:n avulla paremman Page Experiencen saavuttamiseksi

HTTPS on nykyään standardi. Jokaisen sivun tulisi olla varustettu SSL-sertifikaatilla. Erityisesti Saksassa sivuston ylläpitäjille voi koitua uhka lakisääteisistä seuraamuksista, jos heillä ei ole SSL-sertifikaattia.

Tässä yhteydessä on erityisen tärkeää tarkistaa, että kuvat, jotka on sijoitettu ennen SSL-sertifikaatin määritystä, muutetaan myös koodissa https-protokolla muotoon http:sta https:aan. Muuten selain ilmoittaa, ettei sivu ole turvallinen. Tämä on erityisen merkityksellistä WordPress-sivustojen osalta – siis kaikkein eniten käytetyn CMS:n tapauksessa.

Välttäminen häiritseviä Interstitials-mainoksia

Kaaviossa viimeisenä näkyvä kohta on häiritsevien Interstitials-mainosten välttäminen, eli täyteen leveyteen ulottuvat bannerit, jotka harvoin saavat käyttäjäsi sydämen lyömään nopeammin. Ne aiheuttavat vain turhautumista ja siten negatiivisia tunteita ja nopeaa keskeytymistä. Tässä yhteydessä voi harkita nopeasti ilmestyviä uutiskirjetilauksia mainoksia. Myös evästebannerit uusille asiakkaille voivat olla turhauttavia. Jos käyttäjä palaa tällaisen bannerin näkemisen jälkeen suoraan SERP-listaukseen, se on myös negatiivinen signaali Googlen käyttäjäsignaalille.

Päätelmä Page Experience -tekijöistä

Mukautuminen Google-tekijöihin korkean käyttäjä- ja sivustokokemuksen saavuttamiseksi on pääasiassa toteutettava kehittäjien tai huolehtivan viraston toimesta. Sinun markkinointihenkilökuntana on tärkeää tietää, millä mittareilla sivukokemusta mitataan ja mitä työkaluja voit käyttää sen toteuttamiseen. Jos annat viraston hoitaa optimoinnit, varmista sopimuksessa suoraan, että työn suoritukseen vaaditaan erinomaiset mittaustulokset. Ja ole täysin tietoinen siitä, että sivukokemus vaikuttaa aktiivisesti Googlen hakutuloksiin ja sijoituksiin sivustoilla sen jälkeen kun toukokuusta 2021 alkaen on toteutettu. Myös kilpailijasi ovat kokeneet vaikutuksia sijoituksistaan ja mukauttaneet sivustojaan uusiin vaatimuksiin, jos ne ovat pudonneet hakutuloksissa.

Jos haluat pysyä Google-hakuissa verkkosivustoosi kärjessä, sinun on käsiteltävä Page Experience -aihetta. Loppujen lopuksi teet sen paitsi SEO-syistä myös osana brändikokemustasi, jotta kohdeyleisösi ohjataan entistä helpommin toivottuun toimintaan.

Mitä muita elementtejä parantaa kohdeyleisösi käyttäjäkokemusta verkkosivustollasi erityisesti? Pohjimmiltaan ne ovat kaikki kosketuspisteitä, joita käyttäjäsi kohtaa asiakasmatkallaan pitkin suppiloa kohti toivottua muuntumista. Lisää aiheesta seuraavissa tämän Ohje-sarjan osissa.