Kas teie koduleht on tõesti mobiilisõbralik? Praktiline kontroll

Avage oma koduleht telefonis ja kujutage hetkeks ette klienti: üks käsi, järjekord või diivan ja kolmkümmend sekundit kannatust. Enamiku kohalike ja teenuseettevõtete külastustest tuleb üle poole telefonist ning paljud algavad Google’i otsinguga minut varem. Kui leht on seal ebamugav, ei hakka külastaja kurtma. Ta läheb lihtsalt tagasi tulemuste juurde ja avab järgmise lehe.

Miks „minu sülearvutis näeb hea välja“ ei piisa

Kohanduv leht mahub kitsale ekraanile, kuid mahtumine ei tähenda, et see töötab. Leht võib tehniliselt kohaneda ja siiski olla liiga väikese tekstiga, liiga lähestikku nuppudega, menüüga, mis peidab telefoninumbri, ning vormiga, mille täitmine võtab kolm minutit. Lisaks indekseerib Google lehti kõigepealt mobiiliversioonis, seega hindab otsingumootor just telefonivaadet, mitte arvutivaadet.

1. Katsetage lehte nii, nagu klient seda teeb

Enne muutmist kulutage kümme minutit päris telefonis, parem vanemas või odavamas kui teie oma, ja mobiilse interneti kaudu, mitte kontori Wi-Fi-ga. Proovige teha kolm asja, mida klient teeb:

• Aru saada, mida pakute ja kus, ilma suumimata
• Teile helistada või kirjutada ühe-kahe puudutusega
• Saata päring vormi kaudu

Märkige üles iga hetk, kus kõhklesite, suumisite või kerisite külje peale. See ongi teie tööde nimekiri. Paluge tuttaval, kes lehte pole näinud, sama teha ja vaadake, kus ta takerdub.

2. Tehke tekst loetavaks ilma suumimata

Põhitekst peaks olema umbes 16 px või suurem, korraliku reavahe ja piisava kontrastiga taustaga. Hoidke lõigud lühikesed, sest kolm rida arvutis muutub telefonis kaheksaks. Vältige valget tausta peal heleda halli teksti, mida on päevavalguses õues raske lugeda.

3. Mõõtke nupud ja lingid sõrme järgi

Sõrm on hiirest palju ebatäpsem. Nupud, menüüpunktid ja telefonilingid peaksid olema vähemalt umbes 44 × 44 px ning nende vahel peaks olema ruumi, et vale kohta ei vajutataks. Peamine tegevus olgu ilmne: nähtav nupp „Helista“ või „Küsi pakkumist“ lehe ülaosas ja telefoninumber lingina, millele ühe puudutusega helistatakse.

4. Pange esimene ekraan tööle

Telefonis on esimene ekraan kõik, mida külastaja näeb enne, kui otsustab edasi kerida. See peab ütlema, mida teete, kellele ja kus, ning näitama ühte selget järgmist sammu. Suured dekoratiivsed pildid, aeglased slaiderid ja pikad sissejuhatused lükkavad selle sõnumi alla. Täpsemalt kirjutasime sellest artiklis kodulehe esimene ekraan.

5. Hoidke vormid lühikesed

Telefonis tippimine on aeglane ja vigadealtis. Küsige ainult seda, mida vastamiseks vaja on: nimi, telefon või e-post ja lühike sõnum. Kasutage igale väljale õiget klaviatuuri (numbriklaviatuur telefoni, e-posti klaviatuur e-posti jaoks), lubage automaattäitmine ja tehke saatmisnupp lai. WhatsAppi või helistamise nupp vormi kõrval annab neile, kes tippimist ei salli, teise tee. Rohkem mõtteid leiate artiklist päringuvorm, mida päriselt täidetakse.

6. Kontrollige kiirust mobiilsidega

Telefonidel on sageli nõrgem ühendus ja vähem arvutusvõimsust kui arvutil, millel lehte tehti. Kõige rohkem kurnavad neid liiga suured fotod, rasked skriptid ja liiga palju fonte. Pakkige pildid kokku, kasutage kaasaegseid vorminguid nagu WebP, laadige ainult vajalikud fondid ja eemaldage lisandmoodulid, mida keegi ei kasuta. Google’i tasuta tööriist PageSpeed Insights annab mobiiliaruande konkreetsete soovitustega ning artiklis kodulehe laadimiskiirus selgitame, mida parandada kõigepealt.

7. Vältige tüüpilisi mobiilimisi

• Külgsuunaline kerimine, mille põhjustab ekraanist laiem tabel, pilt või manus
• Menüü, mis avaneb, aga ei sulgu, või menüü, mis töötab ainult hiirega kursorit peale viies
• Telefoninumber ja aadress ainult pildina, mida ei saa puudutada ega kopeerida
• Manustatud kaardid, mis püüavad kerimise kinni ja lukustavad külastaja lehele
• Hinnakirjad PDF-ina, mida peab lugemiseks sõrmedega suurendama
• Täisekraani hüpikaknad kohe pärast lehe laadimist

Kiire mobiilikontroll

• Testitud päris telefonis mobiilse interneti kaudu, mitte ainult arvutibrauseris
• Tekst on loetav tavasuuruses ja kontrast on hea
• Nupud ja lingid on piisavalt suured ja üksteisest eraldatud
• Telefoninumbrile saab vajutada ja see on lehe ülaosas nähtav
• Esimene ekraan selgitab, mida teete ja mida edasi teha
• Vorm on lühike, kasutab õigeid klaviatuure ja automaattäitmist
• Lehed laadivad tavalise mobiilsidega kiiresti
• Pole külgsuunalist kerimist ega sisu katvaid hüpikaknaid

Mobiilisõbralik koduleht ei luba rohkem kliente ja tulemus sõltub teie turust ning pakkumisest. Kuid telefonis kasutamiseks ebamugav leht kaotab märkamatult inimesi, kes olid juba huvitatud, ning selle parandamine on tavaliselt odavam kui rohkema liikluse ostmine.

Kuidas me seda teeme

Kujundame iga kodulehe ja sihtlehe kõigepealt telefoni jaoks ning kontrollime seda enne käivitamist päris seadmetes. Kui ostate külastajaid Google’i reklaamiga, muudab telefonis hästi töötav leht iga klõpsu väärtuslikumaks. Soovite kogu lahenduse valmis kujul? Vaadake, mis kuulub võtmed-kätte käivitusse, või kasutage allolevat vormi.