- Hierarchický breadcrumb snižuje míru opuštění a při implementaci BreadcrumbList schema se zobrazí v SERPu místo URL.
- Ideální počet úrovní je 2–5, aktuální stránka se zobrazuje jako text bez odkazu.
- Breadcrumbs zlepšují interní prolinkování a CTR ve výsledcích vyhledávání.
Breadcrumb (drobečková navigace) je navigační prvek, který zobrazuje hierarchickou cestu uživatele na webu — od domovské stránky přes kategorie až k aktuální stránce. Název pochází z pohádky o Jeníčkovi a Mařence, kteří si značili cestu drobečky chleba. V kontextu webu breadcrumbs pomáhají uživatelům orientovat se ve struktuře webu a snadno se vracet na vyšší úrovně.
Typy drobečkové navigace
| Typ | Popis | Příklad |
|---|---|---|
| Hierarchický (location-based) | Zobrazuje pozici v hierarchii webu | Domů → Kategorie → Podkategorie → Stránka |
| Atributový (attribute-based) | Zobrazuje vlastnosti aktuální stránky | Domů → Boty → Běžecké → Pánské |
| Cestový (path-based) | Zobrazuje skutečnou cestu uživatele | Nejméně užitečný, dnes se nepoužívá |
Hierarchický breadcrumb je nejpoužívanější typ a zároveň ten, který Google podporuje ve výsledcích vyhledávání. Při správné implementaci se breadcrumb zobrazí přímo v SERPu místo URL adresy, což zvyšuje přehlednost výsledku.
Přínos drobečkové navigace pro UX
Breadcrumb navigace výrazně zlepšuje uživatelský zážitek. Uživatelé okamžitě vidí, kde se na webu nacházejí, a mohou se jedním kliknutím vrátit na vyšší úroveň. Podle studií UX výzkumů drobečková navigace snižuje míru okamžitého opuštění a zvyšuje počet zobrazených stránek na návštěvu. Na mobilních zařízeních šetří místo oproti plné navigaci.
Schema BreadcrumbList
Pro zobrazení breadcrumbs ve výsledcích vyhledávání je nutné implementovat strukturovaná data BreadcrumbList ve formátu JSON-LD. Tato schema data říkají Googlu, jak má breadcrumb zobrazit v SERPu. Každý prvek cesty obsahuje název a URL. Google tak místo standardní URL adresy pod odkazem zobrazí přehlednou navigační cestu.
Jak implementovat breadcrumb na webu
| Aspekt | Doporučení |
|---|---|
| Pozice | Nad hlavním obsahem, pod hlavní navigací |
| Oddělovač | Šipka (›), lomítko (/) nebo chevron (>) |
| Aktuální stránka | Zobrazit jako text bez odkazu |
| Schema markup | JSON-LD formát BreadcrumbList |
| Mobilní verze | Zkrátit na poslední 2–3 úrovně |
| Domovská stránka | Vždy jako první prvek |
Breadcrumb navigace je součástí kvalitního technického SEO a měla by být implementována na každém webu s víceúrovňovou strukturou.
Často kladené otázky
Jsou breadcrumbs rankingový faktor?
Přímo ne. Breadcrumbs ale zlepšují interní prolinkování, pomáhají Googlu pochopit strukturu webu a zobrazují se ve výsledcích vyhledávání, což může zvýšit CTR. Nepřímo tedy pozitivně ovlivňují SEO.
Musím implementovat schema markup pro breadcrumbs?
Není to povinné, ale je to silně doporučené. Bez schema markup se breadcrumbs zobrazují pouze na webu. Se strukturovanými daty BreadcrumbList se mohou zobrazit i ve výsledcích vyhledávání.
Kolik úrovní by měl breadcrumb mít?
Ideálně 2–5 úrovní. Příliš mnoho úrovní znepřehledňuje navigaci a signalizuje příliš hlubokou strukturu webu. Pokud máte více než 5 úrovní, zvažte zjednodušení architektury webu.
Chcete podobné výsledky?
Pomůžu vám s online marketingem a SEO. Ozvěte se mi a probereme to.