|

📱 Strona na telefonie – dlaczego klienci odchodzą? 7 błędów mobile, które naprawisz w 2026

Zajrzyj w statystyki swojej strony: najpewniej większość odwiedzin to telefony. Klient nie siedzi przy biurku – szuka wykonawcy w przerwie, w kolejce albo w aucie pod domem i daje Twojej stronie kilka sekund i jeden kciuk.
W 2026 roku Google ocenia witrynę przede wszystkim po wersji mobilnej, a klient – po tym, czy od razu znajdzie przycisk „Zadzwoń”.
W Wazelinski.nl projektujemy strony najpierw pod telefon. Poniżej 7 błędów, przez które klienci odchodzą z mobile – i jak naprawić każdy z nich.

Kobieta w kolejce do kasy przegląda stronę firmy na telefonie jedną ręką

Twoja strona ma dziś dwie witryny: dużą na monitorze i małą, która mieści się w dłoni. Problem w tym, że większość klientów zagląda tylko do tej drugiej – w autobusie, na budowie, w kolejce do kasy, często jedną ręką. Google patrzy tak samo: przy indeksowaniu mobile-first ocenia Twoją firmę przede wszystkim po wersji na telefon, nie po tej, którą oglądasz na laptopie. Jeśli na smartfonie strona się ślimaczy, przyciski trzeba trafiać paznokciem, a okienko zasłania ofertę, klient nie dzwoni z reklamacją – po prostu przesuwa kciukiem do konkurencji. Zobacz 7 powodów, dla których ludzie odchodzą z mobile, i co zrobić z każdym z nich.

1️⃣ Wolne ładowanie – kolejka do drzwi, w której nikt nie stoi

Na komputerze z szybkim Wi-Fi strona „śmiga”, więc wydaje się, że wszystko jest w porządku. Klient otwiera ją jednak na telefonie, przy słabszym zasięgu, a pierwszy ekran to przez kilka sekund biała plansza i kręcące się kółko. Nikt nie czeka w kolejce do sklepu, w którym nawet nie widać lady – wraca do wyników Google i klika następną firmę.

⚙️ Różnica techniczna: Google mierzy to wskaźnikiem LCP – czasem, po którym widać główną treść pierwszego ekranu. Cel: do 2,5 sekundy na telefonie. Pomagają zdjęcia w WebP/AVIF przycięte do rozmiaru ekranu, lazy loading dla grafik niżej na stronie, cache, mniej wtyczek i skryptów oraz porządny hosting. Szybkość to jednak tylko jeden z siedmiu punktów – strona może ładować się błyskawicznie i dalej gubić klientów.

2️⃣ Za małe przyciski – kciuk to nie kursor myszy

Mysz trafia w piksel, kciuk – w obszar wielkości monety. Gdy linki w menu stoją ciasno jeden przy drugim, a przycisk „Wyślij” jest malutki, klient klika obok, ląduje na złej podstronie i traci cierpliwość. Do tego strona, która po dotknięciu reaguje z opóźnieniem, wygląda na zepsutą – ludzie stukają drugi raz, trzeci, a potem zamykają kartę.

⚙️ Różnica techniczna: Przyciski i linki projektujemy z polem dotyku minimum 48 × 48 px (rekomendacja Google; standard dostępności WCAG 2.2 wymaga co najmniej 24 × 24 px) i odstępem ok. 8 px od sąsiadów. Najważniejsze akcje lądują w zasięgu kciuka – na dole lub w środku ekranu. Szybkość reakcji na dotyk Google mierzy wskaźnikiem INP; dobry wynik to do 200 ms, osiągany m.in. przez odchudzenie ciężkiego JavaScriptu.

3️⃣ Wyskakujące okienka – zasłona na witrynie sklepu

Klient wchodzi na stronę i zanim zobaczy ofertę, dostaje trzy warstwy: baner cookies na pół ekranu, okienko „Zapisz się do newslettera” i dymek czatu. Na monitorze to irytuje, na telefonie – zasłania wszystko. A gdy krzyżyk zamykania jest malutki i schowany w rogu, wielu ludzi zamiast go szukać, po prostu wraca do Google.

⚙️ Różnica techniczna: Google traktuje natrętne okienka zasłaniające treść na telefonie jako sygnał złego doświadczenia użytkownika. Rozwiązanie: zgoda na cookies jako zwarty pasek na dole ekranu (zgodny z RODO), newsletter zamiast pop-upu jako sekcja w treści albo okienko dopiero po przewinięciu, a przycisk zamknięcia w rozmiarze kciuka. Zasada: najpierw oferta, potem prośby.

4️⃣ Formularz na 12 pól – ankieta zamiast rozmowy

