Aloita tästä: kolme minuuttia omalla puhelimella

Kun sivusto ei toimi puhelimella, syy on lähes aina yksi neljästä: sivu on rakennettu vain isolle näytölle, jokin elementti on leveämpi kuin ruutu, valikko tai painike ei reagoi kosketukseen, tai sivu on niin raskas, ettei se ehdi latautua mobiiliverkossa. Näistä ensimmäinen vaatii uusimisen, kolme muuta korjataan.

Ennen kuin soitat kenellekään, tee tämä. Avaa sivusto omalla puhelimella mobiiliverkossa, ei langattomassa. Vieritä etusivu alas asti. Avaa valikko ja sulje se. Paina puhelinnumeroa. Avaa lomake tai varaus ja täytä se loppuun asti. Kirjoita ylös jokainen kohta, jossa jouduit zoomaamaan, odottamaan tai painamaan kahdesti.

Se lista on diagnoosin alku. Jokainen sen kohta vastaa jotain alla kuvatuista vioista. Artikkeli mobiiliystävällisistä verkkosivuista kertoo, miksi mobiilikunto ylipäätään ratkaisee myynnin. Tässä mennään siitä eteenpäin: mikä on rikki ja miten sen löytää.

Miksi sivusto näyttää puhelimella erilaiselta?

Sivusto näyttää puhelimella erilaiselta, koska puhelin on kapea ja tietokone leveä, ja sivuston pitää kertoa selaimelle, miten sisältö järjestetään kapeaan tilaan. Jos sivusto ei kerro sitä, selain näyttää tietokoneversion pienennettynä, ja silloin teksti on lukukelvotonta ja painikkeet ovat pieniä pisteitä.

Tämä on sivuston ominaisuus, ei puhelimen vika. Nykyaikainen sivusto tehdään niin, että sama sisältö järjestyy uudelleen ruudun leveyden mukaan: kolme palstaa tietokoneella, yksi palsta puhelimessa, valikko muuttuu painikkeeksi, kuvat kapenevat. Tätä kutsutaan responsiiviseksi, ja sen puuttuminen on syy numero yksi.

Toinen syy on se, että sivusto on kyllä responsiivinen, mutta joku on sen jälkeen lisännyt jotain, joka ei ole. Upotettu taulukko, kolmannen osapuolen varauspalvelu, mainosbanneri, videosoitin. Ne tuovat oman leveytensä eivätkä välitä ruudusta.

Kolmas syy on se, että sivusto näyttää eri puhelimissa eri tavalla. Uusi puhelin isolla ruudulla näyttää kaiken hyvin. Vanhempi puhelin pienemmällä ruudulla ja vanhemmalla selaimella ei. Sinun puhelimesi ei ole asiakkaasi puhelin.

Mitkä ovat yleisimmät mobiiliviat?

Yleisimmät mobiiliviat ovat vaakasuuntainen vieritys, valikko joka ei aukea tai ei sulkeudu, painikkeet jotka ovat liian pieniä tai liian lähellä toisiaan, teksti joka on liian pientä luettavaksi, ja sisältö joka jää jonkin kiinteän elementin alle. Nämä viisi kattavat suurimman osan tapauksista.

Vaakasuuntainen vieritys tarkoittaa, että sivu on leveämpi kuin ruutu ja sitä voi vetää sivulle. Se johtuu yhdestä elementistä, joka on leveämpi kuin muut: taulukosta, kuvasta, jolla on kiinteä leveys, tai tekstistä, jossa on pitkä katkeamaton merkkijono kuten sähköpostiosoite. Yksi elementti riittää rikkomaan koko sivun.

Valikko-ongelmat ovat usein sitä, että valikkopainike toimii mutta valikko avautuu sisällön alle, tai se aukeaa mutta sulkemispainike puuttuu, tai valikossa on alavalikko joka aukeaa vain hiiren päälle viemällä, mitä puhelimessa ei ole. Asiakas ei pääse alasivulle, jonne linkki on vain alavalikossa.

Painikkeet ovat liian pieniä, jos sormi osuu myös viereiseen. Ja teksti on liian pientä, jos joudut zoomaamaan. Nämä kuulostavat pieniltä, mutta ne ovat syitä, joiden takia asiakas soittaa kilpailijalle, jonka sivut hän pystyi lukemaan.

Kiinteät palkit ja ponnahdusikkunat

