Mobiiliystävällinen nettisivu toimii puhelimella ilman zoomailua, sivuttaisvieritystä tai liian pieniä painikkeita. Teksti on luettavaa, valikko toimii kosketuksella, lomakkeet ovat helppoja täyttää ja tärkeä sisältö löytyy myös pienellä näytöllä.
Kyse ei ole erillisestä "mobiilisivusta", jos sivusto on tehty responsiivisesti. Sama URL (Uniform Resource Locator) eli verkkosivun osoite ja sama sisältö mukautuvat näytön kokoon.
Mitä responsiivinen suunnittelu tarkoittaa?
Responsiivisessa toteutuksessa sivun asettelu muuttuu käytettävän näytön mukaan.
Esimerkiksi kolme vierekkäistä korttia voivat tietokoneella olla samalla rivillä ja puhelimella allekkain. Tekstin koko, välit ja kuvat mukautuvat niin, ettei käyttäjän tarvitse taistella sivun kanssa.
Google suosittelee responsiivista toteutusta, koska sama HTML (HyperText Markup Language) eli sivun rakenteen muodostava merkintäkoodi ja sama URL voidaan palvella eri laitteille ja kokonaisuus on helppo ylläpitää.
Mistä tunnistat mobiiliystävällisen sivun?
Avaa sivu puhelimella ja kokeile nämä:
Teksti on luettavaa heti
Sinun ei tarvitse nipistää näyttöä suuremmaksi nähdäksesi hinnan tai palvelukuvauksen.
Sivulla ei ole sivuttaisvieritystä
Sisältö pysyy näytön leveydessä.
Painikkeisiin osuu helposti
"Soita", "Pyydä tarjous" ja valikon kohdat eivät ole liian pieniä tai liian lähekkäin.
Valikko toimii yhdellä kädellä
Käyttäjä löytää tärkeät sivut ilman monimutkaista navigointia.
Lomake on helppo täyttää
Kentät ovat riittävän suuria ja oikeat näppäimistöt avautuvat esimerkiksi sähköpostia ja puhelinnumeroa varten.
Tärkeä sisältö ei katoa mobiilissa
Google käyttää mobiiliversion sisältöä indeksointiin ja sijoituksen arviointiin. Jos tärkeä teksti puuttuu mobiilinäkymästä, ongelma ei koske vain käyttäjää.
Miksi mobiiliystävällisyys vaikuttaa Googleen?
Google käyttää mobile-first-indeksointia. Se tarkoittaa, että Google hyödyntää sivuston mobiiliversiota sisällön indeksoinnissa ja sijoitusten arvioinnissa.
Siksi mobiilinäkymässä pitäisi olla sama olennainen sisältö, otsikot, kuvat ja indeksointiin liittyvät tiedot kuin tietokoneella.
Mobiiliystävällisyys ei yksin nosta sivua hakutulosten kärkeen. Se on osa hyvää sivukokemusta yhdessä sisällön, nopeuden, turvallisuuden ja helpon käytettävyyden kanssa.
Entä sivun nopeus puhelimella?
Mobiiliverkko voi olla hitaampi kuin toimiston wifi.
Siksi suuri hero-kuva, raskas video tai monta ulkopuolista skriptiä tuntuvat puhelimella erityisen nopeasti.
Testaa sivua myös tavallisella puhelimella, älä vain tietokoneen selaimen pienennetyssä ikkunassa.
Jos sivu latautuu hitaasti, lue miksi nettisivu on hidas.
Mitä yrityksen kannattaa testata ennen julkaisua?
Käy ainakin läpi:
- etusivu
- tärkeimmät palvelusivut
- yhteystiedot
- yhteydenottolomake
- valikko
- puhelin- ja sähköpostilinkit
- kuvat ja mahdolliset galleriat
- evästebanneri
- pitkät otsikot
Testaa mielellään sekä Android- että iPhone-laitteella, jos mahdollista.
Miten tämä toteutetaan GC:n nettisivupalvelussa?
GC:n palveluun kuuluvat 1–5 sivua, jotka mukautuvat puhelimelle, tabletille ja tietokoneelle. Mobiilikäyttö ei ole erillinen lisäosa vaan osa sivuston toteutusta.
Samalla tarkistetaan, että yhteydenottotavat, sisältö ja navigointi toimivat myös pienellä näytöllä.
Lähde: Google Search Central, Mobile-first Indexing Best Practices.