Drobeckova navigace

Drobečková navigace (breadcrumb navigation) je sekundární navigační vzor, který zobrazuje aktuální pozici uživatele v hierarchii webu jako řetězec odkazovaných názvů stránek. Název pochází z pohádky o Jeníčkovi a Mařence a princip je stejný: cesta značek vedoucí zpět tam, odkud jste vyšli. Typická drobečková navigace v e-shopu může vypadat takto: Domů > Elektronika > Notebooky > Název produktu, přičemž každý segment kromě aktuální stránky je klikatelný odkaz. Drobečky se nejčastěji zobrazují jako vodorovný řádek u horního okraje stránky pod hlavní navigací.

Z pohledu UX řeší drobečková navigace konkrétní problém: orientaci. Uživatelé, kteří na hluboko zanořenou stránku přijdou z vyhledávání nebo přes přímý odkaz, často nemají žádný kontext o tom, kde se stránka v širší struktuře webu nachází. Drobečky odpovídají na otázku „Kde jsem?“ a nabízejí cestu jedním kliknutím do kterékoli nadřazené kategorie, aniž by uživatel musel procházet hlavní menu. To je obzvlášť cenné na obsahově bohatých webech, v e-shopech s hlubokým stromem kategorií a na dokumentačních webech, kde mohou být stránky zanořené několik úrovní hluboko. Mezi osvědčené postupy patří ponechat drobečky viditelné, ale vizuálně nenápadné, aby nesoupeřily s hlavním obsahem, používat jednoduchý oddělovač jako šipku nebo lomítko a vždy uvádět aktuální stránku jako poslední, neodkazovanou položku.

Pro SEO přinášejí drobečky měřitelný přínos díky strukturovaným datům BreadcrumbList. Když implementujete schéma drobečkové navigace pomocí JSON-LD, může Google ve výsledcích vyhledávání zobrazit cestu drobečků místo surové URL, což činí váš výsledek čitelnějším a může zvýšit míru prokliku. Strukturovaná data zároveň posilují porozumění Googlu hierarchii vašeho webu a pomáhají mu určit vztahy mezi obsahem a důležitost stránek. Implementace je přímočará: schéma vyžaduje uspořádaný seznam položek s názvy a URL odpovídajícími viditelné drobečkové navigaci. Většina moderních CMS platforem a frameworků dokáže schéma drobečků generovat automaticky podle struktury webu a nástroj Google Rich Results Test ověří značkování ještě před nasazením.