Drobečková navigace e-shopu: jak ji nastavit pro lidi i Google

Drobečková navigace je mapa i úniková cesta. Zákazníkovi řekne, kde v katalogu právě je, a jedním kliknutím ho vrátí k širšímu výběru. Googlu zase dává skutečné odkazy a srozumitelný kontext stránky. Největší chyby proto nevznikají ve znaménku mezi položkami, ale v nesprávné hierarchii, nefunkčních odkazech a rozporu mezi obrazovkou a zdrojovými daty.

Co drobečky řeší — a co od nich nečekat

Správná hierarchie: nezačínejte adresou URL

Google doporučuje popsat typickou cestu uživatele, ne mechanicky přepsat části URL. Produkt může mít krátkou adresu /produkt/modre-tenisky, ale jeho užitečná cesta může být Domů → Dámská obuv → Tenisky → Modré tenisky. Naopak technická složka v adrese není důvod, aby se objevila zákazníkovi.

Vztahy mezi stránkami se mají opírat o běžné odkazy. Google u e-shopů doporučuje propojit hlavní nabídku, kategorie, podkategorie a produkty. Drobečky jsou jedna část této struktury; širší plán najdete v návodu k interním odkazům e-shopu.

Produkt ve více kategoriích: zvolte hlavní cestu

Jeden výrobek často patří zároveň do kategorií „Tenisky“, „Dámská obuv“ a „Novinky“. Pro viditelnou navigaci zvolte cestu, která je stabilní a nejlépe odpovídá způsobu, jakým zákazníci sortiment procházejí. Akční nebo dočasná kategorie obvykle není dobrý základ: po skončení kampaně by se cesta změnila nebo zanikla.

Google umožňuje ve strukturovaných datech uvést více platných cest. Není však nutné vyrábět seznam všech kategorií, do kterých je produkt technicky přiřazen. Každá uvedená cesta má dávat smysl člověku. Volbu hlavní kategorie slaďte také s tím, jak stavíte SEO kategorie e-shopu.

Jak drobečky napsat v HTML

Předchozí úrovně použijte jako skutečné odkazy <a href>. Poslední položka může být prostý text s atributem aria-current="page". Pomůže to lidem používajícím asistivní technologie a současně je zřejmé, že jde o aktuální stránku.

<nav aria-label="Drobečková navigace">
  <ol>
    <li><a href="/">Domů</a></li>
    <li><a href="/damska-obuv/">Dámská obuv</a></li>
    <li><a href="/tenisky/">Tenisky</a></li>
    <li aria-current="page">Modré tenisky</li>
  </ol>
</nav>

Odkaz musí mít platnou cílovou adresu v atributu href. Kliknutí vytvořené jen JavaScriptem není stejně spolehlivý základ pro procházení. Názvy zkraťte tak, aby byly srozumitelné i bez okolního textu.

Jak přidat BreadcrumbList schema

Pro každou položku uveďte pořadí position, název name a cílové item. U poslední položky Google cílovou URL nevyžaduje; použije adresu právě otevřené stránky. Seznam musí obsahovat nejméně dvě položky. Následující zkrácený JSON-LD příklad odpovídá viditelné cestě výše:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1,
      "name": "Domů", "item": "https://example.cz/" },
    { "@type": "ListItem", "position": 2,
      "name": "Dámská obuv", "item": "https://example.cz/damska-obuv/" },
    { "@type": "ListItem", "position": 3,
      "name": "Tenisky", "item": "https://example.cz/tenisky/" },
    { "@type": "ListItem", "position": 4,
      "name": "Modré tenisky" }
  ]
}

Neopisujte slepě ukázkovou doménu. Cíle musí být absolutní adresy vašeho webu, odpovídat skutečným stránkám a pořadí musí začínat jedničkou. Google nevyžaduje v cestě domovskou ani aktuální stránku, ale pokud je uvedete, musí celý seznam zůstat logický a přesný.

Mobilní zobrazení: nezrušte cestu právě tam, kde pomáhá

Na mobilu je málo místa a zákazník nevidí široké menu. Hierarchie je proto užitečná, i když ji zkrátíte. Zachovejte alespoň nejbližší nadřazenou kategorii a dejte odkazu dostatečnou dotykovou plochu. U delší cesty můžete skrýt prostřední úrovně nebo dovolit vodorovné posunutí uvnitř komponenty; nesmí tím však vzniknout posouvání celé stránky do strany.

