Mobiiliystävälliset kotisivut: miksi puhelinnäkymä ratkaisee
Suuri osa kävijöistä katsoo yrityksen sivuja puhelimella, usein juuri silloin kun he ovat liikkeellä ja etsivät ratkaisua. Jos kotisivut eivät toimi pienellä näytöllä, asiakas lähtee kilpailijalle. Lisäksi Google arvioi sivustoa ensisijaisesti mobiiliversion perusteella.
Sisällys
Lyhyesti
- Googlen mobiili-ensin-indeksoinnissa hakukone käyttää sivuston mobiiliversiota indeksointiin ja sijoituksiin.
- Googlen suosittelema ratkaisu on responsiivinen sivusto, jossa sama sisältö mukautuu näytön kokoon.
- Mobiilissa tärkeintä ovat luettava teksti, helposti painettavat painikkeet, nopea lataus ja näkyvä yhteydenottotapa.
- Testaa sivusi omalla puhelimellasi ja pyydä toista henkilöä testaamaan se myös.
Kun asiakas etsii vesivuotoon apua tai varaa aikaa kampaajalle, hän tekee sen usein puhelimella. Hän ei halua nipistellä näyttöä suuremmaksi tai etsiä puhelinnumeroa valikon takaa. Jos sivusto ei toimi puhelimessa, asiakas siirtyy seuraavaan hakutulokseen.
Mitä mobiili-ensin-indeksointi tarkoittaa?
Googlen ohjeen mukaan Google käyttää indeksoinnissa ja sijoituksissa pääasiassa sivuston mobiiliversion sisältöä. Sitä kutsutaan mobiili-ensin-indeksoinniksi. Käytännössä tämä tarkoittaa, että jos sivustosi mobiiliversiosta puuttuu sisältöä, jonka tietokoneversiossa on, Google ei välttämättä näe sitä.
Googlen ohjeessa tästä seuraavat käytännöt ovat:
- Mobiiliversion pääasiallisen sisällön tulee vastata tietokoneversion sisältöä.
- Otsikot ja kuvaukset (title ja meta description) pidetään samoina molemmilla versioilla.
- Kuvissa käytetään samoja kuvaustekstejä molemmissa versioissa.
- Sisältöä ei kannata piilottaa niin, että lukija joutuu painamaan tai pyyhkäisemään nähdäkseen sen. Jos tilaa on vähän, kannattaa käyttää esimerkiksi ulos avautuvia osioita sisällön poistamisen sijaan.
Google suosittelee responsiivista toteutusta: sama sivu mukautuu näytön kokoon. Ohjeen mukaan se on helpoin tapa toteuttaa ja ylläpitää.
Mistä tunnistaa, että sivu on mobiiliystävällinen?
Käy läpi nämä asiat omalla puhelimellasi:
- Teksti on luettavaa ilman zoomausta. Tekstin koko riittää, ja rivit eivät ole liian pitkiä.
- Painikkeet ja linkit on helppo osua. Painikkeiden välissä on tilaa, joten väärää ei tule painettua vahingossa.
- Sivu ei vieritä sivulle päin. Jos sisältö on leveämpi kuin näyttö, jokin on pielessä.
- Puhelinnumero ja yhteydenotto näkyvät heti. Puhelinnumerosta pitäisi voida soittaa yhdellä napautuksella.
- Kuvat latautuvat nopeasti. Isot kuvat hidastavat sivua mobiiliyhteydellä.
- Valikko on helppokäyttöinen. Hampurilaisvalikko aukeaa ja sulkeutuu selkeästi.
- Lomake toimii. Kentät ovat riittävän isoja ja oikea näppäimistö aukeaa, esimerkiksi numeronäppäimistö puhelinnumerolle.
Esimerkki: sama sivu, kaksi kokemusta
Kuvitteellinen esimerkki: kurikkalaisella putkiasentajalla on sivusto, jonka puhelinnumero on pieni teksti sivun alalaidassa. Mobiilissa asiakas joutuu vierittämään pitkän etusivun loppuun ja yrittämään osua pieneen numeroon. Moni luovuttaa.
Kun sivustolle lisätään ylälaitaan soittopainike, asiakas voi soittaa heti. Pelkkä muutos ei takaa lisää soittoja, mutta se poistaa turhan esteen. Mittaa tulos seuraamalla kuukausittain yhteydenottojen määrää.
Mobiilinopeus ja Core Web Vitals
Puhelimella nopeus korostuu, koska yhteys voi olla hitaampi. Googlen web.dev-ohjeen mukaan sivun lataus, vuorovaikutus ja ulkoasun vakaus mitataan Core Web Vitals -mittareilla, ja tavoitearvot arvioidaan erikseen mobiilille ja tietokoneelle. Tavoitteet ovat: suurin sisältöelementti latautuu enintään 2,5 sekunnissa, vuorovaikutus vastaa enintään 200 millisekunnissa ja ulkoasun siirtyminen jää alle 0,1:n. Kannattaa seurata arvoja 75. persentiilillä.
Voit testata sivusi Googlen PageSpeed Insights -työkalulla. Se näyttää sekä mobiili- että tietokonetulokset. Tarkemmin nopeudesta kerromme artikkelissa verkkosivujen nopeus ja hakukonenäkyvyys.
Yleisiä mobiilivirheitä
- Sivu on tehty vain tietokoneelle ja mobiilissa se näyttää pieneltä, zoomattavalta versiolta.
- Painikkeet ovat liian pieniä tai liian lähellä toisiaan.
- Pop-up-ikkunat peittävät koko näytön.
- Kuvat ovat valtavia, eikä niitä ole pienennetty.
- Tärkeä sisältö on piilotettu mobiilissa kokonaan.
Lisää tyypillisistä virheistä löydät artikkelista verkkosivujen yleisimmät virheet.
Mitä tehdä, jos sivusi ei toimi hyvin puhelimella?
Jos sivusi on vanha ja tehty ennen mobiiliaikaa, parhaaksi ratkaisuksi tulee usein uudistus. Pelkät paikkaukset eivät aina riitä. Tarkista artikkelista milloin verkkosivujen uudistaminen kannattaa, ovatko merkit selvät. Sivustan paketit sisältävät responsiivisen designin, eli sivusto mukautuu puhelimen ja tietokoneen näyttöön. Hinnat löydät hinnastosta.
Yhteenveto
Mobiiliystävällinen sivusto on yrityksen perusasia. Google käyttää mobiiliversiota arvioinnin pohjana, ja asiakkaat käyttävät sivuasi usein puhelimella. Testaa sivusi omalla puhelimellasi, tarkista nopeus ja varmista, että yhteydenotto on helppo.
Lähteet
Usein kysyttyä
Mitä tarkoittaa, että kotisivut ovat mobiiliystävälliset?
Sivusto toimii ja näyttää hyvältä myös puhelimella: teksti on luettavaa, painikkeet on helppo painaa ja sivu latautuu nopeasti.
Mitä on mobiili-ensin-indeksointi?
Googlen mukaan hakukone käyttää indeksoinnissa ja sijoituksissa pääasiassa sivuston mobiiliversiota. Siksi mobiiliversiossa pitää olla sama pääsisältö kuin tietokoneversiossa.
Miten tarkistan, toimiiko sivuni puhelimella?
Avaa sivu omalla puhelimellasi ja käy läpi ylläolevan tarkistuslistan. Voit lisäksi testata sen PageSpeed Insights -työkalulla.
