Kiedy klient wpisuje nazwę twojej firmy w Google na telefonie, widzi dokładnie ten sam wynik, który widziałby na komputerze — ale treść wyświetlana na ekranie o szerokości 375 pikseli to zupełnie inne doświadczenie niż na monitorze 1920 pikseli. Google od lat indeksuje i rankuje strony na podstawie wersji mobilnej, a nie desktopowej. Jeśli na telefonie tekst jest za mały, przyciski nachodzą na siebie, a menu ukrywa najważniejsze informacje — dla wyszukiwarki ta treść praktycznie nie istnieje. Klient, który trafia na stronę z Google Maps lub Instagramu, ocenia ją błyskawicznie i szybko decyduje, czy zostaje, czy wraca do wyszukiwania. Ta lista pozwala ci samodzielnie sprawdzić, czy twoja strona działa tam, gdzie spotykasz klientów — na ekranie telefonu.
Niezależnie od tego, czy zarządzasz gabinetem kosmetycznym, warsztatem samochodowym, restauracją czy agencją nieruchomości, ta sama zasada obowiązuje wszystkich: strona, która nie działa na telefonie, nie istnieje dla większości twoich klientów. Poniżej znajdziesz praktyczny przewodnik po sześciu blokach kontrolnych, które możesz przejść samodzielnie w ciągu trzydziestu minut, korzystając z własnego telefonu i darmowych narzędzi Google.
Dlaczego wersja mobilna to jedyna wersja, która się liczy
Google od 2018 roku stosuje mobile-first indexing, co oznacza, że do indeksowania i rankingu wykorzystuje wersję mobilną strony, pobieraną przez smartphone'owego robota. Jeśli treść dostępna na telefonie różni się od tej na komputerze — jest ukryta, zredukowana lub dostępna dopiero po kliknięciu „Zobacz wersję pełną" — wyszukiwarka widzi tylko to, co jest na telefonie. W praktyce oznacza to, że treść ukryta na urządzeniach mobilnych praktycznie nie istnieje dla Google. Jednocześnie użytkownik na telefonie nie ma cierpliwości do powiększanego tekstu, poziomego przewijania czy elementów, które działają tylko na komputerze. Jeśli strona wymaga odwracania telefonu, żeby cokolwiek przeczytać, klient po prostu wraca do wyników wyszukiwania.
Jak sprawdzać uczciwie: użyj własnego telefonu, ale też pożyczonego smartfona z innym systemem — Android w starszej wersji często pokazuje błędy, których iPhone nie wyświetla. Przetestuj stronę na mobilnych danych, a nie na Wi-Fi, ponieważ Wi-Fi maskuje problemy z szybkością ładowania. Użyj trybu incognito, żeby wyeliminować spersonalizowane wyniki i cachowane wersje. Sprawdź stronę w obu orientacjach — poziomej i pionowej — ponieważ układ może działać w jednej, a w drugiej się rozjeżdżać.
| Urządzenie i warunki | Co dokładnie sprawdzać |
|---|---|
| Twój telefon + Wi-Fi | Ogólne wrażenie, czy tekst jest czytelny bez powiększania |
| Twój telefon + dane komórkowe | Szybkość ładowania, czy nie zacina się na słabym zasięgu |
| Starszy Android (pożyczony) | Czy starsza przeglądarka nie wyświetla błędów |
| Tryb incognito | Czy strona nie pokazuje spersonalizowanych treści |
| Orientacja pozioma | Czy układ nie rozjeżdża się po obróceniu |
Blok 1 — Układ strony: viewport, przewijanie i dopasowanie do ekranu
Pierwsza i najważniejsza rzecz, którą musi mieć każda strona działająca na telefonie, to meta viewport w sekcji head. Bez tego przeglądarka nie wie, jak dopasować stronę do szerokości ekranu i wyświetla ją jako pomniejszoną wersję desktopową — użytkownik musi powiększać i przesuwać palcem jak na mapie. Obecność viewport sprawdzisz najprościej tak: otwórz stronę na telefonie i spróbuj czytać bez powiększania. Jeśli tekst jest mikroskopijny i nie da się go odczytać bez powiększania — viewport prawdopodobnie brakuje lub jest źle ustawiony. Możesz też zajrzeć w kod strony (w Chrome: trzy kropki → Narzędzia deweloperskie → Elements), ale na telefonie wrażenie użytkownika jest najlepszą weryfikacją.
Poza viewportem sprawdź trzy inne elementy układu: czy nie ma poziomego przewijania (nawet jedna kolumna wystająca poza ekran psuje całe doświadczenie), czy zdjęcia nie wyłaziły poza szerokość ekranu (częsty błąd przy grafikach bez atrybutów width/height) oraz czy tabele z cennikami nie są ucięte w połowie. Tabele to zmora wersji mobilnej — jeśli masz cennik w formie tabeli, upewnij się, że na telefonie albo się przesuwa poziomo, albo jest przekształcony w listę. Niektóre szablony automatycznie ukrywają kolumny na małych ekranach — upewnij się, że ukryte kolumny nie zawierają kluczowych informacji, takich jak ceny czy numery telefonów.
Częstą przyczyną „skaczącego" układu (Cumulative Layout Shift) są obrazy bez zadanych wymiarów, reklamy i iframe'y bez zarezerwowanego miejsca oraz treści wstrzykiwane dynamicznie — to trzy najczęstsze przyczyny CLS według Google. Kiedy strona ładuje się stopniowo, a obrazek wskakuje na swoje miejsce, przesuwa całą treść pod spodem — użytkownik traci punkt odniesienia i klika w zły element.
Jak sprawdzić obecność viewport bez patrzenia w kod
Najprostszy test: weź telefon, otwórz stronę i spróbuj czytać pierwszy akapit bez powiększania. Jeśli litery są wielkości łebka od szpilki — viewport prawdopodobnie brakuje lub jest źle ustawiony. Druga metoda: obróć telefon poziomo. Jeśli przy poziomej orientacji tekst nadal wygląda jak zmniejszona wersja desktopu, a układ nie dopasowuje się do szerszego ekranu — to pewny znak braku viewport. Trzeci wskaźnik: spróbuj kliknąć w link. Jeśli musisz precyzyjnie trafiać w mały element, bo strona zachowuje się jak miniaturowy komputer — viewport nie działa.
Blok 2 — Czytelność tekstu: rozmiar, długość wiersza i kontrast
Jeśli większość treści jest mniejsza, użytkownik musi ciągle powiększać palcami, żeby cokolwiek przeczytać — to frustrujące i zniechęca do pozostania na stronie. Brak konfiguracji viewport powoduje, że tekst jest nieczytelny nawet przy dobrym projekcie graficznym, ponieważ przeglądarka nie wie, jak przeskalować czcionkę do urządzenia. Najprostszy test: czy możesz przeczytać pierwszy akapit strony głównej bez powiększania? Jeśli nie — czytelność jest niewystarczająca.
Oprócz rozmiaru zwróć uwagę na długość wiersza. Na telefonie komfortowa szerokość wiersza to około 50-70 znaków. Jeśli tekst rozciąga się na całą szerokość ekranu 375 pikseli, oko musi przeskakiwać z końca jednego wiersza na początek następnego, co szybko męczy. W starszych szablonach szerokość bloku tekstowego bywa ustawiona sztywno pod ekran komputera — sprawdź to ręcznie i, jeśli trzeba, popraw w CSS.
Trzeci element to kontrast na zdjęciach i banerach. Jeśli masz zdjęcie w tle z białym tekstem, sprawdź, czy tekst jest czytelny zarówno na jasnym, jak i ciemnym tle zdjęcia. Najczęstszy błąd: biały napis „Zadzwoń teraz" na zdjęciu z białym bluszczem w tle — niewidoczny. Upewnij się też, że akapity nie są zbyt długie — „ściany tekstu" bez przerw zniechęcają do czytania już po pierwszych dwóch zdaniach.
Blok 3 — Strefy dotykowe: przyciski, linki i odstępy
Minimalny zalecany rozmiar strefy dotykowej to około 48 pikseli niezależnych od urządzenia (DIP), zgodnie z dokumentacją Google, przy poprawnie ustawionym viewport. Jeśli przycisk „Zadzwoń" ma 32 piksele wysokości, osoba z większymi palcami ciągle trafia w sąsiedni element. Dotyczy to wszystkich klikalnych elementów: przycisków, linków w menu, numerów telefonów i formularzy. Szczególnie ważne jest to na stronach, gdzie użytkownik działa jedną ręką, trzymając telefon w pionie — palec kciuka ma ograniczony zasięg.
Oprócz rozmiaru sprawdź odstępy między klikalnymi elementami. Jeśli dwa przyciski są oddzielone mniej niż 8 pikselami, ryzykujesz przypadkowe kliknięcie złego elementu. Problemem bywają też elementy przyklejone (sticky), które nakładają się na treść — na przykład pasek z numerem telefonu przylegający do dolnej krawędzi ekranu, który zasłania część strony. Takie elementy powinny mieć zarezerwowane miejsce i nie powinny przesuwać treści w trakcie przewijania.
W tym miejscu nie rozwiązujemy tematu przycisku telefonu i formularza kontaktowego — to odrębny temat, opisany w artykule dlaczego klienci nie zostawiają zapytań. Wystarczy jedna fraza: upewnij się, że elementy służące do kontaktu są dostępne na telefonie bez zbędnego klikania. Jeśli klient musi przejść przez trzy ekrany, żeby znaleźć numer telefonu, to jest problem, ale nie w tym miejscu go rozwiązujemy.
Najczęstsze błędy przy projektowaniu stref dotykowych
Trzy najczęstsze problemy ze strefami dotykowymi na stronach firmowych: pierwszy — przyciski zbyt małe, szczególnie „Zadzwoń" lub „Napisz" w nagłówku, które czasem mają mniej niż 30 pikseli. Drugi problem to linki tekstowe bez podkreślenia i bez odstępów, które wyglądają jak zwykły tekst — użytkownik nie wie, że może kliknąć. Trzeci błąd to nakładające się elementy, szczególnie przyciski close w oknach pop-up umieszczone zbyt blisko krawędzi ekranu lub innych przycisków.
Blok 4 — Menu i nawigacja: burger, głębokość i ścieżka klienta
Menu na telefonie zwykle przyjmuje formę burgera — trzech poziomych kresek, które po kliknięciu rozsuwają listę linków. To standard, ale jakość wykonania bywa bardzo różna. Sprawdź trzy rzeczy: czy po otwarciu menu widzisz od razu najważniejsze linki, czy musisz scrollować wewnątrz menu, oraz czy menu zamyka się po kliknięciu poza nim (użytkownicy nie wiedzą, że muszą kliknąć „X").
Głębokość nawigacji to liczba kliknięć potrzebnych od wejścia na stronę do najważniejszego celu — zwykle strony z cennikiem, formularzem kontaktowym lub konkretnej usługi. Zasada jest prosta: od wejścia do dowolnej kluczowej informacji nie powinno być więcej niż dwa kliknięcia. Jeśli klient musi przejść przez stronę główną → menu → usługi → cennik → konkretna usługa, to cztery kliknięcia i większość użytkowników się poddaje.
Scenariusz klienta na telefonie:
- 01wejście z Google Maps
- →02kliknięcie w wynik Google
- →03strona główna (kilka sekund na zorientowanie się)
- →04szukam ceny lub usługi
- →05menu (kliknięcie 1)
- →06cennik lub oferta (kliknięcie 2)
Każde dodatkowe kliknięcie to punkt porzucenia.
Jak zmieścić menu na małym ekranie
Dobrze zaprojektowane menu mobilne spełnia trzy warunki: widoczność najważniejszych linków bez scrollowania, możliwość zamknięcia jednym tapnięciem poza menu, oraz brak głębokich podmenu (maksymalnie dwa poziomy). Jeśli Twoje menu wymaga trzech lub więcej kliknięć, żeby dotrzeć do oferty — to znak, że struktura jest zbyt skomplikowana. Zamiast tego zastosuj płaską strukturę: główne kategorie bezpośrednio w menu, bez pośrednich stron „o nas" czy „blog" między klientem a ofertą.
Czego unikać w menu mobilnym
Niektóre rozwiązania wyglądają dobrze na komputerze, ale na telefonie stają się problemem. Menu z rozwijanymi podkategoriami wymaga od użytkownika precyzyjnego dotknięcia małego elementu — łatwo o pomyłkę. Menu, które nie znika po kliknięciu w link, zmusza do szukania przycisku zamknięcia. Menu zbyt duże, które wymaga scrollowania wewnątrz siebie, tworzy dodatkowy próg. Zamiast rozbudowanych menu rozważ widoczne od razu przyciski CTA — „Zadzwoń", „Umów wizytę", „Zobacz cennik" — umieszczone na górze strony, dostępne bez klikania.
Sprawdź też, czy na telefonie działa wyszukiwarka na stronie. Wiele firmowych stron ma pole wyszukiwania, które działa tylko na komputerze — na telefonie albo nie reaguje, albo pokazuje wyniki w formacie nieczytelnym na małym ekranie. Jeśli wyszukiwarka jest obecna, musi działać wszędzie.
Blok 5 — Okna pop-up i elementy nakładkowe
Natrętne interstitiale i okna dialogowe — zgodnie z oficjalnym stanowiskiem Google — to elementy, które zasłaniają użytkownikom widok treści strony, zwykle w celach promocyjnych. Google zaleca ich unikanie, bo psują doświadczenie użytkownika i mogą wpływać negatywnie na pozycję w wynikach wyszukiwania — z ważnym wyjątkiem: prawnie wymagane powiadomienia, takie jak zgoda na pliki cookies, nie są traktowane jako natrętny interstitial. Na telefonie problem z promocyjnymi oknami jest jeszcze poważniejszy — okno zajmujące połowę ekranu na komputerze może zasłaniać całą treść na ekranie 5-calowym.
Trzy najczęstsze typy okien na stronach firmowych:
- Baner cookies — pojawia się na dole lub na górze strony, często od razu, bo wymaga tego prawo. Na telefonie powinien zajmować niewielką część ekranu i mieć wyraźny przycisk „Akceptuj" oraz „Odrzuć".
- Pop-up z newsletterem — wyskakuje po przewinięciu do połowy strony. Na telefonie często blokuje dostęp do treści. Lepiej zastosować sekcję zapisu na dole strony zamiast okna.
- Czat-widget — mały przycisk w rogu ekranu, który rozwija okno czatu. Upewnij się, że po otwarciu nie zasłania treści i że przycisk zamknięcia jest widoczny i klikalny.
Kluczowa zasada dla okien promocyjnych: każde z nich musi mieć wyraźny, widoczny przycisk zamknięcia (krzyżyk), który jest wystarczająco duży (minimum 48 pikseli). Jeśli użytkownik musi szukać, jak zamknąć okno, to zła praktyka. Sprawdź też, czy takie okno nie pojawia się natychmiast po wejściu na stronę — Google zaleca, żeby interstitiale wyświetlały się z opóźnieniem lub po interakcji użytkownika, nie przed zobaczeniem treści.
Kiedy okno pop-up jest dopuszczalne
Istnieją sytuacje, gdy okno pop-up jest uzasadnione i nie narusza wytycznych Google — na przykład ważny komunikat serwisowy albo potwierdzenie rezerwacji. Jeśli musisz wyświetlić taką informację, zastosuj trzy zasady: po pierwsze, pokaż okno dopiero po pierwszej interakcji użytkownika (kliknięcie, scroll, dotknięcie). Po drugie, zadbaj, by okno zajmowało niewielką część ekranu na telefonie. Po trzecie, przycisk zamknięcia musi być widoczny od razu, bez przewijania czy szukania go w rogu ekranu.
Blok 6 — Szybkość na telefonie: PageSpeed i problemy z ładowaniem
Szybkość strony na telefonie to jeden z czynników rankingowych, ale przede wszystkim — kluczowy element doświadczenia użytkownika. Na słabym zasięgu 4G lub w ruchu miejskim każda dodatkowa sekunda ładowania kosztuje część odwiedzających, dlatego warto traktować szybkość priorytetowo, nie tylko ze względu na ranking. Google oferuje darmowe narzędzie PageSpeed Insights, które analizuje stronę pod kątem szybkości na urządzeniach mobilnych i desktopowych — wystarczy wpisać adres strony i otrzymać wynik.
Na telefonie sprawdź trzy konkretne rzeczy: czy strona ładuje się w całości, czy elementy „skaczą" podczas ładowania oraz czy są ciężkie elementy wideo w tle. Wideo jako tło na stronie głównej może wyglądać efektownie na komputerze, ale na telefonie zjada cały transfer i często nie odtwarza się w ogóle ze względu na oszczędzanie danych. Jeśli musisz mieć wideo, włącz lazy loading i oferuj wersję statyczną dla urządzeń mobilnych.
Najczęstsze przyczyny wolnego ładowania na telefonie to: niezoptymalizowane zdjęcia (za duże pliki), brak kompresji, nadmiar wtyczek w CMS, skrypty zewnętrzne (Facebook Pixel, czaty, narzędzia analityczne) ładujące się przed treścią oraz brak cache'owania. PageSpeed Insights pokaże ci konkretne elementy spowalniające stronę — zwróć uwagę na „Largest Contentful Paint" (LCP) i „Cumulative Layout Shift" (CLS), które są kluczowymi wskaźnikami.
Nie musisz znać się na Core Web Vitals, żeby sprawdzić stronę — wystarczy otworzyć PageSpeed Insights i zobaczyć, czy wynik jest zielony (90-100), żółty (50-89) czy czerwony (poniżej 50). Zielony oznacza, że strona działa dobrze. Czerwony to sygnał, że trzeba działać.
Protokół sprawdzenia: jak zapisać wyniki
Po przejściu sześciu bloków warto spisać wyniki w formie protokołu, który posłuży ci do monitorowania stanu strony w czasie. Poniższa tabela zawiera dwadzieścia punktów kontrolnych — każdy z nich oznacz jako „OK" lub „DO POPRAWY", ewentualnie dodaj zrzut ekranu i osobę odpowiedzialną za naprawę.
| Nr | Punkt kontrolny | Blok | Próg / kryterium | Wynik |
|---|---|---|---|---|
| 1 | Meta viewport obecny | Układ | width=device-width w sekcji head | |
| 2 | Brak poziomego przewijania | Układ | Brak paska poziomego | |
| 3 | Zdjęcia w granicach ekranu | Układ | Nie wystają poza 375px | |
| 4 | Tabele czytelne na telefonie | Układ | Scroll lub transformacja w listę | |
| 5 | Tekst ≥12px na ≥60% powierzchni | Czytelność | Lighthouse SEO font size | |
| 6 | Długość wiersza 50-70 znaków | Czytelność | Komfort bez powiększania | |
| 7 | Kontrast tekstu na zdjęciach | Czytelność | Tekst czytelny na każdym tle | |
| 8 | Przyciski ≥48px wysokości | Strefy dotykowe | Kciuk trafia bez błędów | |
| 9 | Odstępy między linkami ≥8px | Strefy dotykowe | Brak przypadkowych kliknięć | |
| 10 | Elementy sticky nie zasłaniają treści | Strefy dotykowe | Treść widoczna przy scrollowaniu | |
| 11 | Menu otwiera się w jednym kliknięciu | Nawigacja | Brak dodatkowych ekranów | |
| 12 | Głębokość nawigacji ≤2 kliknięcia | Nawigacja | Do cennika/kontaktu w 2 krokach | |
| 13 | Wyszukiwarka działa na telefonie | Nawigacja | Wyniki czytelne na małym ekranie | |
| 14 | Baner cookies nie blokuje treści | Okna pop-up | Minimalny rozmiar | |
| 15 | Przycisk zamknięcia widoczny i ≥48px | Okna pop-up | Łatwe zamknięcie bez szukania | |
| 16 | Pop-up nie pojawia się natychmiast | Okna pop-up | Opóźnienie lub po interakcji | |
| 17 | PageSpeed Insights ≥90 lub zielony | Szybkość | Wynik mobilny | |
| 18 | LCP poniżej 2,5 sekundy | Szybkość | Największy element ładuje się szybko | |
| 19 | CLS poniżej 0,1 | Szybkość | Brak skaczącego układu | |
| 20 | Wideo w tle nie blokuje strony | Szybkość | Lazy loading lub wyłączone na mobile |
Taki protokół możesz wrzucić do arkusza Google i powtarzać sprawdzenie po każdej zmianie szablonu, wtyczki lub aktualizacji treści. Priorytetyzuj według wpływu na klienta: jeśli nie działa viewport, nic innego nie ma znaczenia — to fundament.
Zrób to sam w trzydzieści minut: lista krok po kroku
Jeśli chcesz sprawdzić stronę samodzielnie, nie czekając na specjalistę, postępuj zgodnie z poniższą listą. Całość zajmie ci od 20 do 40 minut w zależności od liczby podstron, które przetestujesz.
Krok 1 — Przygotowanie: weź telefon, wyłącz Wi-Fi (użyj danych komórkowych), otwórz przeglądarkę w trybie incognito. Wpisz adres strony i poczekaj na pełne załadowanie.
Krok 2 — Układ: czy bez powiększania widzisz tekst czytelnie? Czy strona mieści się w pionie bez poziomego przewijania? Zrób zrzut ekranu i otwórz go na komputerze — od razu zobaczysz, co wyłazi poza ekran.
Krok 3 — Nawigacja: kliknij menu burgera. Czy widzisz od razu najważniejsze linki? Spróbuj dojść do cennika lub oferty w maksymalnie dwóch kliknięciach. Zapisz ścieżkę, którą musiałeś przejść.
Krok 4 — Strefy dotykowe: kliknij trzy różne elementy na stronie (przycisk, link w menu, numer telefonu). Czy każde kliknięcie trafiło w to, co chciałeś? Czy palec nie zahaczał o sąsiednie elementy?
Krok 5 — Okna: poczekaj 10 sekund. Czy pojawił się baner cookies? Jeśli tak, czy łatwo go zamknąć? Sprawdź, czy po zamknięciu treść jest dostępna bez przeszkód.
Krok 6 — Szybkość: wpisz adres strony w PageSpeed Insights i poczekaj na wynik. Zanotuj wynik mobilny i kluczowe metryki (LCP, CLS).
Krok 7 — Dokumentacja: spisz wyniki w tabeli powyżej. Dla każdego punktu „DO POPRAWY" zapisz zrzut ekranu i krótki opis problemu.
Kiedy wysyłać to specjaliście: jeśli masz więcej niż pięć punktów „DO POPRAWY" w blokach 1-3 (układ, czytelność, strefy dotykowe), albo jeśli PageSpeed pokazuje wynik poniżej 50. Problemy z układem wymagają zmian w kodzie szablonu — to nie jest coś, co naprawisz sam w ustawieniach CMS. Kiedy powtarzać: po każdej aktualizacji szablonu, po zainstalowaniu nowych wtyczek i po zmianie treści strony głównej.
Jak wygląda proces, gdy monitoringiem mobilnej wersji zajmuje się system
Strona firmowa na telefonie to nie jednorazowy projekt — to element, który wymaga stałej kontroli. Kiedy odpowiadasz za wiele gabinetów, salonów lub punktów usługowych, ręczne sprawdzanie każdej strony po każdej zmianie jest niewykonalne. System, który automatycznie monitoruje wersję mobilną, działa tak: przechodzi kluczowe strony (główną, cennik, kontakt, najważniejsze usługi) na profilach mobilnych, robi zrzuty ekranu i mierzy metryki szybkości oraz CLS. Wyniki są pakowane w raport z listą zadań do wykonania, posortowanych według wpływu na klienta i pozycję w Google.
Co pozostaje człowiekowi: decyzja, co naprawić w pierwszej kolejności. System wskaże, że viewport nie działa na stronie głównej, ale to ty decydujesz, czy najpierw naprawić główną, czy cennik. System wskaże, że CLS przekracza 0,1, ale to ty oceniasz, czy warto wymieniać zdjęcie w hero, czy lepiej dodać wymiary do wszystkich grafik. Człowiek podejmuje decyzje biznesowe — system dostarcza dane i automatyzuje powtarzalne pomiary.
Jeśli prowadzisz jedną firmę, ta lista kontrolna wystarczy ci do samodzielnego monitorowania. Jeśli zarządzasz wieloma punktami lub chcesz mieć pewność, że żadna zmiana nie psuje wersji mobilnej — rozważ systematyczny monitoring, który po wykonaniu zmian w szablonie automatycznie sprawdza kluczowe strony i wysyła raport.
Dowiedz się więcej o tym, dlaczego klienci nie zostawiają zapytań — tam znajdziesz analizę, ile klientów traci firma przez problemy ze stroną. Zobacz też dostępność strony w restauracji, żeby zrozumieć, jak wygląda weryfikacja dla konkretnej branży. Przeczytaj też o tym, od czego zacząć automatyzację — to pomoże ci wybrać, co testować w pierwszej kolejności. Jeśli prowadzisz restaurację, sprawdź dane restauracji w Google, żeby zrozumieć, jak strona współgra z wizytówką.
W ofercie Aura znajdziesz kompleksowe podejście do strony internetowej: od projektu, przez wdrożenie, po stałą optymalizację konwersji. Strony i sklepy to usługa, która obejmuje wersję mobilną, formularze i pomiar od pierwszego dnia. Jeśli potrzebujesz audytu obecnej strony pod kątem urządzeń mobilnych, UI/UX design pozwoli zaprojektować układ od podstaw z myślą o telefonie. Dla firm, które mają ruch, ale nie konwertują go na zapytania, UX i konwersja znajdzie i usunie bariery — w tym problemy mobilne, które psują doświadczenie użytkownika. Jeśli zależy ci na widoczności w Google, SEO i mapy pomoże ci dotrzeć do klientów lokalnych, a Analityka i BI pozwoli zmierzyć, ilu klientów przychodzi z urządzeń mobilnych. Jeśli szukasz zespołu do realizacji projektu w Warszawie, zobacz też ofertę stron internetowych w Warszawie.
Najczęściej zadawane pytania
Czy muszę mieć osobną wersję mobilną strony, czy wystarczy responsywny szablon?
Google od lat stosuje mobile-first indexing, co oznacza, że do rankingu wykorzystuje wersję mobilną. Nowoczesne strony używają responsywnego szablonu, który automatycznie dopasowuje układ do szerokości ekranu — nie potrzebujesz osobnej domeny typu m.twojafirma.pl. Ważne jest jednak, żeby treść była identyczna w obu wersjach: ukrywanie treści na telefonie powoduje, że Google jej nie widzi.
Jak sprawdzić, czy moja strona działa na telefonie, jeśli nie mam drugiego urządzenia?
Użyj narzędzi deweloperskich w przeglądarce Chrome na komputerze: otwórz stronę, naciśnij F12, kliknij ikonę telefonu w lewym górnym rogu (Toggle Device Toolbar) i wybierz model telefonu z listy. To symuluje telefon, ale nie zastąpi testu na prawdziwym urządzeniu — w szczególności szybkość ładowania na danych komórkowych można sprawdzić tylko w terenie.
Czy baner cookies na telefonie może obniżyć pozycję w Google?
Nie z tego powodu. Google wyraźnie wyłącza prawnie wymagane powiadomienia, takie jak zgoda na pliki cookies, z kategorii natrętnych interstitiali karanych w wynikach wyszukiwania — to inna sytuacja niż promocyjny pop-up zasłaniający treść. Mimo to warto trzymać baner w minimalnym rozmiarze i dać mu czytelne przyciski „Akceptuj" i „Odrzuć", żeby nie psuł wrażenia na małym ekranie.
Ile musi wynosić rozmiar tekstu na telefonie, żeby był czytelny?
Lighthouse zaleca, żeby co najmniej 60% tekstu na stronie miało rozmiar co najmniej 12 pikseli. To minimalny próg — większy tekst zawsze jest lepszy, szczególnie dla osób starszych lub z problemami wzroku. Jeśli używasz systemu CMS, sprawdź w ustawieniach motywu, jaki jest domyślny rozmiar czcionki na urządzeniach mobilnych.
Co zrobić, gdy PageSpeed pokazuje czerwony wynik na telefonie?
Przede wszystkim sprawdź, czy zdjęcia są zoptymalizowane — to najczęstsza przyczyna wolnego ładowania. Użyj formatu WebP zamiast PNG lub JPEG, jeśli system na to pozwala. Wyłącz lub ogranicz wtyczki, które ładują zewnętrzne skrypty. Jeśli wynik nadal jest zły, rozważ zmianę szablonu na lżejszy lub przeprowadzkę na szybszy hosting.
Czy przycisk „Zadzwoń" na stronie musi być widoczny od razu?
Nie ma formalnego wymogu, ale z perspektywy konwersji — tak. Klient na telefonie powinien w jednym kliknięciu móc do ciebie zadzwonić. Najlepiej, żeby przycisk z numerem telefonu był widoczny bez przewijania (tzw. sticky lub umieszczony w nagłówku). Unikaj wymagania od użytkownika kopiowania numeru i wychodzenia z przeglądarki, żeby zadzwonić — to duży próg konwersji.
Jak często powinienem sprawdzać wersję mobilną strony?
Po każdej zmianie szablonu, po aktualizacji wtyczek i po dodaniu nowych treści na stronie głównej. Jeśli prowadzisz aktywną firmę i regularnie aktualizujesz ofertę, rób pełne sprawdzenie przynajmniej raz na kwartał. Jeśli strona działa stabilnie i rzadko wprowadzasz zmiany — raz na pół roku wystarczy.