Na komputerze wypełnienie długiego formularza to minuta. Na telefonie to wojna z klawiaturą: przy wpisywaniu numeru wyskakują litery, strona sama się przybliża, a po kliknięciu „Wyślij” wszystko się kasuje, bo jedno pole było źle wypełnione. Klient, który chciał tylko zapytać o termin, rezygnuje w połowie.

⚙️ Różnica techniczna: Na telefonie formularz ma 3–4 pola: imię, telefon lub e-mail i krótka wiadomość – resztę ustalisz w rozmowie. Każde pole dostaje właściwy typ (type=”tel”, type=”email”) i autocomplete, więc telefon sam pokaże klawiaturę z cyframi i podpowie dane. Czcionka w polach co najmniej 16 px (iPhone nie przybliża wtedy ekranu), etykiety nad polami, a błędy opisane przy konkretnym polu – bez kasowania tego, co klient już wpisał.

5️⃣ Brak „Zadzwoń” i WhatsAppa – szyld bez klamki

Klient na telefonie chce zrobić jedno: zadzwonić albo napisać. Tymczasem numer jest wpisany jako zwykły tekst albo obrazek w stopce, więc trzeba go zapamiętać, przepisać i nie pomylić cyfr. Każdy taki krok to wyjście ewakuacyjne – po drodze klient zdąży zmienić zdanie albo zadzwonić do firmy, która dała mu to jednym dotknięciem.

⚙️ Różnica techniczna: Numer telefonu zawsze jako link tel:, a kontakt na WhatsAppie przez link wa.me z gotową pierwszą wiadomością (np. „Dzień dobry, pytam o wycenę…”). Na telefonie warto dodać przyklejony pasek na dole ekranu z dwoma przyciskami: „Zadzwoń” i „WhatsApp”. Kliknięcia mierzymy jako zdarzenia w GA4 – widzisz czarno na białym, ile rozmów przyniosła strona.

6️⃣ Tekst do czytania z lupą – ulotka drukowana mikroczcionką

Strona projektowana na monitorze po zmniejszeniu do telefonu zamienia się w ulotkę pisaną maczkiem: szary tekst na jasnym tle, długie bloki bez akapitów, a czasem jeszcze tabela, którą trzeba przesuwać palcem w bok. Klient mruży oczy, przybliża dwoma palcami, gubi wątek – i rezygnuje, zanim dotrze do Twojej oferty.

⚙️ Różnica techniczna: Podstawa to znacznik meta viewport i układ responsywny bez przewijania w bok. Tekst główny 16–18 px, interlinia ok. 1,5, kontrast zgodny z WCAG (co najmniej 4,5:1), krótkie akapity i śródtytuły, które da się przeskanować wzrokiem w kilka sekund. Tabele z cennikiem na telefonie zamieniamy na karty albo listy.

7️⃣ Skaczący układ – stół, który ucieka spod łokcia

Klient celuje kciukiem w „Zobacz cennik”, a w ostatniej chwili nad przyciskiem doładowuje się zdjęcie albo baner i cała strona zjeżdża w dół. Zamiast cennika otwiera się coś zupełnie innego. Raz to drobiazg, dwa razy – frustracja, trzy razy – wrażenie, że firma ma bałagan nie tylko na stronie.

⚙️ Różnica techniczna: To przesunięcie układu Google mierzy wskaźnikiem CLS; cel to wynik poniżej 0,1. Naprawiamy je, podając zdjęciom i filmom stałe wymiary (width i height), rezerwując miejsce na banery, mapy i osadzone treści oraz ładując czcionki tak, żeby tekst nie „przeskakiwał” po wczytaniu fontu.

✍️ Podsumowanie – sklep w kieszeni klienta

Wersja mobilna to już nie „dodatek do strony”. To główne wejście do Twojej firmy – otwierane kciukiem, w biegu, przy słabym zasięgu. Szybkie ładowanie, przyciski na miarę palca, żadnych zasłon na ofercie, krótki formularz, kontakt jednym dotknięciem, czytelny tekst i układ, który stoi w miejscu – tyle wystarczy, żeby klient został. Każdy z tych siedmiu błędów osobno wygląda niewinnie. Razem sprawiają, że płacisz za ruch z Google i reklam, a telefon dzwoni u konkurencji.

🔍 Sprawdź swoją stronę na telefonie z Wazelinski.nl

W Wazelinski.nl projektujemy strony najpierw pod telefon: szybkie, czytelne, z przyciskiem „Zadzwoń” i WhatsAppem w zasięgu kciuka. Nie wiesz, jak Twoja witryna wypada na smartfonie? Przejdziemy ją krok po kroku tak, jak robi to Twój klient, i wskażemy, co poprawić w pierwszej kolejności.

Napisz do nas i sprawdź stronę na telefonie →

Podobne wpisy