Mobiilioptimointi alkaa omasta puhelimesta ja yhdestä peukalosta

Sivusto on ”responsiivinen”, niin tarjouksessa luki. Kun avaat sen puhelimella, puhelinnumero on valikon takana, evästeilmoitus peittää puolet ruudusta ja yhteydenottolomakkeen lähetä-painike osuu näppäimistön alle.

Sivu mukautuu ruutuun. Se ei vielä tarkoita, että sillä pystyy asioimaan.

Miksi mobiili ratkaisee myös Googlessa?

Google kertoo ohjeessaan käyttävänsä sivuston mobiiliversiota, jonka se hakee älypuhelinrobotilla, sekä indeksointiin että sijoituksiin. Viimeisetkin sivustot siirtyivät tähän heinäkuussa 2024, ja sen jälkeen sivu, jota ei voi avata mobiililaitteella, ei enää pääse hakemistoon lainkaan.

Käytännössä tämä tarkoittaa, että Google näkee sivustostasi sen version, jonka puhelimen käyttäjä näkee. Jos olet piilottanut mobiilissa tekstiä tai palvelukuvauksia siistin ulkoasun takia, ne puuttuvat myös siitä, mitä Google lukee.

Kävijöissä ero on yhtä selvä. Statcounterin mukaan Suomessa 48,44 % sivunäytöistä tuli syyskuussa 2026 matkapuhelimilta. Kun asiakas hakee palvelua kiireessä, esimerkiksi hinaajaa tai päivystävää putkimiestä, osuus on luultavasti vielä suurempi. Katso oma lukusi Analyticsista, ja vertaa samalla, kuinka moni mobiilikävijä ottaa yhteyttä verrattuna tietokoneen käyttäjiin. Iso ero kertoo, missä vika on.

Miksi responsiivinen sivupohja ei riitä?

Responsiivinen sivupohja huolehtii siitä, että elementit asettuvat allekkain kapealla ruudulla. Se ei päätä, missä järjestyksessä ne ovat, eikä sitä, mikä on ylimpänä. Tietokoneella sivun oikeassa reunassa oleva yhteystietolaatikko päätyy puhelimella usein sivun loppuun, kuuden ruudullisen vierityksen päähän.

Tämä on yleisin virhe, ja sen tekee helposti, koska sivu suunnitellaan isolla näytöllä. Suunnittelupalaverissa kaikki näyttää hyvältä. Puhelimella kukaan ei ole selannut sivua loppuun asti.

Siksi mobiiliversio kannattaa suunnitella ensin. Kun sisällön järjestys päätetään kapealle ruudulle, se toimii yleensä myös leveällä. Toisin päin järjestys harvoin kääntyy ilman, että jotain jää piiloon tai valuu sivun loppuun.

Miten testaat sivusi puhelimella?

Ota oma puhelin, sulje wifi ja avaa sivusto mobiiliyhteydellä. Tee nämä tarkistukset yhdellä kädellä, koska niin moni asiakaskin sivuasi käyttää.

Löytyykö tärkein tieto ensimmäiseltä ruudulta?

Katso, mitä näet ennen kuin vierität. Siinä pitäisi lukea, mitä teet ja missä, ja jonkin tavan ottaa yhteyttä pitäisi olla näkyvissä. Jos ensimmäinen ruutu on pelkkä kuva ja iskulause, asiakas ei vielä tiedä, onko hän oikeassa paikassa.

Pystyykö tekstiä lukemaan zoomaamatta?

Leipätekstin pitää olla puhelimella luettavaa ilman, että sitä suurennetaan sormilla. Jos huomaat siristeleväsi, fontti on liian pieni tai rivit liian tiiviitä. Katso myös vaalean harmaata tekstiä valkoisella pohjalla ulkona auringossa. Se, mikä näyttää tyylikkäältä näytöllä, katoaa usein puhelimen ruudulta.

Voiko puhelinnumeroon soittaa napauttamalla?

Numeron pitää olla linkki, joka avaa puhelusovelluksen. Kuvana tai tavallisena tekstinä oleva numero pitää kopioida käsin, ja moni ei jaksa. Jos asiakkaasi soittavat mieluummin kuin kirjoittavat, harkitse ruudun alareunaan kiinnitettyä soittopainiketta, joka pysyy näkyvissä koko sivun ajan.

Osuuko painikkeisiin peukalolla?

Liian pienet ja liian lähekkäiset linkit ovat mobiilin tavallisin harmi. Saavutettavuusvaatimuksena käytetty WCAG 2.2 -ohjeistus edellyttää vähintään 24 × 24 pikselin kohdetta tai riittävää väliä kohteiden välillä. Käytännössä tärkeimmät painikkeet kannattaa tehdä selvästi isommiksi. Saavutettavuusvaatimukset koskevat yhä useampaa yritystä, ja siitä kerrotaan saavutettavuusdirektiiviä käsittelevässä artikkelissa.

Toimiiko lomake loppuun asti?

Täytä yhteydenottolomake puhelimella. Avautuuko numerokenttään numeronäppäimistö? Jääkö lähetä-painike näppäimistön alle? Näkyykö virheilmoitus kentän vieressä, vai pitääkö sitä etsiä? Lomake on se kohta, jossa kävijästä tulee asiakas, ja juuri siinä mobiilin pienet ongelmat maksavat eniten.

