Twoja strona wygląda dobrze na komputerze. Ale klient ogląda ją na telefonie.

W tym poradniku znajdziesz test w 10 punktach, który przejdziesz na zwykłym telefonie, i proste sprawdzenie w darmowym narzędziu Google PageSpeed Insights. Nie chodzi o to, żeby cokolwiek poprawiać, tylko o to, żeby przygotować listę uwag dla osoby, która opiekuje się stroną.

Ta sama strona, dwa telefony

Przykład ilustracyjny.

Na komputerze obie strony mogą wyglądać równie dobrze, a różnicę widać dopiero na telefonie.

Zanim zaczniesz

1. Na czym testujesz. Wystarczy zwykły telefon, a najlepiej dwa: jeden z Androidem, drugi iPhone (np. Twój i kolegi z pracy). Wyłącz Wi-Fi, bo klient często korzysta z internetu komórkowego, i otwórz stronę w oknie prywatnym (incognito). Zobaczysz ją wtedy tak jak nowy gość, razem z banerem cookies.

Koledze wystarczy powiedzieć: „Otworzę naszą stronę w oknie prywatnym na Twoim telefonie, niczego nie zapiszę ani nie zainstaluję”.

2. Pierwsze wejście. Zaraz po otwarciu strony, zanim cokolwiek zamkniesz, zrób zrzut ekranu i oceń punkt 7 (okna i baner cookies). Dopiero potem zamknij baner i przejdź do reszty testu.

3. Czego nie zmieniasz sam (decyzja szefa). Tę tabelę szef wypełnia przed testem. Pierwszy wiersz to przykład.

4. Czego nie robić. Nawet jeśli masz dostęp do panelu, nie poprawiaj strony sam. Nie instaluj wtyczek „przyspieszających”, nie wyłączaj banera cookies i nie podmieniaj zdjęć. Baner cookies wynika z przepisów, więc jego wygląd może zmienić tylko osoba od strony na zlecenie szefa (to nie jest porada prawna).

5. Jedno zastrzeżenie. Test na telefonie pokazuje stronę oczami klienta i nie zastępuje audytu technicznego. Nazwy przycisków w narzędziach Google mogą się nieco różnić od tych, które tu podaję.

Test w 10 punktach

Przy każdym punkcie wpisz w karcie „OK” albo „uwaga”, osobno dla każdego telefonu, i dopisz krótko, co widzisz. Do każdej uwagi zrób zrzut ekranu.

1. Wejście jak klient i ładowanie

Wyszukaj firmę w Google na telefonie i wejdź na stronę z wizytówki, tak jak zrobiłby to klient. Jeśli w wizytówce nie ma linku do strony, zanotuj to i wpisz adres ręcznie. Oceń, jak długo czekasz, zanim zobaczysz treść, i zapisz jedno z trzech: „szybko”, „da się poczekać” albo „za długo”. To ma być Twoje odczucie, bo liczby poda PageSpeed Insights.

2. Co robicie i gdzie

Sprawdź, czy bez przewijania widać, jaką usługę firma wykonuje i na jakim obszarze. Zapisz, co widzisz na pierwszym ekranie, tak jak opisałby to klient.

3. Przycisk kontaktu

Już po zamknięciu banera sprawdź, czy bez przewijania widać przycisk albo numer do kontaktu. Zapisz, czy jest, a jeśli tak, to co jest na nim napisane.

4. Klikalny numer telefonu

Dotknij numeru na górze strony i w stopce. Telefon powinien otworzyć wybieranie połączenia z numerem z tabeli ustaleń – dzwonić nie musisz. Zapisz, czy numer się otworzył i czy zgadza się z tabelą.

5. Czytelność

Sprawdź, czy tekst da się przeczytać bez powiększania palcami i czy strona nie przesuwa się na boki. Jeśli coś jest nie tak, zapisz, na której podstronie i w którym miejscu.

6. Menu

Otwórz menu, wejdź w każdą pozycję i zamknij je. Zanotuj pozycje, które nie działają, prowadzą w złe miejsce albo trudno w nie trafić palcem.

7. Wyskakujące okna i baner cookies

Przy pierwszym wejściu sprawdź, czy coś zasłania treść (okno z promocją, zapis na newsletter, baner cookies), czy łatwo to zamknąć i czy nie przykrywa przycisku kontaktu. Zapisz, co się pojawiło, ile ekranu zajmuje (np. „cały”, „połowa”, „pasek na dole”) i czy da się to zamknąć.

8. Formularz

Wypełnij formularz danymi z tabeli ustaleń, a w treści wpisz „TEST, proszę nie odpowiadać”. Zaznacz tylko te zgody, bez których formularz się nie wyśle. Zwróć uwagę, czy przy polu na numer pojawia się klawiatura z cyframi i czy po wysłaniu widać potwierdzenie. Na koniec zapytaj osobę, która według tabeli odbiera wiadomości z formularza, czy Twoja wiadomość dotarła, i zapisz odpowiedź.

9. Zdjęcia i układ

Sprawdź, czy zdjęcia są ostre, mieszczą się na ekranie i ładują się do końca, a także czy tekst lub przyciski nie „skaczą” w trakcie ładowania, przez co trafiasz palcem w coś innego. Zapisz, które zdjęcie lub miejsce sprawiało problem.

10. Mapa, WhatsApp, e-mail

Jeśli na stronie jest adres lub link do mapy, przycisk WhatsApp albo e-mail, dotknij każdego z tych elementów. Każdy powinien otworzyć właściwą aplikację z danymi z tabeli ustaleń. Zapisz, które linki nie działają albo prowadzą w złe miejsce.