Erillinen luokka mobiilivikoja on sisältö, joka peittää muun sisällön. Kiinteä yläpalkki, joka vie kolmanneksen ruudusta. Evästeilmoitus, jota ei saa suljettua. Chat-kupla, joka istuu varauspainikkeen päällä. Uutiskirjeen ponnahdusikkuna, joka aukeaa ennen kuin sivu on edes latautunut.

Tietokoneella nämä ovat pieniä. Puhelimessa ruutu on pieni, ja jokainen kiinteä elementti syö sitä. Kun yläpalkki, evästeilmoitus ja chat-kupla ovat kaikki paikallaan, sisällölle jää puolet ruudusta, ja asiakas ei näe, mistä hän voisi varata ajan.

Tarkista tämä avaamalla sivusto ensimmäistä kertaa puhelimella, mieluiten yksityisessä selausikkunassa, jolloin evästeilmoitus ja ponnahdusikkunat tulevat esiin niin kuin uudelle kävijälle. Laske, montako asiaa pitää sulkea ennen kuin näet sisällön. Jos vastaus on enemmän kuin yksi, se on liikaa.

Hidas ei ole sama kuin rikki, mutta näyttää samalta

Osa ”ei toimi puhelimella” -valituksista on oikeasti ”ei latautunut ennen kuin luovutin”. Sivusto toimii, mutta se painaa niin paljon, että mobiiliverkossa se näyttää tyhjää ruutua viisi sekuntia, ja asiakas tulkitsee sen rikkinäiseksi.

Syy on melkein aina kuvissa. Suoraan kamerasta ladatut kuvat, taustavideo, jota ei ole pakattu, tai kuvakaruselli, joka lataa kaikki kymmenen kuvaa kerralla vaikka näyttää yhden. Toinen syy on kolmannen osapuolen skriptit: chat, kartta, seurantapikselit, fontit, jotka ladataan muualta ja odottavat toisiaan.

Tämän erottaa muista vioista niin, että avaat sivun hyvässä langattomassa verkossa ja se toimii, ja avaat sen mobiiliverkossa heikolla kentällä ja se ei. Silloin vika ei ole ulkoasussa vaan painossa. Artikkeli kuvista ja nopeudesta käy läpi, miten paino mitataan ja mistä sitä saa pois.

Lomakkeet ja varaus: missä asiakas jää kesken

Lomake voi toimia täydellisesti tietokoneella ja olla käyttökelvoton puhelimessa. Yleisimmät syyt: kenttä on niin pieni, ettei sitä saa aktivoitua, näppäimistö peittää lähetyspainikkeen eikä sivu vieri sen alta, päivämäärän valitsin on tehty hiirelle, tai virheilmoitus ilmestyy sivun yläreunaan, jota asiakas ei näe.

Varausjärjestelmät ovat oma lukunsa, koska ne ovat usein kolmannen osapuolen upotuksia, joilla on oma ulkoasu ja oma leveys. Kalenteri, joka näyttää viikon seitsemänä sarakkeena, on puhelimessa seitsemän kapeaa palkkia, joista ei erota päivää. Aikavalinta, joka vaatii vierityksen upotuksen sisällä, jää usein huomaamatta.

Testaa täyttämällä lomake oikeasti puhelimella alusta loppuun. Kirjoita nimi, sähköposti, puhelin, viesti, ja paina lähetä. Katso, näetkö lähetyspainikkeen näppäimistön ollessa auki. Katso, mitä tapahtuu, jos jätät kentän tyhjäksi. Jos sinä jäät kesken, asiakas on jäänyt kesken jo monta kertaa.

Miten testaat ilman kymmentä puhelinta?

Testaat ilman kymmentä puhelinta kolmella keinolla: tietokoneen selaimen kehittäjätyökalujen laitetilalla, joka jäljittelee eri puhelinten ruutukokoja, Googlen ilmaisella nopeustestillä, joka mittaa sivun latautumisen puhelimella, ja pyytämällä kolmea tuttua eri puhelimilla tekemään saman tehtävän. Yhdessä nämä kattavat lähes kaiken.

Kehittäjätyökalut löytyvät jokaisesta selaimesta, tavallisesti näppäimellä F12 tai valikosta. Siellä on laitetila, joka näyttää sivun valitun puhelimen kokoisena. Se ei ole täydellinen, koska se ei jäljittele kosketusta täysin eikä vanhoja selaimia, mutta se paljastaa leveysongelmat, valikot ja tekstikoot minuutissa.

