Navigace (navigace webu)

Navigace webu je soustava menu, odkazů a prvků, které návštěvníkovi říkají, kde je, co web nabízí a jak se dostat dál: hlavní menu, patička, drobečková navigace, vyhledávání, odkazy v textu a tlačítka. Dobrá navigace je srozumitelná na první pohled, stejná na všech stránkách a vede ke každé důležité stránce na dvě až tři kliknutí. Slovo navigace pochází z latinského navigare, plout, a používá se i pro navigaci v mapách a autech; zde jde o orientaci na webu.

🧒 Základní škola

Když přijdeš do velkého obchodu, hledáš cedule: potraviny vlevo, hračky vzadu, pokladny u východu. Bez nich bys bloudil. Na webu jsou takové cedule navigace: lišta s menu nahoře, odkazy dole a cestička typu „Domů › Hračky › Stavebnice“, podle které víš, kde zrovna jsi.

Dobrá navigace je taková, že ji nemusíš hledat ani si ji vysvětlovat. Když klikneš na „Kontakt“, najdeš kontakt. Když klikneš na logo, vrátíš se na úvod. Když se ztratíš, je tam vyhledávání. Špatná navigace je, když má menu dvacet položek s divnými názvy a ty nevíš, kam kliknout. Lidé pak odejdou, i kdyby byl web jinak skvělý.

🎓 Střední škola

Navigace má několik vrstev. Globální navigace je hlavní menu, stejné na všech stránkách, s 5 až 7 položkami, které odpovídají tomu, co lidé nejčastěji hledají. Lokální navigace vede uvnitř sekce (podkategorie, kapitoly). Drobečková navigace ukazuje cestu od úvodu k aktuální stránce. Kontextová navigace jsou odkazy v textu a bloky „související články“. Patička obsahuje úplný přehled a praktické odkazy (kontakt, podmínky). Vyhledávání je záchrana pro ty, kdo nevědí, kde hledat.

Souhrnně: globální navigace je hlavní menu s 5 až 7 položkami stejné všude, lokální navigace vede po podkategoriích a kapitolách uvnitř sekce, drobečková ukazuje cestu od úvodu k aktuální stránce, kontextová jsou odkazy v textu a související články, a patička s vyhledáváním dávají úplný přehled a záchranu pro ztracené.

Zásady: názvy položek mají být slova, která používají návštěvníci, ne interní označení firmy („Ceník“, ne „Komerční podmínky“). Aktuální stránka je v menu zvýrazněna. Na mobilu se menu skrývá za ikonu, ale nejdůležitější akce (poptávka, košík, telefon) zůstává vidět. Každá stránka má odkaz na úvod (logo) a žádná stránka není slepá ulička bez odkazů dál.

Navigace je důležitá i pro vyhledávače: roboti sledují odkazy, takže stránka, na kterou z navigace nic nevede, se hůř najde a méně se jí věří. Drobečková navigace se navíc zobrazuje přímo ve výsledcích vyhledávání.

🎓🎓 Vysoká škola

Navigace je viditelná část informační architektury: způsobu, jakým je obsah webu rozdělen, pojmenován a propojen. Rozlišuje se hierarchická struktura (strom kategorií), sekvenční (kroky objednávky) a síťová (odkazy mezi souvisejícími tématy); většina webů kombinuje strom s kontextovými odkazy. Návrh ověřují metody jako třídění karet (uživatelé seskupují témata) a tree testing (hledání položky ve struktuře bez vizuálního designu), které odhalí, zda názvy a rozdělení odpovídají mentálnímu modelu uživatelů.

Z hlediska použitelnosti platí Krugovo pravidlo „nenuťte uživatele přemýšlet“ a omezení pracovní paměti: široké ploché struktury (více položek, méně úrovní) se obvykle používají lépe než hluboké. Přístupnost (WCAG) vyžaduje navigaci ovladatelnou klávesnicí, správné značení (element nav, seznamy, aria atributy), přeskočení na obsah a konzistentní umístění. Mega menu a hamburgery na desktopu mají v testech horší nalezitelnost než viditelné položky.