PageSpeed Insights: sprawdzenie w 5 minut

To darmowe narzędzie Google, które mierzy szybkość i stabilność strony. Najwygodniej korzystać z niego na komputerze, bo samo symuluje telefon.

1. Wejdź na pagespeed.web.dev.
2. Wpisz adres strony głównej i kliknij Analizuj.
3. Upewnij się, że patrzysz na wynik dla urządzeń mobilnych, a nie dla komputera.
4. Zrób zrzuty kolejnych ekranów wyniku, od góry aż do listy zaleceń, i przepisz dane do karty.

Raport ma dwie części i warto je od siebie odróżniać.

• Dane od prawdziwych użytkowników pochodzą z przeglądarki Chrome z ostatnich 28 dni. Przy małym ruchu mogą dotyczyć całej witryny albo może ich nie być – to nie jest błąd.
• Wynik z testu (0–100) to pomiar na symulowanym telefonie. Według Google 90–100 to wynik dobry, 50–89 wymaga poprawy, a 0–49 jest słaby. Wynik zmienia się między kolejnymi testami, dlatego zapisz datę.

Trzy skróty z danych od użytkowników (LCP, INP, CLS) bierz do karty tylko z tej pierwszej części. Jeśli jej nie ma, wpisz „brak” i nie przepisuj liczb z testu. Ocenę i zalecenia techniczne zostaw osobie od strony.

Opcjonalnie: Search Console. Jeśli firma korzysta z Google Search Console, znajdziesz tam raport Podstawowe wskaźniki internetowe (Core Web Vitals). Grupuje on podobne adresy i oznacza je jako dobrej jakości, wymagające poprawy lub słabej jakości, osobno dla telefonów. Przy małym ruchu zobaczysz komunikat „Brak dostępnych danych”. Zrzut części dotyczącej telefonów dołącz do listy uwag. Jeśli nie masz dostępu, pomiń ten krok i zapytaj szefa o dostęp.

Co z tego wynika według Google

Google indeksuje strony i ustala ich pozycje na podstawie wersji mobilnej. Jednocześnie wprost zaznacza, że dobre wyniki wskaźników nie gwarantują wysokich pozycji, bo najważniejsza jest trafna treść.

Uciążliwe okna mogą utrudniać wyszukiwarce zrozumienie strony, ale wskazówki Google nie dotyczą obowiązkowych komunikatów, np. wymaganych prawem. Przy banerze cookies liczy się więc tylko to, czy łatwo go zamknąć i czy nie zasłania kontaktu.

W praktyce ten test nie podniesie Twoich pozycji w Google. Usuwa za to przeszkody między klientem, który już jest na Twojej stronie, a telefonem do Ciebie.

Karta testu

Każdy wiersz to jeden punkt na jednej podstronie, a pierwszy wiersz to przykład. Punkt uznajesz za „bez uwag” tylko wtedy, gdy na obu telefonach wypadł OK. W ostatniej kolumnie wpisujesz swoją propozycję, a zatwierdza ją szef.

Zrzuty nazywaj według schematu: numer punktu, telefon, miejsce, np. „04-iPhone-stopka”.

PageSpeed Insights (telefon):

Wzór wiadomości do osoby od strony

Wiadomość wysyła osoba wskazana w tabeli ustaleń, po akceptacji szefa.

Dzień dobry, sprawdziliśmy naszą stronę na telefonach (Android i iPhone). W załączniku przesyłamy listę uwag ze zrzutami ekranu i wynik PageSpeed Insights z [data]. Za najpilniejsze uważamy: [punkty oznaczone jako pilne]. Proszę o informację, co z tej listy da się poprawić, w jakim terminie i za jaki koszt. O zakresie prac zdecyduje [imię szefa].

Wzór podsumowania dla szefa (3 zdania)

Na [liczba] telefonach [X] z 10 punktów wypadło bez uwag, a [Y] uwag proponujemy uznać za pilne, do Twojej decyzji: [np. nieklikalny numer w stopce]. PageSpeed Insights dał stronie głównej na telefonie wynik [W]/100, a dane od użytkowników: [są / brak]. Do decyzji: czy wysyłamy listę do [osoba od strony] w obecnym kształcie.

Co dalej

• Dziś: wypełnij razem z szefem tabelę „Czego nie zmieniasz sam”.
• W tym tygodniu: przejdź test na dwóch telefonach, sprawdź stronę w PageSpeed Insights i przynieś szefowi kartę z podsumowaniem.
• Regularnie: powtarzaj test tak często, jak ustalono w tabeli, i po każdej zmianie na stronie.

Wyślij mi na WhatsApp adres strony i zrzut ekranu z PageSpeed Insights dla telefonu: +48 600 432 270. W ciągu 4 dni roboczych odpiszę, którą jedną uwagę przekazałbym osobie od strony jako pierwszą.

Więcej na ten temat na blogu: 10 sygnałów, że strona szkodzi firmie · Stronę zrobił Ci znajomy? Siedem flag

Źródła

• Google: Podstawowe wskaźniki internetowe i wyniki wyszukiwania Google
• Google: Raport dotyczący Core Web Vitals (Search Console)
• Google: O narzędziu PageSpeed Insights
• web.dev: Podstawowe wskaźniki internetowe
• Google: Indeksowanie z myślą o urządzeniach mobilnych
• Google: Reklamy pełnoekranowe i okna
• Google: Avoid intrusive interstitials and dialogs (wersja angielska)
• Google: Omówienie jakości strony z uwzględnieniem wymagań Google
• PageSpeed Insights