Googlen nopeustesti mittaa sivun puhelimella ja luettelee, mikä latausta hidastaa: liian raskaat kuvat, odottavat skriptit ja asettelu, joka hyppii latauksen aikana. Testi on ilmainen, ja sen tuloksen voi lähettää suoraan sille, joka korjaa. Leveys- ja valikko-ongelmia se ei näytä yhtä hyvin, ja niihin laitetila ja oikeat ihmiset ovat parempia.

Tutut ovat silti paras testi. Anna kolmelle ihmiselle sama tehtävä, esimerkiksi ”varaa aika ensi tiistaille” tai ”etsi hinta”, ja pyydä heitä lähettämään kuvakaappaus siitä kohdasta, jossa he jäivät jumiin. Kolme eri puhelinta ja kolme eri ikäistä ihmistä löytävät sen, mitä työkalut eivät.

Mitä kysyä asiakkaalta, joka valitti

Kun asiakas sanoo, ettei sivusto toimi puhelimella, kysy neljä asiaa: mikä puhelin, mitä hän yritti tehdä, mitä tapahtui, ja voisiko hän lähettää kuvakaappauksen. Vastaus ”ei toiminut” ei kerro mitään, mutta ”painoin varaa-nappia eikä mitään tapahtunut, iPhonella” kertoo melkein kaiken.

Kuvakaappaus on kaikista arvokkain. Se näyttää täsmälleen, mitä asiakas näki, ja usein siitä näkee suoraan syyn: valikko sisällön päällä, painike ruudun ulkopuolella, evästeilmoitus lomakkeen päällä.

Jos asiakas ei muista puhelimen mallia, riittää tietää, onko se iPhone vai Android ja onko se uusi vai vanha. Se rajaa jo puolet mahdollisista syistä pois.

Mitä Google tekee sivustolle joka ei toimi puhelimella?

Google arvioi sivuston ensisijaisesti sen mobiiliversion perusteella, joten sivusto, joka ei toimi puhelimella, sijoittuu hakutuloksissa heikommin kuin sama sisältö toimivilla mobiilisivuilla. Se ei katoa hausta, mutta se häviää kilpailijoille, joiden sivut toimivat.

Käytännössä tämä näkyy niin, että Search Consolen Core Web Vitals -raportti merkitsee puhelimella hitaat sivut ja sijoitukset valuvat hitaasti alaspäin. Ei yhdessä yössä, vaan kuukausien aikana, ja siksi sitä ei yhdistetä sivustoon vaan ”kilpailun kiristymiseen”.

Toinen vaikutus on epäsuora mutta isompi. Kävijä, joka tulee hausta ja lähtee heti, koska sivu ei toimi, palaa hakutuloksiin ja klikkaa seuraavaa. Google näkee tämän. Sivu, jolta palataan heti takaisin, on Googlen silmissä huono vastaus, riippumatta siitä, kuinka hyvä sen sisältö olisi ollut.

Kolmas on yksinkertaisin: valtaosa hauista tehdään puhelimella. Sivusto, joka ei toimi puhelimella, ei toimi valtaosalle niistä, jotka sen löytävät. Sijoituksella ei ole väliä, jos kävijä ei voi käyttää sivua.

Vanhat puhelimet ja vanhat selaimet

Osa asiakkaista käyttää puhelinta, joka on viisi vuotta vanha, eikä sen selainta ole päivitetty. Sivusto, joka käyttää uusimpia tekniikoita ilman varajärjestelyä, näyttää siinä tyhjää tai rikkinäistä. Sinun uudella puhelimellasi kaikki toimii.

Tämä koskee erityisesti asiakaskuntaa, jossa on paljon ikääntyneitä, ja aloja, joilla puhelinta ei vaihdeta usein. Kannattaa katsoa kävijämittarista, millä laitteilla ja selaimilla kävijät tulevat. Jos kymmenesosa tulee vanhoilla selaimilla, se on kymmenesosa asiakkaista.

Hyvä sivusto ei näytä vanhalla puhelimella yhtä hienolta, mutta se toimii: teksti näkyy, linkit toimivat, lomake lähtee. Se on suunnittelupäätös, ja se pitää tehdä tietoisesti.

Kuka korjaa ja mitä pyydät