Tlačítko „Zpět na výsledky“ může vedle drobečků pomoci zachovat filtry a předchozí výběr. Je to ale návrat v historii návštěvy, nikoli stabilní hierarchie webu. Do BreadcrumbList proto patří cesta katalogem, ne proměnlivý stav prohlížeče.

Audit drobečkové navigace za 30 minut

1. Otevřete jednu hlavní kategorii, podkategorii, produkt a poradenský článek na počítači i telefonu.
2. U každé stránky si nahlas přečtěte cestu. Odpovídá skutečnému místu v nabídce, nebo jen kopíruje technickou URL?
3. Klikněte na každý předchozí krok. Musí otevřít existující relevantní stránku bez přesměrovacího řetězce a bez ztráty HTTPS či domény.
4. U produktu ve více kategoriích ověřte, že se cesta nemění nahodile podle poslední navštívené stránky a nestaví na dočasné kampani.
5. Zkontrolujte mobil: názvy mohou být kratší, ale odkaz musí zůstat čitelný, ovladatelný a nesmí rozšířit stránku mimo displej.
6. Otevřete test rozšířených výsledků Googlu a ověřte BreadcrumbList. Kritické chyby opravte před plošným nasazením.
7. Porovnejte viditelnou cestu se strukturovanými daty. Názvy, pořadí i cílové stránky mají popisovat stejnou hierarchii.

Nejčastější chyby

• Pouze schema bez navigace: vyhledávač dostane data, ale zákazník žádnou cestu zpět.
• Text bez odkazů: kategorie vypadají jako navigace, ale nejdou otevřít a nevytvářejí procházetelné spojení.
• Jiná cesta na obrazovce a v JSON-LD: automatické generátory čerpají z rozdílných zdrojů a časem se rozejdou.
• Řazení produktu podle návštěvní historie: každý zákazník vidí jinou cestu a vyhledávač nemá stabilní hierarchii.
• Dočasná kategorie jako hlavní: produkt po skončení akce ztratí přirozenou nadřazenou stránku.
• Příliš dlouhé názvy na mobilu: cesta zabere několik řádků, vytlačí obsah a vytvoří vodorovný přetok.

Kontrolní seznam před nasazením

• Cesta odpovídá typickému postupu zákazníka, ne pouze URL.
• Předchozí úrovně jsou běžné odkazy s platným href.
• Poslední položka jasně označuje aktuální stránku.
• Produkt ve více kategoriích má stabilní a smysluplnou hlavní cestu.
• Mobilní verze zůstává čitelná, ovladatelná a bez přetékání stránky.
• BreadcrumbList má správné pořadí, názvy a cílové URL.
• Viditelná navigace a strukturovaná data si neodporují.
• Test rozšířených výsledků nehlásí kritickou chybu.

Nejčastější otázky

Musí drobečky začínat domovskou stránkou?

Nemusí. Google nevyžaduje položku pro nejvyšší úroveň domény. Pro člověka ale může být „Domů“ praktický a srozumitelný začátek. Rozhodující je konzistentní cesta a užitečné odkazy.

Má být název produktu v drobečcích odkazem?

Na právě otevřené stránce to není nutné. Poslední položka obvykle slouží jako označení aktuálního místa; ve strukturovaných datech u ní Google nevyžaduje vlastnost item.

Zlepší BreadcrumbList pozice ve vyhledávání?

Google ho popisuje jako způsob, jak stránku zařadit do kontextu a případně upravit její prezentaci ve výsledcích. Není to záruka zobrazení ani samostatná zkratka k lepší pozici. Přínos začíná správnou strukturou a použitelností webu.

Patří filtrovaná stránka do drobečkové navigace?

Jen pokud jde o stabilní, samostatně užitečnou vstupní stránku. Nahodilý výběr velikosti, ceny a řazení obvykle není nová úroveň katalogu. Rozhodnutí o indexaci takových URL řeší samostatný návod pro filtry a stránkování.

Drobečky fungují nejlépe jako součást celku. Navazující kontrolu začněte u interních odkazů, pokračujte strukturou SEO kategorií a u velkého katalogu prověřte také XML sitemapu.