Peittääkö jokin sisällön?

Evästeilmoitukset ja chat-ikkunat vievät puhelimen pieneltä ruudulta suhteessa paljon enemmän tilaa kuin tietokoneella. Google mainitsee sivukokemusta koskevassa ohjeessaan häiritsevät välimainokset asiana, joka heikentää kokemusta. Jos ikkuna pitää sulkea ennen kuin näkee mitään, se on liikaa.

Mitä nopeudelle pitää tehdä mobiilissa?

Mobiiliyhteys ja puhelimen suoritin ovat hitaampia kuin toimiston kone ja kuituyhteys, joten raskas sivu tuntuu puhelimella vielä raskaammalta. Suurin yksittäinen syy on yleensä etusivun kansikuva tai kuvakaruselli. Puhelimelle ei kannata lähettää samaa kuvaa kuin isolle näytölle. Kun kuvasta on tarjolla useampi koko, selain valitsee ruutuun sopivan, ja puhelin lataa murto-osan datasta. Verkkosivun nopeutta käsittelevässä artikkelissa on järjestys, jossa korjaukset kannattaa tehdä.

Tarvitaanko erillinen mobiilisivusto tai sovellus?

Ei yleensä. Sama sivusto, joka mukautuu ruudun kokoon, on Googlen suosittelema tapa, koska sitä on helpointa ylläpitää ja sisältö pysyy samana kaikilla laitteilla. Erillinen m.-alkuinen mobiilisivusto tarkoittaa kahta versiota, joiden sisällön pitää vastata toisiaan, ja ero syntyy helposti, kun vain toista päivitetään.

Oma sovellus kannattaa vasta, kun asiakkaat käyttävät palvelua toistuvasti, esimerkiksi tilaavat viikoittain. Yrityssivustolle, jolta haetaan yhteystiedot ja tarjous, sovellus on raskas tapa ratkaista ongelma, jonka hyvin tehty mobiilisivu ratkaisee jo.

Mitä me näemme usein mobiilissa

Kun testaan uuden asiakkaan sivuston puhelimella, ensimmäinen löytö on lähes aina valikko. Tietokoneella näkyvät palvelut ovat puhelimella hampurilaisvalikon takana, ja valikko aukeaa listaksi, jossa on parikymmentä kohtaa ilman järjestystä. Asiakas, joka etsii yhtä palvelua, joutuu lukemaan kaikki. Korjaus on yleensä yksinkertainen: valikkoon jätetään ne viisi tai kuusi kohtaa, joita asiakkaat oikeasti etsivät, ja loput siirretään alatunnisteeseen. Mitkä kohdat ne ovat, näkee Analyticsista ja Search Consolesta.

Toinen on mobiilissa piilotettu sisältö. Sivunrakentajissa on helppo valita, että jokin osio näkyy vain tietokoneella, ja niin tehdään usein, kun mobiiliversio tuntuu liian pitkältä. Piilotettu osio on usein juuri se, jossa palvelu kerrotaan tarkimmin.

Mitä toimiva mobiilipolku tuottaa?

BX-Motorsin sivustolle tehtiin varauslomake, joka vie varaukset suoraan korjaamon ERP-järjestelmään. Brändi ja sivusto uudistettiin ja hakukoneoptimoitiin samassa projektissa, ja liidejä tuli alle vuodessa 228 % enemmän ilman yhtään uutta kampanjaa. BX-Motorsin referenssistä näkee, miten varaus kulkee sivulta korjaamolle.

Kun asiakas varaa huollon, hän tekee sen usein puhelimella. Siksi lomakkeen testaaminen puhelimella on yhtä tärkeää kuin sen rakentaminen.

Milloin korjaat itse ja milloin tarvitset apua?

Puhelinnumeron linkitys ja piilotettujen osioiden palauttaminen onnistuvat yleensä julkaisujärjestelmän asetuksista. Testi on ilmainen ja vie vartin. Tee se myös jokaisen isomman sivustomuutoksen jälkeen, koska mobiiliversio hajoaa usein huomaamatta, kun tietokoneella näkyvää osaa muokataan. Tee se nyt ja pyydä joku toinen tekemään sama, koska oma sivusto on aina vaikea nähdä vieraan silmin.

Apua tarvitset, jos sivupohja rakentaa mobiiliversion niin, ettei järjestystä voi muuttaa, tai jos lomakkeet ja varausjärjestelmä tulevat ulkopuolisesta palvelusta. Silloin korjaus vaatii usein sivupohjan uudelleenrakentamista. Laajemman kuvan siitä, miten mobiili liittyy hakunäkyvyyteen, saat hakukoneoptimoinnin oppaasta.

Kokeile heti

Avaa sivusi puhelimella ja yritä ottaa itseesi yhteyttä yhdellä kädellä. Jos se onnistuu alle minuutissa, olet paremmassa asemassa kuin moni. Jos ei, kirjoita ylös kohta, jossa jäit jumiin. Me katsomme mobiilin aina osana hakukoneoptimointia, koska Google katsoo sitä ensimmäisenä.

Usein kysytyt