Kategórie a menu v e-shope: kde sa zákazník stratí, tam nekúpi

Zákazník, ktorý nenájde správnu kategóriu, nepíše e-shopu sťažnosť. Jednoducho odíde. Preto sa o navigácii oplatí uvažovať aj v peniazoch, nielen v dizajne. Podľa aktualizovaného prehľadu Baymard Institute (október 2026) má 61 % desktopových a 65 % mobilných e-shopov navigáciu domovskej stránky a kategórií hodnotenú ako „priemernú“ až „slabú“. Baymard je nezávislý inštitút, ktorý testuje použiteľnosť e-shopov na reálnych ľuďoch. Dáta pochádzajú z viac než 180 amerických a európskych e-shopov, nie zo Slovenska, ale chyby, ktoré opisuje, sa dajú overiť na ktoromkoľvek slovenskom webe za pol hodiny.

Väčšina chýb je v štruktúre, nie vo vzhľade

Z desiatich zásad, ktoré Baymard v prehľade rozoberá, súvisia dve s členením kategórií, nie s grafikou. Prvá: 79 % e-shopov robí z kategórií to, čo má byť filter. Typický príklad je podkategória „Biele tenisky“ alebo „Veľkosť 42“ vedľa podkategórií podľa typu obuvi. Farba a veľkosť sú vlastnosti spoločné pre veľa produktov, a patria preto do filtrov (viac v článku Filtre, ktoré nefiltrujú a v návode Shoptet: parametrické filtre). Druhá: 51 % e-shopov nedelí kategórie na zvládnuteľné časti. Účastníci testov sa cítili zahltení pri viac než približne desiatich možnostiach podkategórií na jednej úrovni.

Baymard odporúča rozdeliť úroveň, keď sa v nej nazbiera okolo desiatich kategórií, a držať sa toho, aby najhlbšia úroveň obsahovala aspoň desať produktov. Stránka s tromi produktmi je pre zákazníka zbytočný klik navyše.

Strom kategórií sa píše podľa zákazníka

Skladové skupiny a členenie podľa dodávateľov sú pohodlné pre e-shop, nie pre zákazníka. Zákazník myslí v štýle „potrebujem niečo na bolenie chrbta“, nie „hľadám položku Ortopedické pomôcky, séria B“. Najlepší podklad, ako ľudia kategórie pomenúvajú, už máte: sú to ich vlastné hľadané výrazy. Postup nájdete v článkoch Najcennejší report, ktorý väčšina e-shopov nemá a Synonymá vo vyhľadávaní. Ak sa výraz často hľadá a vedie na nulový výsledok, je to znak, že kategória chýba alebo má iný názov.

Ďalšie pravidlá, ktoré Baymard v prehľade uvádza:

• Medzistránky kategórií (napríklad „Telefóny a tablety“ ešte pred zoznamom produktov) majú ukazovať podkategórie ako hlavný obsah. 38 % e-shopov to nerobí a 39 % nemá miniatúry podkategórií alebo sú nezrozumiteľné.
• Na mobile majú byť produktové kategórie prvou úrovňou hlavného menu. 22 % e-shopov tam ponúka iné položky (akcie, značky, informácie).
• Zákazník má vždy vedieť, kde je. Tomu slúži zvýraznená aktuálna kategória a omrvinková navigácia (breadcrumbs).

Megamenu: dobré, ak je prehľadné a nereaguje príliš rýchlo

Veľké rozbaľovacie menu pôsobí na webe s tisíckami produktov prirodzene a výskum Nielsen Norman Group ho podporuje (článok z marca 2017, preto ide o staršie zásady). Funguje, keď je to dvojrozmerný panel, v ktorom sa nemusí rolovať, položky majú stredne veľké skupiny s jasnými, navzájom odlišnými názvami, najdôležitejšia skupina je vľavo hore a vyhľadávanie ostáva viditeľné mimo menu.

Často sa kazí aj časovanie. Podľa Baymardu 62 % e-shopov nemá pri rozbaľovacom menu oneskorenie po prechode myšou, preto menu bliká a otvára sa nechcene, keď myš prejde cez susedné položky. Odporúčané oneskorenie je 300 až 500 milisekúnd, NN/g spomína okolo pol sekundy. Na dotykových zariadeniach hover neexistuje, preto potrebujete aj riešenie bez neho: položka sa dá kliknúť a vedie na stránku kategórie, ktorá ukazuje to isté, čo menu.

Menu sa týka aj prístupnosti. Podľa návodu W3C Web Accessibility Initiative sa má dať ovládať aj klávesnicou a nesmie sa spoliehať len na myš. Prečo to nie je len formalita, ukazuje článok o zákone o prístupnosti.

Orientácia: kde som a ako sa vrátim

Najhoršie vychádza orientácia. Až 96 % e-shopov nezvýrazňuje v hlavnom menu aktuálnu kategóriu, čo je horšie než 95 % v roku 2025. Zákazník, ktorý sa preklikal z „Domácnosť“ cez „Kuchyňa“ k „Hrncom“, by to mal vidieť v menu aj v stope nad produktmi. Omrvinky pritom nie sú jedna vec: podľa staršieho článku Baymardu z decembra 2013 (50 veľkých e-shopov) ich 68 % robí nesprávne a e-shop potrebuje dva typy. Google Search Central popisuje, ako omrvinky označiť štruktúrovanými údajmi, aby sa v zobrazení výsledku objavila cesta namiesto adresy.

Audit na 30 minút

1. Vypíšte 30 najčastejších hľadaných výrazov z GA4 (GA4: report hľadaných výrazov). Pri každom si overte, či sa k produktu dostanete cez menu v rozumnom počte klikov (orientačne do troch).
2. Spočítajte položky na každej úrovni stromu. Kde je ich viac než desať, rozdeľte ich alebo presuňte do filtrov.
3. Otvorte e-shop na telefóne. Sú produktové kategórie prvou úrovňou menu? Dá sa kliknúť na hlavičku kategórie?
4. Prejdite menu myšou raz rýchlo a raz pomaly. Ak blikajú panely, doplňte oneskorenie.
5. Skontrolujte, či sa po vstupe do kategórie zvýrazní v menu aj v omrvinkách.
6. Zistite, kde zákazníci menu obchádzajú. Ak veľa ľudí používa vyhľadávanie hneď po príchode, strom pravdepodobne nezodpovedá ich slovám (8 typov dotazov vo vyhľadávaní).

Pred prestavbou: čo sa môže pokaziť

Zmena stromu kategórií mení adresy stránok. Staré adresy majú návštevnosť z Googlu aj záložky zákazníkov, preto ku každej zmene pripravte presmerovanie 301, ako opisuje dokumentácia Google Search Central, a po nasadení skontrolujte zostavu indexovania (Search Console: indexovanie). Meranie, či prestavba pomohla, spravte rovnako ako pred ňou: podiel návštev, ktoré skončia vo vyhľadávaní, nulové výsledky a konverzia z kategórií. Údaje Baymardu sú z americkej a európskej vzorky, slovenský e-shop s tristo produktmi nepotrebuje megamenu a môže mu stačiť jednoduchý zoznam kategórií. Platí, že menej úrovní je lepšie než viac.