Definícia Breadcrumbs

Breadcrumbs (omrvinková navigácia) je doplnkový navigačný prvok na webových stránkach, ktorý ukazuje používateľovi jeho aktuálnu polohu v rámci webu. Zobrazuje sa ako hierarchický reťazec odkazov, ktorý umožňuje rýchly návrat na predchádzajúce úrovne stránky.

Popis Breadcrumbs

Breadcrumbs sa najčastejšie využívajú na veľkých webových stránkach a e-shopoch s viacerými úrovňami kategórií. Pomáhajú zlepšiť používateľskú skúsenosť, pretože umožňujú jednoduchú orientáciu a navigáciu späť bez nutnosti použitia tlačidla „späť“. Okrem toho prispievajú k SEO optimalizácii, pretože vyhľadávače môžu lepšie pochopiť štruktúru webu. Existujú tri hlavné typy omrvinkovej navigácie:

1. Hierarchické breadcrumbs – zobrazujú štruktúru webu (napr. Domov > Elektronika > Mobilné telefóny).
2. Atribútové breadcrumbs – používajú sa v e-shopoch, kde zobrazujú vybrané filtre (napr. Domov > Oblečenie > Tričká > Čierne).
3. Históriové breadcrumbs – zobrazujú cestu používateľa podľa jeho krokov (napr. Domov > Predchádzajúca stránka > Aktuálna stránka).

Praktický príklad Breadcrumbs

Predstavme si používateľa, ktorý navštívil e-shop s elektronikou a vyhľadáva nový mobilný telefón. Cez hlavnú stránku prešiel do sekcie Mobilné telefóny → Apple → iPhone 15. Na stránke produktu vidí breadcrumbs navigáciu:

Domov > Mobilné telefóny > Apple > iPhone 15