Drobeckova navigace

Drobeckova navigace (breadcrumb navigation) je sekundarni navigacni prvek, ktery zobrazuje hierarchickou cestu od hlavni stranky k aktualni pozici uzivatele na webu. Nazev pochazi z pohadky o Jenicku a Marušce, kteri si oznacovali cestu drobeky chleba. Na webu typicky vypada jako rada odkazu oddelenych sipkou nebo lomitkem: Domu > Sluzby > Tvorba webu. Umoznuje uzivateli okamzite pochopit, kde se ve strukture webu nachazi, a rychle se vratit na vyssi uroven.

Existuji tri typy drobeckove navigace. Hierarchicka (nejcastejsi) odráží strukturu webu a ukazuje cestu od korenove stranky. Atributova zobrazuje vlastnosti aktuálně prohlížene polozky, casto pouzivana v e-shopech (napr. Boty > Panske > Bežecké). Cestovní (history-based) ukazuje konkretni cestu, kterou uzivatel prosla, ale tento typ se pouziva zridka, protoze byva matouci. Pro většinu webů je hierarchická drobeckova navigace optimalni volbou.

Z hlediska SEO má drobeckova navigace vyznamnou hodnotu. Google ji aktivne vyuziva pro pochopeni struktury webu a casto ji zobrazuje primo ve vysledcich vyhledavani misto plné URL adresy, coz zlepsuje prehlednost a miru prokliku. Implementace Schema.org BreadcrumbList strukturovanych dat umoznuje Googlu spolehlivě rozpoznat a zobrazit drobeky. Pro pristupnost je dulezite pouzit element nav s atributem aria-label="Drobeckova navigace" a jednotlive polozky oznacit pomoci ol/li struktury. Na mobilních zarízeních, kde je prostor omezeny, se drobecky casto zkracuji na posledni dve úrovně nebo se schovavaji za rozklikavaci element.