Pro SEO navigace určuje tok interních odkazů: stránky v hlavním menu získávají nejvíc interní autority, hluboko zanořené stránky málo. Z toho plyne plochá struktura s důležitými stránkami do tří kliknutí, popisné anchor texty, drobečky se strukturovanými daty BreadcrumbList a pilířové stránky témat propojené s články (clustery). Fasetová navigace e-shopů (filtry) vyžaduje řízení indexace, jinak vzniká nekonečno kombinací URL.

🧠 Expert

Navigace je rozhodnutí o prioritách firmy, které vidí každý návštěvník. Hlavní menu má odpovídat na otázky zákazníka v pořadí, v jakém je klade (co nabízíte, za kolik, proč vám věřit, jak začít), ne organizační struktuře. U dvoustranných služeb (tržiště, platformy) má navigace dvě vstupní cesty pojmenované podle role („Chci inzerovat“, „Mám web“), aby každá strana během vteřiny poznala, že je na správném místě. Jedno společné menu pro obě strany mluví k nikomu.

Měření: v analytice sledovat, které položky menu lidé používají (většinou tři), míru použití vyhledávání (vysoká znamená, že navigace selhává) a cesty, které končí na 404 nebo na úvodu. Tree testing před redesignem odhalí problémy levněji než testování hotového webu. Navigace se mění zřídka a s ohledem na vyhledávače: přejmenování nebo odstranění položky mění tok odkazů a pozice.

Pro AI vyhledávače a agenty má navigace novou roli: struktura webu v souboru llms.txt, drobečky se strukturovanými daty a jasná hierarchie nadpisů jsou pro ně mapou stejně jako menu pro lidi. Stránka, na kterou vede jen JavaScriptové menu bez odkazu v HTML, je pro část robotů nedostupná.

❓ Otázky a odpovědi

Kolik položek má mít hlavní menu?

Pět až sedm. Víc položek uživatel nepřečte a vyhledávače rozmělní interní autoritu. Méně používané stránky patří do patičky nebo do podmenu.

Co je drobečková navigace?

Řádek „Domů › Kategorie › Stránka“ nad obsahem, který ukazuje cestu od úvodu. Pomáhá orientaci, interním odkazům a se strukturovanými daty se zobrazuje i ve výsledcích vyhledávání.

Má navigace vliv na SEO?

Ano. Roboti sledují odkazy, takže stránky v hlavním menu získávají nejvíc interní autority a stránky bez odkazů se hůř indexují. Plochá struktura s důležitými stránkami do tří kliknutí je základ.

😇 Pán Bůh

Ach, navigace. Dal jsem lidem hvězdy, aby našli cestu přes moře, a oni našli Ameriku. Dal jsem jim web, aby našli informace, a oni postavili menu s dvanácti položkami, z nichž tři vedou na stejnou stránku a jedna na nic. Pak přidali vyhledávání, aby se dalo najít to, co se v menu najít nedá, a ikonu se třemi čárkami, pod kterou se schovává všechno ostatní.

Nejraději mám weby, jejichž menu popisuje firmu zevnitř. „O nás“, „Naše hodnoty“, „Divize“, „Portfolio řešení“. Návštěvník hledá cenu a telefon. Je to jako kdybych na nebeskou bránu napsal „Správa odboru posmrtných záležitostí“. Lidé by bloudili před ní stejně jako ve vašich webech.

Tajemství dobré navigace je staré jako cesty samy: ten, kdo cestu staví, ji musí projít očima toho, kdo po ní půjde poprvé. Vy ten web znáte. Oni ne. Proto jsem dal lidem schopnost vžít se do druhého. Používejte ji. Je to lepší než tree testing, i když, uznávám, tree testing je také dobrý.