Mobile-first svetainė: kodėl 70% klientų jus mato telefone

Lietuvoje 7 iš 10 svetainės lankytojų yra telefone. Bet tik 30% lietuviškų verslo svetainių yra optimizuotos mobile-first.

Statistika, kuri keičia viską

  • 70% Lietuvos interneto lankytojų yra mobiliuose įrenginiuose
  • 53% uždaro svetainę, jei ji blogai atrodo telefone
  • Google rikiuoja telefono versija pirma (mobile-first indexing nuo 2019 m.)

Vis dėlto tik 30% Lietuvos verslo svetainių turi tinkamą mobile dizainą. Tai reiškia: jeigu jūsų svetainė gera telefone, jūs jau lenkiate 70% konkurentų.

Mobile-first vs responsive

Responsive

Svetainė sukurta kompiuteriui, paskui "perkalama" telefonui. Dažniausiai matosi per maži tekstai, atskirti elementai, ne pakankamai didelės nuorodos.

Mobile-first

Svetainė pirmiausia kuriama telefonui, paskui pridedami papildomi elementai didesniems ekranams. Tai dabartinis standartas.

7 mobile-first taisyklės

1. Tap targets ≥ 44×44 px

Visos nuorodos, mygtukai turi būti mažiausiai 44 pikselių pločio ir aukščio. Mažiau — pirštas neapčiuopia tiksliai.

2. Šrifto dydis ≥ 16 px

Mažesni — žmonės turi zoominti. Tai nepatogu.

3. Vienas stulpelis

Telefono ekrane tilpti du stulpelius — neįmanoma. Visas turinys vertikaliai.

4. Greitas pasiekimas kontaktų

Telefono numeris turi būti paspaudžiamas — tap → kviečia. El. paštas — tap → atveria mail klientą.

5. Vaizdai ≤ 200 KB

Mobiliųjų duomenų greitis ne visada 5G. Stenkitės, kad puslapis užkrautų <2 sek.

6. Hamburger meniu

Top navigacija "ištraukiama" iš ☰ ikonos. Tai standartas.

7. Sticky CTA

Apačioje viso laiko matomas mygtukas "Skambinti" / "Užsisakyti" — kai vartotojas slenka, mygtukas lieka.

Kaip patikrinti savo svetainę?

1. Atidarykite svetainę telefone

2. Be zoominimo, pamatykite:

  • Ar matomas pavadinimas?
  • Ar matomas CTA mygtukas?
  • Ar paspaudus telefoną — kviečia?
  • Ar lengva slinkti?

3. Įveskite savo URL į search.google.com/test/mobile-friendly

4. Įveskite savo URL į PageSpeed.web.dev — žiūrėkite mobile kortelę

Mūsų požiūris

qloud.lt platformoje kiekviena svetainė kuriama mobile-first. Mes pirmiausia testuojame, kaip ji atrodo iPhone 13, paskui — kompiuteryje.

Įtraukti mobiliems savaime:

  • ✅ 44×44 px tap targets
  • ✅ 16 px+ šriftai
  • ✅ Sticky telefono mygtukas
  • ✅ WebP nuotraukos
  • ✅ <2 sek. krovimas
  • ✅ Hamburger meniu
  • ✅ AMP (jei reikia)

[Pradėkite mobile-first svetainę dabar →](/uzsakyti)

Pasiruošę pradėti?

Sukurkite profesionalią svetainę savo verslui per 1 valandą — be jokių techninių rūpesčių.

Užsisakyti svetainę →