Strona responsywna: jak sprawdzić w 5 minut, czy Twoja strona działa na telefonie

Co to jest strona responsywna?

Strona responsywna ma jeden adres i jeden kod dla telefonu, tabletu i komputera, a jej układ sam dopasowuje się do szerokości ekranu. Na telefonie usługi, zdjęcia i formularz układają się jedno pod drugim, na komputerze obok siebie.

Google opisuje trzy sposoby robienia strony na telefon: stronę responsywną, dynamiczne wyświetlanie (ten sam adres, inny kod dla różnych urządzeń) i osobne adresy, np. m.twojafirma.pl. Google zaleca stronę responsywną, bo jest najłatwiejsza we wdrożeniu i utrzymaniu. Treść i opisy są wtedy takie same na każdym urządzeniu, więc nic się nie rozjeżdża między wersjami.

Dla fachowca liczy się to, co klient zobaczy na telefonie, zanim zadzwoni: usługę, miasto i numer, który da się dotknąć. Test poniżej sprawdza właśnie te rzeczy.

Jak sprawdzić, czy strona działa na telefonie: test w 5 minut

Działanie strony na telefonie sprawdzisz w 5 minut: 2 minuty na własnym telefonie, 2 minuty w trybie urządzenia w Chrome i 1 minuta w PageSpeed Insights. Ogólny test strony w 15 minut, z formularzem, HTTPS i danymi strukturalnymi, opisałem w poradniku jak sprawdzić stronę internetową. Tu rozwijam tylko część o telefonie. Zapisuj, co wyszło źle, bo ta lista przyda się przy rozmowie z wykonawcą.

Krok 1: Twój telefon (2 minuty)

Otwórz swoją stronę na telefonie, najlepiej poza domową siecią Wi-Fi. Sprawdź po kolei:

• Czy tekst da się czytać bez powiększania dwoma palcami?
• Czy strona przewija się tylko w dół, bez uciekania w bok?
• Czy menu się otwiera i zamyka, a każdy link trafiasz kciukiem za pierwszym razem?
• Czy po obróceniu telefonu poziomo układ nadal się mieści?
• Czy numer telefonu po dotknięciu proponuje połączenie?

Jeśli masz drugi telefon w domu, np. starszy albo z mniejszym ekranem, powtórz test na nim. Klienci mają różne ekrany, a błędy często wychodzą dopiero na najwęższych.

Krok 2: tryb urządzenia w Chrome (2 minuty)

Na komputerze otwórz stronę w Chrome, a potem Narzędzia deweloperskie. Na pasku na górze kliknij ikonę „Przełącz pasek narzędzi urządzenia”. Domyślnie widok jest „Elastyczny”: przeciągasz krawędź i patrzysz, jak strona zachowuje się przy różnych szerokościach. W menu „Wymiary” wybierzesz konkretny model telefonu.

Dwie funkcje są szczególnie przydatne:

• Ograniczanie. Na liście „Ogranicz” wybierz „Urządzenie mobilne średniej klasy”. Chrome symuluje wtedy szybką sieć 3G i procesor 4 razy wolniejszy. Zobaczysz, co klient widzi, zanim strona doładuje się do końca.
• Zrzut całej strony. W menu „Więcej opcji” wybierz „Zrób zrzut ekranu w pełnym rozmiarze”. Taki obraz łatwo wysłać wykonawcy z zaznaczonym błędem.

Dokumentacja Chrome zastrzega, że to przybliżona symulacja na komputerze. Dlatego krok 1 na prawdziwym telefonie jest ważniejszy.

Krok 3: PageSpeed Insights na karcie telefonu (1 minuta)

Wejdź na pagespeed.web.dev, wklej adres strony i zostań na karcie „Urządzenia mobilne”. Test laboratoryjny uruchamia Lighthouse, czyli narzędzie Google do automatycznego sprawdzania stron, i symuluje wczytanie strony na telefonie średniej klasy w sieci komórkowej. Wynik 90 i więcej to według Google wynik dobry, od 50 do 89 wymaga poprawy, poniżej 50 jest słaby.

Wyżej, jeśli Twoja strona ma dość odwiedzin, zobaczysz dane prawdziwych użytkowników z ostatnich 28 dni. Przy małej stronie fachowca tych danych często nie ma i wtedy zostaje sam test laboratoryjny.

Co Google mówi o wersji mobilnej strony

Google do indeksowania treści i ustalania pozycji używa wersji strony, którą widzi jego robot dla smartfonów. Indeksowanie to zapisywanie strony w bazie Google, z której potem powstają wyniki wyszukiwania. Ten sposób Google nazywa indeksowaniem mobile-first, a 31 października 2023 roku ogłosił, że przejście na niego się zakończyło.

Z dokumentacji Google Search Central wynika kilka zasad, które dotyczą każdej strony firmy usługowej:

1. Ta sama treść na telefonie i komputerze. Do indeksowania Google używa tylko treści z wersji mobilnej. Jeśli na telefonie schowasz listę usług albo opinie, Google ich nie weźmie pod uwagę.
2. Te same nagłówki, tytuł i opis strony. Google zaleca, żeby tytuł i opis w wynikach wyszukiwania były w obu wersjach takie same.
3. Treść widoczna bez dotykania. Google nie wczyta treści, która pojawia się dopiero po przesunięciu palcem, kliknięciu albo wpisaniu tekstu. Rozwijane sekcje są w porządku, jeśli treść jest w kodzie od początku.
4. Zdjęcia w dobrej jakości i z opisem. Google odradza zbyt małe zdjęcia w niskiej rozdzielczości i zaleca ten sam tekst alternatywny, czyli opis zdjęcia dla wyszukiwarki, co w wersji na komputer.
5. Te same dane strukturalne. Jeśli strona ma np. oznaczenie firmy lokalnej, musi być ono też w wersji mobilnej.

