Najważniejsze w skrócie
- Google do indeksowania i rankingu używa wersji mobilnej Państwa strony; czego tam brakuje, to się nie liczy.
- Numer telefonu i adres muszą jednym dotknięciem prowadzić do połączenia lub do trasy.
- Co najmniej 16 pikseli dla tekstu i przyciski, które pewnie trafia się kciukiem.
- Formularze kontaktowe na telefonie: mało pól, właściwa klawiatura, żadnych captcha z łamigłówkami.
- Proszę testować na prawdziwych urządzeniach, a nie tylko w zmniejszonym oknie przeglądarki przy biurku.
Ten artykuł ma charakter ogólnej informacji i nie stanowi porady prawnej ani podatkowej w konkretnej sprawie. Ustawy, wytyczne zawodowe i składki izb się zmieniają: przed podjęciem decyzji prosimy sprawdzić szczegóły w swojej izbie, urzędzie lub stowarzyszeniu zawodowym.
Dlaczego smartfon jest najważniejszy
Wyszukiwania lokalne, takie jak „Notar in der Nähe”, „Scheidungsanwalt Graz” czy „Steuerberater Köln Ehrenfeld”, bardzo często odbywają się w drodze. Kto trzyma w ręku wypowiedzenie albo pismo z urzędu skarbowego, sięga po telefon, a nie po laptopa. Jak duży jest ten udział u Państwa, pokaże własna statystyka lub Google Search Console z filtrem urządzeń. W wielu kancelariach duża część wizyt pochodzi ze smartfonów.
Do tego dochodzi sama wyszukiwarka. Google stosuje indeksowanie mobile-first: do indeksowania i rankingu używa wersji mobilnej strony, pobranej przez robota dla smartfonów. Treści, nagłówki, opisy obrazów i dane strukturalne, które występują tylko w widoku desktopowym, mogą zostać przez Google pominięte. Widok mobilny nie jest więc okrojoną wersją poboczną, lecz główną wersją Państwa strony.
Połączenie i trasa jednym dotknięciem
Na smartfonie strona jest często tylko krótką drogą do telefonu. Kto chce zadzwonić, nie powinien przepisywać ani zapamiętywać numeru. Brzmi to oczywiście, ale zaskakująco często rozbija się o szczegóły.
- Numer telefonu jako link: każdy numer na stronie jest linkiem do połączenia w formacie międzynarodowym, czyli z +43 lub +49. Dzięki temu działa także u klientów z zagranicznym abonamentem.
- Żadnych numerów jako obrazów: numeru telefonu w grafice nie da się ani stuknąć, ani skopiować, a wyszukiwarki go nie odczytują.
- Adres z linkiem do mapy: stuknięcie w adres otwiera nawigację. Proszę dodać to, co pomaga na miejscu: klatkę schodową, piętro, dzwonek, parking, najbliższy przystanek.
- E-mail jako link: adres, w który można stuknąć, jest wygodniejszy niż formularz, gdy ktoś chce tylko przełożyć termin.
- Podać godziny dostępności: obok numeru jest napisane, kiedy ktoś odbiera. Telefon w pustkę o 18:00 frustruje bardziej niż jasna informacja o godzinach telefonicznych.

