Drobeckova navigace

Drobečková navigace (breadcrumb navigation) je sekundární navigační prvek, který zobrazuje hierarchickou cestu od hlavní stránky k aktuální pozici uživatele na webu. Název pochází z pohádky o Jeníčkovi a Mařence, kteří si označovali cestu drobky chleba. Na webu typicky vypadá jako řada odkazů oddělených šipkou nebo lomítkem: Domů > Služby > Tvorba webu. Umožňuje uživateli okamžitě pochopit, kde se ve struktuře webu nachází, a rychle se vrátit na vyšší úroveň.

Existují tři typy drobečkové navigace. Hierarchická (nejčastější) odráží strukturu webu a ukazuje cestu od kořenové stránky. Atributová zobrazuje vlastnosti aktuálně prohlížené položky, často používaná v e-shopech (např. Boty > Pánské > Běžecké). Cestovní (history-based) ukazuje konkrétní cestu, kterou uživatel prošel, ale tento typ se používá zřídka, protože bývá matoucí. Pro většinu webů je hierarchická drobečková navigace optimální volbou.

Z hlediska SEO má drobečková navigace významnou hodnotu. Google ji aktivně využívá pro pochopení struktury webu a často ji zobrazuje přímo ve výsledcích vyhledávání místo plné URL adresy, což zlepšuje přehlednost a míru prokliku. Implementace Schema.org BreadcrumbList strukturovaných dat umožňuje Googlu spolehlivě rozpoznat a zobrazit drobečky. Pro přístupnost je důležité použít element nav s atributem aria-label="Drobečková navigace" a jednotlivé položky označit pomocí ol/li struktury. Na mobilních zařízeních, kde je prostor omezený, se drobečky často zkracují na poslední dvě úrovně nebo se schovávají za rozklikávací element.