Google wspomina też o grupie stron, które na telefonach nie działają wcale. Najczęstsze błędy to wersja mobilna zablokowana dla robota albo sytuacja, w której wszystkie podstrony na telefonie przekierowują na stronę główną. Google pisze wprost, że takich problemów sam nie rozwiąże.

Czy Google w ogóle widzi Twoją stronę, sprawdzisz w Search Console: opisuję to w poradniku Search Console dla firmy.

8 objawów złej strony na telefonie i co z nimi zrobić

Najczęstsze objawy złej strony na telefonie to maleńki tekst, przewijanie w bok, za małe przyciski, zasłaniające okna, ukryta treść, skaczący układ, długo pusty ekran i przekierowania na stronę główną wersji m. Każdy z nich zobaczysz w teście z poprzedniej sekcji. W ostatniej kolumnie jest to, o co poprosić wykonawcę albo co zmienić samemu w edytorze strony.

#	Objaw na telefonie	Najczęstsza przyczyna	Co zrobić
1	Strona wygląda jak pomniejszona wersja z komputera, tekst trzeba powiększać	Brak znacznika viewport	Dodać znacznik viewport z width=device-width i initial-scale=1
2	Strona przewija się w bok	Zdjęcie, tabela albo baner szerszy niż ekran	Ustawić zdjęciom maksymalną szerokość 100%, zawęzić szerokie elementy
3	Kciuk trafia w sąsiedni link	Za małe przyciski, za ciasno ustawione	Przyciski ok. 48 na 48 pikseli, ok. 8 pikseli odstępu
4	Okno albo baner zasłania treść	Wyskakujące okno promocyjne lub zapis na newsletter	Zamienić na mały pasek, który zajmuje niewielką część ekranu
5	Na telefonie brakuje usług, opinii albo zdjęć	Sekcje ukryte w wersji mobilnej	Przywrócić treść; można ją zwinąć, ale nie usuwać
6	Tekst skacze w trakcie ładowania	Zdjęcia bez podanych wymiarów	Dodać do zdjęć atrybuty szerokości i wysokości
7	Długo widać pusty ekran	Ciężkie zdjęcie w nagłówku, wolny serwer	Zmniejszyć zdjęcia, sprawdzić LCP w PageSpeed Insights (dobry wynik do 2,5 s)
8	Z linku w Google trafiasz na stronę główną wersji m.	Osobna wersja mobilna bez odpowiedników podstron	Każda podstrona musi mieć odpowiednik; lepiej przejść na stronę responsywną

Źródła: Google Search Central, web.dev, dokumentacja PageSpeed Insights, sprawdzone 17.10.2026.

Kilka wyjaśnień do tabeli:

• Objaw 1. web.dev opisuje, że bez znacznika viewport przeglądarka telefonu rysuje stronę na szerokość ekranu komputera, zwykle ok. 980 pikseli, i dopiero ją zmniejsza. Klient widzi wtedy maleńki tekst. To zwykle jedna linijka w kodzie, ale na starej stronie bez układu mobilnego sama nie wystarczy.
• Objaw 2. web.dev pisze, że użytkownicy są przyzwyczajeni do przewijania w pionie, a zmuszanie ich do przewijania w bok wywiera złe wrażenie. Najczęściej winne jest jedno zdjęcie albo tabela z cennikiem.
• Objaw 3. Wielkość ok. 48 na 48 pikseli to według web.dev mniej więcej 9 mm, czyli powierzchnia opuszki palca. Szczególnie dotyczy to przycisku „Zadzwoń” i numeru telefonu.
• Objaw 4. Google radzi zamiast okien pełnoekranowych używać banerów, które zajmują niewielki fragment ekranu. Okna utrudniają Google interpretowanie treści, co według Google może obniżać pozycję strony.
• Objaw 5. web.dev radzi nie ukrywać treści tylko dlatego, że nie mieści się na ekranie. Przy indeksowaniu mobile-first ukryta na telefonie sekcja z usługami nie istnieje też dla Google.
• Objawy 6 i 7. Według progów Google dobry wynik to przesunięcia układu (CLS) do 0,1 i wczytanie największego elementu (LCP) do 2,5 sekundy.

Poprawić stronę czy zamówić nową?

Objawy od 3 do 7 to zwykle poprawki na obecnej stronie: zmiana zdjęć, przycisków albo okna promocyjnego. Objaw 1 bywa jedną linijką kodu, jeśli strona ma już układ dla telefonu, a tylko zgubiła znacznik.

Gorzej, gdy strona w ogóle nie ma układu dla telefonu albo ma starą wersję m. z innymi adresami. Wtedy poprawki rzadko pomagają. Jak to ocenić i ile kosztuje każda z dróg, opisuję w poradniku modernizacja strony internetowej. Jeśli zamawiasz nową stronę, poproś wykonawcę, żeby przed oddaniem pokazał ją na dwóch telefonach o różnej szerokości ekranu. Układ sekcji, który dobrze działa na telefonie, rozpisałem w tekście o stronie wizytówce.

Jeśli nie chcesz robić testów sam, przejdę Twoją stronę na telefonie razem z wizytówką Google w darmowym audycie strony. Dostajesz 10-minutowe wideo z listą poprawek od najważniejszej. Pozostałe poradniki o stronie firmy znajdziesz w dziale strona dla fachowca.