Navigace webu je to, jak se návštěvníci orientují na vašem webu. Poznejte její různé typy a zjistěte, proč jasná struktura pro vaši značku znamená tak velký rozdíl.
Váš web může na každé obrazovce vypadat skvěle díky responzivnímu designu. Jenže dobrý vzhled je jen polovina práce. Vzpomeňte si, kdy jste naposledy navštívili web a nemohli jste najít, co jste hledali. Pravděpodobně jste pár vteřin proklikávali stránky, začalo vás to štvát a odešli jste. Za tím vším stojí jediná věc: navigace. Když je navigace jasná, návštěvníci procházejí webem, aniž by nad tím přemýšleli. Když je matoucí, odejdou.
Nejlepší navigace webu je taková, které si ani nevšimnete. Prostě kliknete, najdete, co potřebujete, a pokračujete. Když funguje dobře, návštěvníci zůstanou déle a prozkoumají víc. Když ne, okamžitě odejdou. Jak tedy navigace na webu vlastně funguje?
Co je navigace webu?
Navigace webu je systém, který návštěvníkům pomáhá přecházet z jedné stránky vašeho webu na druhou. Patří do ní menu, odkazy, tlačítka a každý další prvek, který umožňuje dostat se jinam v rámci vašeho webu. Právě navigace mění soubor jednotlivých webových stránek v propojený celek, který působí jako jeden ucelený web.
Dobrá navigace odpovídá každému návštěvníkovi na jednoduchou otázku. Kam půjdu dál? Ať už přistál na vaší domovské stránce, na stránce produktu nebo u článku na blogu, měl by vždy vědět, jak se dostat k informacím, které hledá, a nemusí přitom hádat.
Typy navigace webu
Ne každá navigace vypadá stejně. Různé typy slouží různým účelům a většina webů používá současně více než jeden typ.
1. Horní navigační lišta
Je to nejběžnější typ navigace. Nachází se v horní části stránky a ukazuje hlavní sekce webu. Návštěvníci ji tam čekají, takže se obvykle podívají nejdřív právě sem. Nejlépe funguje, když je krátká a jednoduchá a má jasné popisky jako Domů, O nás, Služby a Kontakt.
2. Boční navigace
Svislé menu na levé nebo pravé straně stránky. Je běžné u webů s mnoha kategoriemi nebo sekcemi, například u znalostních databází, dokumentací nebo internetových obchodů. Návštěvníkům umožňuje procházet dlouhý seznam možností, aniž by zahlcovalo hlavní obsah.
3. Navigace v patičce
Patička je na konci každé stránky. Obvykle obsahuje odkazy na vedlejší stránky, například zásady ochrany osobních údajů, obchodní podmínky, kontaktní údaje a profily na sociálních sítích. Návštěvníci, kteří sjedou na konec stránky, tu často hledají odkazy, které v hlavním menu nenašli.
4. Hamburgerové menu
Na mobilních zařízeních a u některých minimalistických webů je celé menu schované za malou ikonou se třemi vodorovnými čárami. Klepnutím na ikonu se otevře celá navigace. Na menších zařízeních tak zůstane obrazovka přehledná a návštěvníci přitom mají přístup ke všem stránkám.
5. Drobečková navigace
Drobečky ukazují návštěvníkům, kde se v rámci struktury webu nacházejí. Zobrazují se jako cesta z odkazů poblíž horního okraje stránky, obvykle třeba takto: Domů > Služby > Webdesign. Pomáhají pochopit hierarchii webu a usnadňují návrat do předchozí sekce bez použití tlačítka Zpět v prohlížeči.
Proč je navigace důležitá pro vaši značku?
Představte si to takto. Pokud někdo přijde na váš web a během prvních několika vteřin nepochopí, kam jít, odejde. Nebude se víc snažit. Vrátí se k výsledkům vyhledávání a vybere si někoho jiného. Tak rychle můžete návštěvníka ztratit.
Dobrá navigace udrží lidi na webu, místo aby je odrazovala. Najdou, pro co přišli, uvidí, co dalšího nabízíte, a s větší pravděpodobností udělají další krok. Celý web také působí propracovaněji, a tím buduje důvěru, aniž byste museli říct jediné slovo.
Navigace záleží i vyhledávačům. Když jsou vaše stránky propojené jasnými odkazy a logickou strukturou, vyhledávače váš obsah najdou a pochopí rychleji. To pomáhá stránkám objevit se ve výsledcích vyhledávání. Zvlášť pokud provozujete vícestránkový web, právě navigace spojuje všechny ty stránky do jednoho soudržného webu.
Pokud se chcete krok za krokem naučit, jak nastavit menu vlastního webu, přečtěte si jak vytvořit strukturu menu webu. Podrobněji o tom, jak struktura webu pomáhá vyhledávačům najít všechny vaše stránky, se dozvíte v článku jak vytvořit mapu webu.
Často kladené otázky
Kolik položek by mělo mít hlavní menu?
Dobrý rozsah je 5 až 7. Při menším počtu návštěvníci nemusí najít, co potřebují. Při větším je menu zahlcující a špatně se v něm orientuje. Soustřeďte se na stránky, které jsou pro vaše návštěvníky nejdůležitější: Domů, O nás, Služby nebo Produkty, Blog a Kontakt jsou solidní začátek. Pro podkategorie můžete vždy přidat rozbalovací nabídky. Podrobný návod najdete v článku jak vytvořit strukturu menu webu.
Ovlivňuje navigace webu SEO?
Ano. Jasná navigace pomáhá vyhledávačům pochopit, jak jsou vaše stránky propojené a které jsou nejdůležitější. Dobré interní prolinkování přes menu i odkazy v textu usnadňuje vyhledávačům procházení a indexaci vašeho obsahu. Špatná navigace může vést k osiřelým stránkám, které vyhledávače nikdy nenajdou. Více o tom, jak funguje prolinkování, se dočtete v článku jak vytvořit mapu webu.
Jaký je rozdíl mezi navigací a mapou webu?
Navigaci používají návštěvníci k pohybu po vašem webu: menu, odkazy, tlačítka. Mapa webu je soubor, který vyjmenovává všechny stránky vašeho webu, aby je vyhledávače našly. Návštěvníci mapu webu vidí zřídka. Obojí má stejný cíl, totiž zpřístupnit váš obsah, ale navigace je pro lidi a mapa webu pro vyhledávače. Tvůrce webů WEMASY se postará o obojí, a to vizuálním editorem menu pro navigaci a automatickým vytvářením mapy webu pro vyhledávače.
Má být každá stránka webu dostupná z hlavního menu?
Ne. Hlavní menu by mělo ukazovat jen vaše nejdůležitější stránky. Články na blogu, jednotlivé stránky produktů, právní stránky a hlubší obsah by měly být dostupné spíše přes interní odkazy, kategorie nebo navigaci v patičce. Když do hlavního menu dáte všechno, je přeplněné a hůř se používá. Pokud provozujete vícestránkový web, použijte jasnou hierarchii: hlavní stránky v horním menu a podpůrné stránky odkazované přímo z obsahu.
Jaký styl navigace je nejlepší pro mobilní weby?
Pro většinu mobilních webů funguje dobře hamburgerové menu. Obrazovka zůstane přehledná a návštěvníci se po klepnutí na ikonu dostanou ke všem stránkám. U webů jen s několika stránkami může fungovat i jednoduché vodorovně posuvné menu nahoře. Hlavní je, aby tlačítka a odkazy byly dost velké, aby se na malé obrazovce snadno trefily. Šablony WEMASY mají mobilní navigaci už v sobě, takže ji nemusíte nastavovat sami.
Jak poznáte, že vaše navigace webu potřebuje zlepšit?
Podívejte se do analytiky. Pokud návštěvníci web rychle opouštějí, zobrazí jen jednu stránku nebo se nedostanou na důležité stránky, třeba na kontakt či služby, může být problém v navigaci. Můžete také požádat známého, aby na vašem webu našel něco konkrétního, a sledovat, kde se zasekne. Pokud s tím bojuje, bojují s tím pravděpodobně i vaši návštěvníci. Více o sledování najdete v článku klíčové metriky pro sledování výkonu webu.