Menu Strony – co to jest i jak je zaprojektować?

Czym jest menu strony internetowej

Nieczytelne albo przeładowane menu gubi go już na starcie. Bywa jednak i odwrotny problem, znacznie trudniejszy do zauważenia: menu tak pojemne, że przestaje cokolwiek wyróżniać.

Dwie reguły z wytycznych dostępności, o których się zapomina

Pierwsza dotyczy stałości układu. Kryterium 3.2.3 wymaga, by „navigational mechanisms that are repeated on multiple web pages within a set of web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user”.1 To argument przeciw przestawianiu pozycji menu na wybranych podstronach albo dokładaniu tam „tylko jednego” odnośnika: odwiedzający uczy się układu raz i potem korzysta z pamięci, nie z czytania od nowa.

Druga bywa brana pod uwagę jeszcze rzadziej. Kryterium 2.4.5 wymaga, by „more than one way is available to locate a web page within a set of web pages” — z wyjątkiem stron będących krokiem w procesie, na przykład w koszyku.2 Samo menu tego warunku nie spełnia. Spełnia je menu plus któraś z rzeczy, które i tak warto mieć: wyszukiwarka w serwisie, mapa strony, okruszki albo sensowne linkowanie w treści.

Sześć stron, do których nie prowadzi żaden odnośnik

Drugie kryterium wygląda na oczywiste, dopóki nie sprawdzi się go u siebie. 20 sierpnia 2026 przeszliśmy własny serwis od strony głównej, notując, ile kliknięć dzieli od niej każdy adres.3

Sześć adresów obecnych w mapie strony okazało się nieosiągalnych z żadnego odnośnika. Nie miały jednej drogi dotarcia ani dwóch — miały zero. Istniały wyłącznie dla kogoś, kto znał adres.

Drugi wynik był bardziej pouczający, bo wyglądał na sukces. Z 797 znalezionych adresów 739 leżało dokładnie dwa kliknięcia od strony głównej, ponieważ menu i stopka prowadzą wszędzie z każdego miejsca. Struktura spłaszczyła się do jednego poziomu.

Brzmi jak zaleta, a jest jej odwrotnością. Skoro wszystko jest równie blisko, nawigacja nie mówi o niczym, że jest ważniejsze — a hierarchia to jedyna rzecz, jaką menu potrafi wyrazić. Pojemne menu nie rozwiązuje problemu odnajdywania treści; przenosi go tylko z pytania „gdzie to jest” na pytanie „które z tych trzydziestu”.

Kilka kategorii zamiast płaskiej listy

Dobre menu grupuje treść i nie próbuje pomieścić wszystkiego naraz: kilka głównych kategorii z rozwijanymi podmenu działa lepiej niż płaska lista dwudziestu pozycji. Reszta serwisu ma być osiągalna innymi drogami — przez wyszukiwarkę, mapę strony i linki w treści — a nie przez rozbudowywanie paska w nieskończoność.

Roboczy sprawdzian, który wychwytuje oba opisane wyżej problemy naraz: wypisać wszystkie adresy z mapy strony i przy każdym odpowiedzieć, którymi dwiema drogami da się do niego dojść. Adresy bez odpowiedzi to dziury w nawigacji, a adresy, do których jedyną odpowiedzią jest „z menu”, to kandydaci do porządków.

Czym uzupełnić drogi dotarcia

Menu jest kluczowym elementem UI i wpływa na linkowanie wewnętrzne, a jego czytelność ocenia audyt UX. Alternatywne drogi dotarcia zapewniają okruszki nawigacyjne i mapa strony.

Najczęstsze pytania

Czy menu może wyglądać inaczej na różnych podstronach?
Wytyczne wymagają zachowania tej samej względnej kolejności powtarzanych elementów nawigacji. Przestawianie pozycji utrudnia korzystanie z pamięci układu.

Czy samo menu wystarczy do nawigacji?
Nie. Kryterium 2.4.5 wymaga więcej niż jednej drogi dotarcia — obok menu przydaje się wyszukiwarka, mapa strony albo okruszki.

Ile pozycji powinno mieć menu?
Tyle, żeby dało się je objąć wzrokiem. Reszta struktury należy do podmenu i innych ścieżek, nie do głównego paska.

Czy linkowanie wszystkiego z menu i stopki pomaga?
Ułatwia dojście, ale zaciera hierarchię. Gdy każda podstrona leży tyle samo kliknięć od strony głównej, nawigacja nie wskazuje niczego jako ważniejszego.

Źródła

1. W3C, „Understanding SC 3.2.3: Consistent Navigation” (WCAG 2.2, poziom AA): „Navigational mechanisms that are repeated on multiple web pages within a set of web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user” (odczyt 2026-08-21). Zobacz wytyczne W3C →

2. W3C, „Understanding SC 2.4.5: Multiple Ways” (WCAG 2.2, poziom AA): „More than one way is available to locate a web page within a set of web pages except where the web page is the result of, or a step in, a process” (odczyt 2026-08-21). Zobacz wytyczne W3C →

3. Pomiar własny essaseo.pl z 2026-08-20 (`glebokosc_klikniec.py`). Wynik istotny dla nawigacji: sześć adresów z mapy strony nie ma żadnej drogi dojścia z odnośników wewnętrznych, a spośród 797 odkrytych adresów aż 739 wypada na tym samym, drugim poziomie kliknięć — to zasięg menu i stopki, obecnych na każdej podstronie. Poziom pierwszy zajmuje 38 adresów, poziomy trzeci i czwarty po jednym.