Ostrożnie z przyciskami komunikatorów. Link do WhatsAppa szybko się dodaje, ale treści zleceń nie powinny bez namysłu trafiać do komunikatora. Tajemnica zawodowa i ochrona danych obowiązują także przy pierwszym kontakcie. Jeśli oferują Państwo komunikator, to z wyraźną informacją, że nie należy przesyłać nim dokumentów ani szczegółów sprawy.
Czytelny tekst i łatwe do trafienia przyciski
Telefon obsługuje się kciukiem, a czyta często w ruchu. Za mały tekst, zbyt blady kontrast i linki ściśnięte jeden przy drugim sprawiają, że każda strona staje się męcząca. Sprawdziły się następujące wartości.
| Element | Wartość orientacyjna | Dlaczego |
|---|---|---|
| Tekst | co najmniej 16 pikseli, interlinia ok. 1,5 | Czytelny bez powiększania, także w dłuższych tekstach o terminach czy procedurach |
| Pola formularza | czcionka co najmniej 16 pikseli | Poniżej Safari na iPhonie po stuknięciu automatycznie powiększa pole i przesuwa stronę |
| Przyciski i linki | co najmniej 24 × 24 piksele według WCAG 2.2, lepiej ok. 44 do 48 pikseli | Apple zaleca 44 punkty, Google dla Androida 48 dp; to pewnie trafia się kciukiem |
| Odstęp między linkami | tyle miejsca, by pola dotyku się nie stykały | Zapobiega otwarciu danych firmy zamiast „Kontaktu” |
| Kontrast | ciemny tekst na jasnym tle, żadnego jasnoszarego na białym | Inaczej na zewnątrz w słońcu prawie nieczytelny |
Dobra czytelność jest zarazem częścią dostępności. Jakie wymagania obowiązują i kogo obejmują ustawy o dostępności w Niemczech i w Austrii, wyjaśnia poradnik o dostępnej stronie kancelarii.
Menu na smartfonie
Na komputerze mieści się pasek menu z siedmioma pozycjami, na telefonie chowa się on za ikoną menu. Im mniej pozycji, tym szybciej odwiedzający znajdują to, czego szukają. Kancelarii zwykle wystarcza pięć, sześć głównych pozycji: obszary działalności, zespół, poradnik lub aktualności, kontakt, w razie potrzeby kariera.
Tak będzie dobrze
- Pokazywać kontakt i numer telefonu także w rozwiniętym menu
- Otwierać podmenu stuknięciem, z dobrze widoczną strzałką
- Wyposażyć menu w duży przycisk zamykania
- Używać słów klientów: „prawo spadkowe” zamiast „planowanie sukcesji”
Lepiej nie
- Menu, które otwierają się tylko po najechaniu myszą
- Trzypoziomowe podmenu z 30 pozycjami
- Utrudniać znalezienie danych firmy (Impressum) lub polityki prywatności; obie muszą pozostać łatwo dostępne
- Ikonę menu ledwo widoczną na jasnym zdjęciu w nagłówku
Dane firmy (Impressum) muszą także na telefonie być łatwo rozpoznawalne i bezpośrednio dostępne: w Austrii zgodnie z § 5 ECG i § 25 MedienG, w Niemczech zgodnie z § 5 DDG. Wystarczy link w stopce widoczny na każdej podstronie. Jakie informacje są potrzebne w Państwa zawodzie, opisują np. poradniki o obowiązkowych informacjach dla adwokatów w Austrii lub dla doradców podatkowych w Niemczech.
Formularze i przycisk kontaktu
Formularz kontaktowy, który na komputerze wygląda niewinnie, na telefonie szybko staje się przeszkodą. Każde pole oznacza pisanie na małej klawiaturze. Proszę pytać tylko o to, czego naprawdę potrzebują Państwo do pierwszej odpowiedzi.
Mało pól
Imię i nazwisko, telefon lub e-mail i krótka wiadomość. Szczegóły sprawy proszę wyjaśnić w rozmowie; to lepsze także z punktu widzenia tajemnicy i minimalizacji danych.
Właściwa klawiatura
Pole telefonu otwiera klawiaturę numeryczną, pole e-mail klawiaturę z @. Przy właściwym oznaczeniu przeglądarka sama uzupełnia znane dane.
Etykieta nad polem
Tekst zastępczy w polu znika podczas pisania. Etykieta nad polem pozostaje widoczna i pomaga też czytnikom ekranu.
Żadnych łamigłówek
Captcha z obrazkami to na telefonie udręka. Niewidoczne metody ochrony przed spamem równie dobrze zatrzymują większość spamu.
Jasne potwierdzenie
Po wysłaniu strona wyraźnie pokazuje, że wiadomość dotarła i kiedy Państwo się odezwą.

