Navigační menu je jedním z nejdůležitějších prvků každého webu. Dobře navržená navigace dokáže výrazně zlepšit uživatelskou zkušenost a pomoci návštěvníkům rychle najít to, co hledají. V systému 7x.cz je tvorba a úprava menu intuitivní a zvládne ji i začátečník. Pojďme si ukázat, jak na to.
Proč je správné menu tak důležité
Menu není jen seznam odkazů. Je to kompas, který návštěvníkům ukazuje cestu po vašem webu. Špatně navržená navigace může způsobit, že lidé z webu odejdou dříve, než najdou to, co potřebují. Naopak promyšlené menu zvyšuje čas strávený na stránkách a podporuje konverze.
Dobré menu by mělo splňovat několik základních kritérií. Musí být přehledné, logicky strukturované a snadno ovladatelné na všech zařízeních. V systému 7x.cz máte k dispozici nástroje, které vám pomohou všechny tyto požadavky splnit.
Jak začít s tvorbou menu v systému 7x.cz
První krok je přihlášení do administračního rozhraní vašeho webu. Po přihlášení najdete v levém postranním panelu sekci věnovanou správě navigace. Systém 7x.cz nabízí vizuální editor, který vám umožní vytvořit menu metodou drag and drop bez nutnosti znalosti programování.
Základní nastavení navigace
V administraci nejprve určete, kde se má menu zobrazovat. Většina šablon v systému 7x.cz podporuje několik pozic pro menu:
- Hlavní navigace v záhlaví webu
- Sekundární menu v patičce
- Boční navigace v postranním panelu
- Mobilní menu pro zobrazení na menších zařízeních
Každá pozice má své specifické použití. Hlavní menu by mělo obsahovat nejdůležitější sekce webu, zatímco patička je ideální pro doplňkové odkazy jako kontakty nebo právní informace.
Přidávání položek do menu
Systém 7x.cz vám umožňuje přidat do menu různé typy položek. Nejčastěji budete přidávat odkazy na stránky vašeho webu, ale můžete využít i další možnosti.
Typy položek menu
V editoru menu máte k dispozici několik typů položek:
- Stránky webu – odkazy na interní stránky vašeho webu
- Vlastní odkazy – URL adresy na externí weby nebo specifické sekce
- Kategorie – odkazy na kategorie článků nebo produktů
- Speciální položky – domovská stránka, vyhledávání, přihlášení
Postup přidání položky
Klikněte na tlačítko pro přidání nové položky. Otevře se formulář, kde vyplníte základní informace. Nejdůležitější je název položky, který se zobrazí návštěvníkům, a cílová URL adresa, kam má odkaz vést.
Můžete také nastavit, zda se odkaz má otevřít v novém okně. Toto nastavení je vhodné zejména pro odkazy na externí weby, protože návštěvníci tak nezavřou váš web úplně.
Vytváření víceúrovňové navigace
Moderní weby často využívají víceúrovňové menu s rozbalovacími podmenu. Systém 7x.cz tuto funkcionalitu plně podporuje a její nastavení je velmi jednoduché.
Jak vytvořit podmenu
Pro vytvoření podmenu stačí v editoru menu přetáhnout položku mírně doprava pod jinou položku. Vizuálně se odsadí a stane se z ní podpoložka. Můžete vytvořit až tři úrovně zanoření, i když z hlediska uživatelské přívětivosti se doporučuje nepřekračovat dvě úrovně.
Příklad dobře strukturované navigace může vypadat takto:
- Domů
- O nás
- Náš tým
- Historie
- Reference
- Služby
- Webdesign
- SEO optimalizace
- Správa webu
- Blog
- Kontakt
Úprava a přesouvání položek menu
Jednou vytvořené menu není definitivní. Systém 7x.cz vám umožňuje kdykoliv provádět změny a optimalizovat strukturu podle potřeb vašich návštěvníků.
Změna pořadí položek
Pořadí položek v menu můžete měnit jednoduše přetahováním. Uchopte položku myší a přesuňte ji na požadované místo. Změny se automaticky ukládají, takže nemusíte mít strach z jejich ztráty.
Editace existujících položek
Pro úpravu existující položky na ni klikněte. Otevře se editační formulář, kde můžete změnit název, URL adresu nebo další parametry. Kromě základních nastavení můžete upravit také:
- Popisek odkazu pro lepší přístupnost
- CSS třídy pro vlastní stylování
- Viditelnost položky pro různé skupiny uživatelů
- Ikonu položky, pokud šablona ikony podporuje
Optimalizace menu pro mobilní zařízení
Více než polovina návštěvníků webu dnes přichází z mobilních telefonů. Proto je zásadní, aby vaše menu fungovalo perfektně i na menších obrazovkách.
Systém 7x.cz automaticky přizpůsobuje menu pro mobilní zobrazení. Na malých obrazovkách se klasické horizontální menu transformuje na hamburger ikonu, po jejímž kliknutí se rozbalí celá navigace.
Tipy pro mobilní menu
I když systém hodně práce udělá za vás, měli byste dodržovat několik osvědčených pravidel:
- Používejte krátké a výstižné názvy položek
- Omezte počet položek v hlavním menu na maximálně sedm
- Zajistěte dostatečné rozestupy mezi položkami pro snadné klikání prstem
- Testujte menu na reálných mobilních zařízeních
Pokročilé funkce navigace
Kromě základní funkcionality nabízí systém 7x.cz i pokročilé možnosti pro ty, kteří chtějí z menu vytěžit maximum.
Podmíněné zobrazování
Můžete nastavit, aby se určité položky menu zobrazovaly pouze přihlášeným uživatelům nebo naopak pouze návštěvníkům, kteří nejsou přihlášeni. Tato funkce je užitečná například pro odkazy na uživatelský účet nebo administraci.
Mega menu
Pro weby s rozsáhlým obsahem je k dispozici funkce mega menu. Jedná se o rozšířené rozbalovací menu, které může obsahovat nejen odkazy, ale i obrázky, ikony nebo krátké popisy. Mega menu se hodí zejména pro eshopy nebo velké firemní weby.
Sticky navigace
Sticky menu zůstává viditelné i při scrollování stránky dolů. Návštěvníci tak mají navigaci stále po ruce a mohou se snadno přesunout do jiné sekce webu. V nastavení šablony můžete tuto funkci jednoduše zapnout nebo vypnout.
Časté chyby při tvorbě menu
I zkušení tvůrci webů občas udělají chybu, která negativně ovlivní použitelnost navigace. Pojďme si ukázat nejčastější prohřešky a jak se jim vyhnout.
Příliš mnoho položek
Přeplněné menu mate návštěvníky a ztěžuje orientaci. Ideální počet položek v hlavním menu je pět až sedm. Pokud potřebujete více odkazů, využijte podmenu nebo sekundární navigaci v patičce.
Nejasné názvy
Kreativní názvy jako „Naše DNA“ místo „O nás“ mohou působit originálně, ale návštěvníci často netuší, co se za nimi skrývá. Používejte jasné a srozumitelné pojmy, které odpovídají očekávání uživatelů.
Nekonzistentní struktura
Každá položka menu by měla být na stejné úrovni důležitosti. Nemíchejte hlavní sekce webu s podružnými stránkami. Vytvořte logickou hierarchii a držte se jí.
Testování a optimalizace navigace
Po vytvoření menu je důležité ověřit, že funguje správně a splňuje potřeby návštěvníků. Systém 7x.cz vám nabízí náhled webu před publikováním změn.
Co testovat
Před zveřejněním změn zkontrolujte následující aspekty:
- Všechny odkazy vedou na správné stránky
- Menu se správně zobrazuje na různých velikostech obrazovek
- Rozbalovací podmenu funguje plynule
- Aktivní stránka je v menu vizuálně zvýrazněna
- Texty jsou čitelné a dobře kontrastují s pozadím
Analytics a vyhodnocování
Po spuštění webu sledujte, jak návštěvníci menu používají. Google Analytics vám ukáže, na které položky uživatelé nejvíce klikají a které naopak ignorují. Na základě těchto dat můžete navigaci dále optimalizovat.
Stylování a vzhled menu
Systém 7x.cz nabízí různé šablony s předpřipravenými styly menu. Pokud chcete vzhled navigace přizpůsobit, máte k dispozici několik možností.
Výběr ze stylů šablony
Většina šablon obsahuje více variant vzhledu menu. V nastavení můžete vybrat například horizontální nebo vertikální rozložení, světlý nebo tmavý režim, různé animace při rozbalování podmenu.
Vlastní CSS
Pro pokročilé uživatele je k dispozici možnost přidat vlastní CSS kód. Můžete tak detailně upravit barvy, fonty, rozestupy nebo animace podle vašich představ a grafického manuálu značky.
Přístupnost navigace
Dobré menu musí být přístupné všem uživatelům, včetně těch se zdravotním postižením. Systém 7x.cz automaticky implementuje základní standardy přístupnosti, ale je dobré znát principy.
Klávesová navigace
Uživatelé by měli být schopni procházet menu pomocí klávesnice. Systém zajišťuje správné pořadí tabulátoru a možnost aktivovat položky klávesou Enter.
Popisky pro čtečky obrazovky
Při vytváření položek menu můžete přidat alternativní popisky, které pomohou uživatelům se zrakovým postižením lépe pochopit účel odkazu. Tato funkce zlepšuje přístupnost i SEO optimalizaci.
Shrnutí a nejlepší postupy
Tvorba efektivního menu v systému 7x.cz není složitá, pokud dodržíte základní principy. Zaměřte se na jednoduchost, přehlednost a logickou strukturu. Menu by mělo návštěvníkům pomáhat, ne je mást.
Pravidelně kontrolujte a aktualizujte navigaci podle vývoje vašeho webu. Co fungovalo na začátku, nemusí být ideální po rozšíření obsahu. Nebojte se experimentovat a testovat různé varianty.
Systém 7x.cz vám poskytuje všechny nástroje potřebné k vytvoření profesionální navigace. Využijte vizuální editor, otestujte různé možnosti a vytvořte menu, které bude vaše návště