Drobčeková navigácia (breadcrumbs) je navigačný prvok zložený z odkazov, ktorý ukazuje cestu od domovskej stránky po aktuálnu stránku v hierarchii webu. Typický zápis vyzerá ako Domov / Marketingový slovník / Drobčeková navigácia. Názov vychádza z rozprávky, v ktorej omrvinky značia cestu späť.
Na čo slúži drobčeková navigácia
Používateľ vďaka nej hneď vidí, kde sa nachádza. Pri veľkom katalógu, blogu alebo e-shope sa môže vrátiť na nadradenú kategóriu bez hľadania v menu. Pre UX je to najmä orientačná pomôcka, nie náhrada hlavnej navigácie.
- Hierarchická - ukazuje strom webu, napríklad Domov / Kategória / Produkt.
- Atribútová - používa vlastnosti produktu alebo filtra, napríklad Obuv / Pánska / Čierna.
- Cestná - odráža trasu návštevníka, no pri návrate z vyhľadávača býva menej zrozumiteľná.
Drobčeková navigácia na medialy.sk vo formáte Domov / Marketingový slovník / názov pojmu.
Ako breadcrumbs pomáhajú SEO
Breadcrumbs posilňujú interné prelinkovanie a dávajú vyhľadávaču signál o vzťahu medzi kategóriou, podkategóriou a detailom. Odkazy majú mať čitateľný anchor text, nie len skrátené názvy bez kontextu. Pri označení schema.org/BreadcrumbList ich vie Google použiť aj v zobrazení výsledku v SERP.
HTTP Archive vo Web Almanac 2025: SEO uvádza, že schema.org/BreadcrumbList sa nachádzal na 28 % desktopových vnútorných stránok a 27 % mobilných vnútorných stránok. Na domovských stránkach bol na 21 % desktopových aj 21 % mobilných stránok. Vo Web Almanac 2024: Structured Data bola implementácia BreadcrumbList cez JSON-LD na 5,66 % stránok.
Mobilné e-shopy majú s breadcrumbs problém
Na mobile sa drobčeková navigácia často skrýva, aby nezaberala miesto. Baymard Institute v článku 6 Important Aspects of Well-Performing Mobile Product Page Breadcrumbs z roku 2020 zistil, že 65 % mobilných e-commerce webov nezobrazovalo breadcrumbs na produktovej stránke. Z webov, ktoré ich mali, 36 % nezahrnulo úplnú kategóriovú hierarchiu. Pri produktoch s viacerými kategóriami vyberte kanonickú cestu a držte sa jej aj v štruktúrovaných dátach.
Ako ju navrhnúť správne
Začnite domovskou stránkou a pokračujte smerom k aktuálnej stránke. Poslednú položku môžete nechať bez odkazu, aby bolo jasné, že ide o otvorenú stránku. Drobčeky nemajú suplovať menu ani filter produktov.
Prvok | Odporúčanie |
|---|---|
Text odkazu | Použite názov kategórie alebo stránky, ktorý pozná aj návštevník. |
Poradie | Začína sa najvyššou úrovňou a končí aktuálnou stránkou. |
Oddelovač | Lomka alebo znak > stačí. Nepoužívajte dekorácie, ktoré spomaľujú čítanie. |
Štruktúrované dáta | Označte rovnakú cestu, akú vidí používateľ na stránke. |
Časté otázky
Má byť aktuálna stránka v drobčekovej navigácii klikateľná?
Aktuálna stránka môže byť zobrazená bez odkazu. Používateľ tým rozpozná koniec cesty a nekliká na stránku, na ktorej už je. V štruktúrovaných dátach ju však môžete uviesť ako poslednú položku zoznamu.
Je drobčeková navigácia vhodná aj pre malý web?
Pri jednostránkovom webe nedáva zmysel. Pri webe s kategóriami, blogom alebo slovníkom pomáha orientácii aj internému prelinkovaniu. Najväčší prínos má tam, kde sa návštevník môže dostať hlboko do štruktúry priamo z Googlu.
Má sa drobčeková navigácia skrývať na mobile?
Ak je skrytá, používateľ stráca rýchlu cestu do nadradenej kategórie. Lepšie riešenie je kompaktný dizajn s horizontálnym posunom alebo skrátením stredných položiek, pričom začiatok a aktuálna úroveň zostanú zrozumiteľné.
← Späť na marketingový slovník