Heinäkuusta 2019 lähtien Mobile First Index on ollut Googlen hakutulosten rankingissa uusille verkkotunnuksille standardi.
Google ilmoitti alkuvuodesta 2020, että "Mobile First Index" tulee koskemaan kaikkia verkkosivustoja viimeistään alkuvuodesta 2021. Tarkoituksena on, että hakutulosten listalla näkyvät vain verkkosivustot, jotka on optimoitu mobiilikäyttöä varten. Joustava suunnittelu on näin ollen vahva ranking-tekijä. Verkkosivustollasi voi olla erittäin hyvää sisältöä - mutta jos se ei ole joustavasti suunniteltu tai suunniteltu mobiiliversioksi, se kärsii siitä, että koko liikennepotentiaalia ei hyödynnetä, olivatpa käyttäjäsi pääasiassa pöytäkonekäyttäjiä tai ei.
Vuosien mittaan Google on ottanut yhä enemmän seikkoja, kuten sivunopeus, mobiilioptimointi ja luotettavuus, ranking-tekijöiksi Google-hakutuloksissa listautumista varten. Google ilmoitti jo toukokuussa 2020, että vuonna 2021 Page Experience kokoaa seitsemän eri tekijää yhteen ja muodostaa kokonaiskuvan sivuston laadusta käyttökokemuksessa.
seitsemän kuusi päätekijää käyttäjälle ja sivuston käyttökokemukselle
- Latausnopeus
- Viiveettömyys (helmikuuhun 2024 asti), Vasteaika (maaliskuusta 2024 alkaen)
- Visuaalinen vakaus (kumulatiiviset ulkoasun muutokset)
- Mobiilioptimointi
- Turvallinen selailu: ei haittaohjelmia, ei brändin väärentämistä, … (vuodesta 2021 alkaen uudelleen poistettu ranking-tekijäksi)
- HTTPS: Salakirjoitus SSL-varmenteen avulla
- Ei häiritseviä välisivuaikoja (kokosivun bannereita)
Lataus tarkoittaa verkkosivuston nopeutta, eli kuinka nopeasti pääsisältö latautuu käyttäjällesi. Google asettaa hyväksi arvoksi jopa 2,5 sekuntia, jonka verkkosivuston ylläpitäjien pitäisi pyrkiä saavuttamaan käyttäjilleen.
Viiveettömyys ensimmäisen syöttöviiveen (First Input Delay) näkökulmasta tarkoittaa sitä, milloin sivusto todella reagoi, kun käyttäjä haluaa vuorovaikuttaa sen kanssa... esimerkiksi vierittämällä tai napsauttamalla painiketta. Kyse on siis sivuston reagointinopeudesta käyttäjien vuorovaikutuksiin. Tämän aikavälin tulisi olla mahdollisimman lyhyt, ja Googlelle hyvä arvo on jopa 100 ms. FID-mittarina korvataan kuitenkin maaliskuusta 2024 alkaen "Interaction to Next Paint" (INP) -käsitteellä. INP liittyy sivustojen reagointivalmiuteen. Mitä nopeammin verkkosivusto reagoi käyttäjäinteraktioihin, sitä parempi on. INP mittaa verkkosivustojen viivettä koko vierailun aikana. Siinä tarkastellaan kaikkia käyttäjävuorovaikutuksia.
Saatat huomata sen, kun työskentelet hyvin pitkien asiakirjojen parissa verkossa. Jos Google Docs -verkkosovelluksessa skriptissäsi on satoja sivuja sisältöä, saattaa ilmetä viivästyksiä tai heilahduksia. Olen tehnyt markkinoinnin luennoitsijana yli 500 sivun skriptin. Kirjoittaessani selaimessani huomasin pientä nykimistä, koska sillä oli ilmeisesti vaikeuksia ladata resursseja vaativia sivuja mukaan lukien monet kuvatiedostot sujuvasti. Vaikka tämä ei välttämättä suoranaisesti hidastanut työtäni, se oli häiritsevä seikka käytössäni. Toinen esimerkki voisi olla, jos hyvin kuvapainotteiset verkkosivustot viivyttelevät vierittämisen yhteydessä (kuten tässä esimerkissä 4eck-media.de). Tästä syystä sivustojen interaktiivisuus on tärkeää, jotta käyttäjäkokemus olisi positiivinen.
Kumulatiiviset ulkoasun muutokset (CLS) tapahtuvat silloin, kun sivustosi latautuu asynkronisesti ja käyttäjä esimerkiksi lukee jo alaspäin tietyltä alueelta, samalla kun yläosaan latautuu vielä kuva tai mainos isolla tiedostokoolla, mikä saa sivuston asettelun hyppäämään alaspäin. Tämä voi tapahtua esimerkiksi, jos yläosaan upotettu kuva ei ole optimoitu ja saattaa olla esimerkiksi 10 Mt kokoinen. Se latautuu hitaasti heikon internet-yhteyden aikana ja käyttäjä on jo siirtynyt sen yli alaspäin.
Saamme vihjeen siitä, että suorituskyky on heikko myös vastausaikojen jakautumisen kautta SEO-ohjelmistosta, kuten Seobility. Jos ne eivät ole riittävän hyviä, sinun tulisi työskennellä suorituskyvyn parissa ja käyttää lisätyökaluja, kuten GTMetrix ja Google PageSpeed.
PageSpeed-testiä voi suorittaa täällä - suositeltavat työkalut:
https://gtmetrix.com/ (muuta palvelimen sijainti Lontooseen!)
https://pagespeed.web.dev/ (erityisen suositeltava, koska se antaa jaetun tiedon mobiili- ja työpöytäversioista)
Tässä on esimerkki TutKit.comin mobiililaitteiden arvioinnista PageSpeedin ja tieto siitä, ovatko Core Web Vitals -vaatimukset täytetty:
Sivuston ja reagointinopeuden nopeus riippuu monista tekijöistä, kuten palvelimen suorituskyvystä, koodin laadusta, kuvatiedostojen koosta, kuvakkeiden käytöstä SVG-muodossa PNG:n sijaan jne. Siksi on järkevää noudattaa GTMetrixin ja PageSpeed Insightin suosituksia saavuttaaksesi globaaleja parannuksia, jos arvot eivät vielä ole hyviä.
Modernien web-muotojen (WEBP/AVIF) kuvia varten voit käyttää työkalua, kuten https://squoosh.app/. Tämä on erityisen hyödyllistä, jos haluat muuntaa vain muutamia kuvia manuaalisesti. Muussa tapauksessa voit myös muuntaa JPG- tai PNG-tiedostosi palvelinpuolella tai CMS-puolella. Kun olemme mukauttaneet TutKit.comin moderniin kuvamuotoihin, yli 14 000 olemassa olevaa JPG-tiedostoa muuntui yhdellä kertaa AVIF- ja WEBP-tiedostoiksi. Koska AVIF tarjoaa vielä parempia puristussuhteita hyvällä laadulla, se näytetään oletusarvoisesti selaimessa. Jos vanhempi selain ei tue AVIF-muotoa, WEBP näytetään varajärjestelmänä. Sama asia on toteutettu myös toimistosivustollamme 4eck-media.de
Google antaa sinulle myös yhteenvedon uusista ydinverkkolukuarvoista Page Experiencelle. Lisäksi Google Search Consolen avulla voit saada sivukohtaiset havainnot verkkosivustosi sivuista. Tämä auttaa sinua tunnistamaan ja korjaamaan ongelmia sivuillasi analyysin avulla.
Verkkosivuston mobiliystävällisyys voidaan testata Lambda-Test -työkalun avulla.
Varsinkin kehittäjille on joskus tärkeää voida ymmärtää, miten asettelu reagoi tiettyyn loppulaitteeseen, esimerkiksi kun asiakas ilmoittaa ongelmasta vanhemman iPhonen mallin kanssa. Chromessa = F12 voit suoraan aktivoida erilaisia laitteita, jotka sitten esittävät resoluution.
Mobiilioptimointiin kuuluu myös, että käyttäjät voivat helposti havaita sisällön älypuhelimella eikä heidän tarvitse zoomata sitä!
Turvallinen selaaminen tarkoittaa, että verkkosivustosi ei levitä haittaohjelmia ja noudatat myös sääntöjä, kuten et käytä tavaramerkkilippuja, joita et saa käyttää, tai teeskentelet, että sinulla on tuotemerkit tuotevalikoimassasi. Siihen kuuluu myös, että esimerkiksi toistopainike videoon tulisi todellakin toistaa video eikä käynnistää latausta käyttäjälle. Erityisesti haittaohjelmien osalta monille verkkosivustoille turvalliselle selaukselle on suurin riski, jota voidaan rajoittaa vain jatkuvilla CMS- ja asennettujen lisäosien päivityksillä. Jos sivustosi ei välttämättä tarvitse yhteydenottolomaketta, kannattaa harkita sen poistamista, koska lomakekentät tarjoavat pääsyn SQL-injektioihin, ristisivustoskriptaukseen, heksadesimaalikoodit jne. Elokuussa 2021 Google kuitenkin perääntyi ja ilmoitti, että turvallista selaamista ei enää oteta huomioon sijoitustekijänä, koska monilla verkkosivuston omistajilla ei ole syytä murtautua. PageSpeed Insightsin ja Lighthousen tarkastelussa näet suosituksen turvalliseen selaamiseen, joten on oletettavissa, että tämä aihe ei ole vielä täysin suljettu SEO:n osalta:
HTTPS on nykyään standardi. Jokaisella sivulla tulisi olla SSL-sertifikaatti. Myös sivuston ylläpitäjillä on riski saada huomautus, jos heillä ei ole sitä: https://t3n.de/news/dsgvo-abmahnung-ssl-fehlt-1091180/
Laitteen vaihdon tai uudistuksen yhteydessä on tärkeää huolehtia myös http:n ohjaamisesta https:ään. Hyvä tietää, että tähän on jopa testityökalu: https://www.seobility.net/de/redirectcheck/
Erityisesti tässä yhteydessä on tärkeää varmistaa, että kuvat, jotka on sijoitettu SSL-sertifikaatin määrittämisen jälkeen, on myös muutettu koodissa http:sta https:ksi. Muuten selain ilmoittaa, että sivu ei ole turvallinen. Tämä on (tai on ollut aiemmin) tyypillistä WordPress-sivustoilla - siis eniten käytetyllä CMS:llä yleensä.
Tee yksinkertaisesti Google-haussa tarkistus, ovatko sivustot edelleen indeksoituja http-sivustoja. Voit tehdä tämän seuraavalla syötteellä hakukentässä: site:domain inurl:http
Korvaa domain omalla domainilla. Enter.
- site: Suodattaa tulokset vain annetussa verkkotunnuksessa.
- -inurl: Suodattaa tulokset sivuista, joiden URL-osoite sisältää http:n.
Kaavion viimeinen kohta on luopuminen tunkeilevista interstitiaaleista, eli täysnäytöllisistä mainoksista, jotka harvoin saavat käyttäjien sydämet sykkimään nopeammin. Ne vain lisäävät turhautumista ja aiheuttavat siten negatiivisia tunteita ja nopean keskeytyksen.
Page Experiencen merkitys on erityisen tärkeä, jotta käyttäjät eivät turhaudu hitaiden latausaikojen, mobiililaitteiden epäystävällisyyden tai muiden tekijöiden takia. Ne vaikuttavat siis haluamaasi käyttäytymiseen. Se, tuletko ranking-voittajaksi erinomaisen Page Experiencen avulla, ei ole näin suoraviivaista, koska myös verkkosivuston sisältö ja muut käyttäjäsignaalit vaikuttavat sijoitukseen. Mikäli sivustot ovat sisällöltään yhtä hyviä, parempi Page Experience voi olla "Tie Breaker" ja sijoittaa sivuston Core Web Vitals -mittareissa paremmin.
Google-hakutulosten mobiiliystävällisyyden ja korkean käyttäjä- ja sivustokokemuksen parantaminen on suurelta osin ratkaistava kehittäjilläsi tai toimistoasioiden hoitavalla taholla. On sinulle markkinointihenkilönä tärkeää tietää, millä mittareilla Page Experiencea mitataan ja mitä työkaluja voit käyttää tähän tarkoitukseen. Jos toimistoasi on optimoitu, varmista sopimuksessa suoraan, että erinomaiset mittaukset ovat välttämättömiä suorituskyvyn hyväksymiselle.