Stale widoczny przycisk kontaktu przy dolnej krawędzi ekranu, np. „Zadzwoń” i „Umów termin”, ma na stronach kancelarii sens. Nie może jednak zasłaniać treści ani nasuwać się na stopkę i dane firmy. Czym innym są wyskakujące okna, które przy otwarciu wypełniają cały ekran: Google odradza takie uciążliwe elementy pełnoekranowe, a odwiedzający zwykle zamykają je bez czytania. Jeśli umawiają Państwo terminy online, poradnik o terminach online opisuje, jak sprawnie działa to na telefonie; jak powinna wyglądać strona kontaktowa jako całość, artykuł o stronie kontaktowej.
PDF-y czy podstrony?
Wiele kancelarii publikuje listy kontrolne, informatory, informacje o honorarach czy wzory pełnomocnictw jako PDF. Na telefonie PDF jest uciążliwy: otwiera się w osobnym programie, tekst jest maleńki, trzeba powiększać i przewijać na boki. Treści, które ludzie mają czytać, powinny więc być zwykłą podstroną na stronie internetowej. Pomaga to też w Google, bo stronę z nagłówkami i linkami łatwiej zrozumieć.
- Jako podstrona: listy kontrolne przed pierwszą rozmową, listy dokumentów do zeznania podatkowego, przebieg mediacji, informacje o kosztach i opłatach.
- Dodatkowo jako PDF, gdy to sensowne: formularze do wydruku i podpisu, pełnomocnictwa, informatory, które klienci chcą zachować.
- Tabele: szerokie tabele, np. z terminami lub opłatami, pokazywać na telefonie jako listę albo umożliwić przewijanie na boki bez przesuwania całej strony.
Testy na prawdziwych urządzeniach
Narzędzia deweloperskie przeglądarki całkiem nieźle symulują smartfon, ale nie zastępują testu na prawdziwym urządzeniu. Dopiero w dłoni widać, czy kciuk sięga menu, czy tekst jest czytelny w słońcu i czy strona szybko ładuje się w sieci komórkowej. Jak szybka jest naprawdę Państwa strona, opisuje poradnik o szybkości ładowania strony kancelarii.
Dziesięciominutowy test na telefonie
- Strona otwarta na iPhonie i na urządzeniu z Androidem, za każdym razem także w poziomie
- Stuknięty numer telefonu: czy rozpoczyna się połączenie?
- Stuknięty adres: czy otwiera się nawigacja?
- Menu otwarte, każda pozycja osiągnięta, menu ponownie zamknięte
- Formularz kontaktowy w całości wypełniony i wysłany na telefonie
- Strony nigdzie nie da się przesunąć na bok, brak uciętych tabel
- Dane firmy i polityka prywatności dostępne z każdej podstrony
- Strona załadowana w sieci komórkowej zamiast w Wi-Fi
Proszę też sprawdzić, jak Państwa kancelaria wygląda na telefonie jeszcze przed kliknięciem: tytuły i opisy stron łamią się w mobilnych wynikach wyszukiwania inaczej niż na komputerze. W podglądzie Google widzą Państwo oba widoki obok siebie.
Strona kancelarii zbudowana najpierw na telefon
Nasze strony dla kancelarii od początku projektujemy na smartfon: połączenie i trasa jednym dotknięciem, dobrze czytelny tekst, duże przyciski i krótkie formularze. Proszę zamówić bezpłatny podgląd i od razu otworzyć go na swoim telefonie.
Niezobowiązujący podgląd tego, jak może wyglądać strona Państwa kancelarii.
Źródła
- Google Search Central – Sprawdzone metody indeksowania mobile-first
- Google Search Central – Unikanie uciążliwych elementów pełnoekranowych
- web.dev – Podstawy responsywnego projektowania stron
- W3C – WCAG 2.2, kryterium sukcesu 2.5.8 Rozmiar celu (minimum)
- Apple – Human Interface Guidelines: dostępność
- Android Developers – dostępność aplikacji (cele dotyku 48 dp)
- IETF – RFC 3966: URI tel dla numerów telefonów
- RIS – Ustawa o handlu elektronicznym (ECG) § 5
- RIS – Mediengesetz § 25 (ujawnienie danych)
- Digitale-Dienste-Gesetz (DDG) § 5