Kun lista vioista on koossa, lähetä se sivuston tekijälle tai ylläpitäjälle kuvakaappauksineen ja puhelinmalleineen. Pyydä arviota siitä, mitkä viat korjataan nykyiseen sivustoon ja mitkä vaatisivat rakenteen muuttamista. Rehellinen vastaus erottelee nämä kaksi.

Yksittäiset viat, kuten liian leveä taulukko, valikon sulkemispainike tai painikkeiden koko, korjataan tunneissa. Kuvien pakkaaminen kestää iltapäivän. Kolmannen osapuolen upotuksen vaihtaminen toimivaan on isompi työ, mutta sekin on korjaus, ei uusiminen.

Jos vastaus on, että sivusto pitää tehdä kokonaan uusiksi, koska se ei ole responsiivinen, kysy toinen mielipide. Se voi olla totta, ja usein on, mutta se on myös helppo vastaus sille, joka mieluummin myy uuden sivuston kuin korjaa vanhan.

Milloin korjaus ja milloin uusiminen?

Korjaus riittää, kun sivusto on rakennettu responsiiviseksi ja viat ovat yksittäisiä: leveä elementti, huono valikko, raskaat kuvat, huono upotus. Uusiminen on oikea ratkaisu, kun sivusto on tehty vain tietokoneelle, kun sitä ei voi muuttaa ilman että kaikki hajoaa, tai kun korjausten lista on niin pitkä, että se maksaa saman kuin uusi.

Nyrkkisääntö: jos sivusto on alle viisi vuotta vanha ja tehty ammattilaisen toimesta, se on todennäköisesti responsiivinen ja viat ovat korjattavissa. Jos se on yli kahdeksan vuotta vanha, se on todennäköisesti tehty tietokoneelle ensin, ja korjaaminen on tilkitsemistä.

Toinen mittari on sisältö. Jos sivuston tekstit, hinnat ja palvelut ovat ajan tasalla ja vain tekniikka on vanhaa, korjaus säästää sisällön. Jos myös sisältö on vanhaa, uusiminen on tilaisuus tehdä molemmat kerralla. Artikkeli siitä, milloin verkkosivut uudistetaan, auttaa tässä päätöksessä laajemmin.

Ja kolmas: kuinka paljon sivusto tuottaa. Jos sivusto tuo asiakkaita ja mobiiliviat estävät osaa heistä, korjaus maksaa itsensä takaisin nopeasti. Jos sivusto ei tuo mitään, mobiilikorjaus ei muuta sitä, ja silloin kannattaa miettiä koko sivustoa uudestaan.

Miten estät saman toistumisen

Kun viat on korjattu, sovi, että jokainen sivustoon lisättävä asia testataan puhelimella ennen julkaisua. Uusi upotus, uusi kuva, uusi sivu, uusi lisäosa. Mobiiliviat syntyvät harvoin kerralla, ne kertyvät vuosien aikana yksi lisäys kerrallaan.

Katso kävijämittarista kerran kuussa, millä laitteilla kävijät tulevat ja kuinka nopeasti he lähtevät puhelimella verrattuna tietokoneeseen. Jos puhelinkävijät lähtevät selvästi nopeammin, jokin on taas rikki.

Ja testaa itse sivusto puhelimella kerran kuussa, mobiiliverkossa, tekemällä sama asia jonka asiakas tekee. Se kestää kolme minuuttia. Se on halvin ylläpito, jonka voit tehdä.

Yhteenveto

Kun sivusto ei toimi puhelimella, syy on lähes aina yksi neljästä: sivu on tehty vain tietokoneelle, jokin elementti on leveämpi kuin ruutu, valikko tai painike ei reagoi kosketukseen, tai sivu on liian raskas mobiiliverkkoon. Ensimmäinen vaatii uusimisen, muut korjataan.

Diagnoosi tehdään omalla puhelimella mobiiliverkossa tekemällä se, mitä asiakas tekee, ja täydennetään selaimen laitetilalla, Googlen ilmaisilla työkaluilla ja kolmella tutulla eri puhelimilla. Asiakkaalta pyydetään puhelinmalli, tehtävä ja kuvakaappaus.

Korjaus riittää, kun sivusto on responsiivinen ja viat yksittäisiä. Uusiminen on oikea valinta, kun sivusto on tehty tietokoneelle ensin tai kun korjauslista maksaa saman kuin uusi. Kummassakin tapauksessa jokainen tuleva lisäys testataan puhelimella, ennen kuin se menee asiakkaan eteen.