Drobečková navigace a její význam pro SEO

Význam drobečkové navigace dobře vystihuje následující citát, jehož autorem je UX konzultant Steve Krug:

„Lidé nebudou používat váš web, pokud se v něm nezorientují.“ 

V následujícím článku si povíme, jak pro snadnou orientaci uživatelů udělat maximum a jak je na webu udržet co nejdéle. Dozvíte se především:

• Co je to drobečková navigace
• K čemu drobečková navigace slouží
• Jaké typy drobečkové navigace existují
• Výhody drobečkové navigace z pohledu SEO
• Patří drobečková navigace mezi hodnoticí faktory na Googlu?

Co je to drobečková navigace

Drobečková navigace (anglicky breadcrumbs nebo breadcrumb trail) je navigační prvek, který uživatelům ukazuje, kde se na webu nacházejí, a který usnadňuje návrat na předchozí stránku nebo domovskou stránku. Obvykle bývá umístěna v horní části webu a má podobu lineárního seznamu odkazů obvykle oddělených znakem >.

• „Drobečková navigace je řádek s interními odkazy v horní nebo dolní části stránky, který návštěvníkům umožňuje rychle se vrátit zpět na předchozí sekci nebo kořenovou stránku. V mnoha drobečkových navigacích je nejobecnější (obvykle kořenová) stránka uvedena jako první odkaz zcela vlevo a další, konkrétní sekce jsou vypsány vpravo od ní.“  (Google) 

Obrázek č. 1: Ukázka drobečkové navigace na webu www.intery-skrine.cz.

K čemu drobečková navigace slouží?

Drobečková navigace je pro uživatele výborným zdrojem kontextových informací a pomáhá mu najít odpovědi na následující otázky:

• Kde jsem? Drobečková navigace informuje návštěvníka o jeho aktuální pozici vzhledem ke struktuře celého webu.
• Kam mohu jít dál? Drobečková navigace vám umožňuje snadno nalézt další stránky webu a  podporuje tak jeho procházení. 

Tři typy drobečkové navigace

Keith Instone v článku „Location, Path & Attribute Breadcrumbs“ definoval tři typy drobečkové navigace:

• „Drobečky“ znázorňující pozici aktuální stránky v hierarchii webu (location breadcrumbs) nezávisle na cestě, kterou se na ni návštěvník dostal. Je to nejběžnější typ drobečkové navigace. Anna Crowe ji ve svém článku nazývá „hierarchy-based breadcrumbs“ („drobečky vycházející z hierarchické struktury“).
• „Drobečky“ ukazující cestu (path breadcrumbs), kterou se uživatel na aktuální stránku dostal. 
• „Drobečky“ zobrazující základní atributy produktu (attribute breadcrumbs), jako je název, cena, značka, kategorie. Tento typ navigace se používá zejména v e-shopech.

Výhody drobečkové navigace z pohledu SEO

Drobečková navigace poskytuje  uživatelům a vyhledávačům důležité informace o tom, jaký typ obsahu je na vašem webu k dispozici a jak je tento obsah strukturován.

• Zlepšuje UX.

Drobečková navigace usnadňuje uživatelům procházení webových stránek a zároveň je láká k procházení dalších částí webu. Například se zajímáte o historii vzniku společnosti Nestlé. Přejdete na stránku Historie společnosti Nestlé. Pomocí drobečkové navigace se můžete vrátit na stránku O nás, Historie nebo na jejich domovskou stránku.

Obrázek č. 2. Drobečková navigace na webu společnosti Nestlé. Zdroj: Search Engine Journal.

• Může vylepšit hodnocení a umístění stránek ve vyhledávání.

Google používá drobečkovou navigaci ke kategorizaci a kontextualizaci obsahu. V roce 2009 ji Google přidal do výsledků vyhledávání. Google také doporučuje používat označení strukturovaných dat drobečkové navigace. Její kontrolu umožňuje nástroj Search Console.

Obrázek č. 3. Ukázka drobečkové navigace v úryvku vyhledávání na Googlu.

• Udrží uživatele déle na webu.

Míra okamžitého opuštění (bounce rate) není přímým hodnoticím faktorem, ale je-li příliš vysoká, může naznačovat problémy s UX – a k jejich řešení může přispět právě drobečková navigace.

Používejte drobečkovou navigaci, která uspokojí potřeby vašeho publika

Když se rozhodujete, zda a jak používat tento typ navigace, přemýšlejte o tom, jak vaše publikum obvykle pracuje s vaším webem. 

• Jaké informace jsou pro vaše publikum nejdůležitější?
• Které stránky jsou v současné době nejoblíbenější a které jsou nejméně navštěvované?
• Které stránky jsou dobře přístupné a které jsou nejméně přístupné?

Patří drobečková navigace mezi hodnoticí faktory na Googlu?

Brian Dean z Backlinko ji zařadil do svého seznamu 200 hodnoticích faktorů hodnocení na Googlu, aniž by pro to předložil nějaký  důkaz nebo to vysvětlil. Ačkoli Google doporučuje majitelům a vývojářům webových stránek její implementaci, nikdo z této společnosti nepotvrdil, že se jedná o hodnoticí faktor. V dubnu 2021 John Mueller na Twitteru uvedl, že Google používá drobečkovou navigaci kvůli procházení (k nalezení interních odkazů) a obohaceným výsledkům (strukturovaná data). Dodal také, že pozice drobečkové navigace na webové stránce „nemá vliv na SEO".

Rada na závěr: Drobečková navigace slouží jako doplněk, nikoli jako náhrada jiných navigačních prvků.

• Při vymýšlení struktury webových stránek je dobré myslet na budoucnost – správným rozvržením můžete totiž významně ovlivnit nalezitelnost svého webu na internetu. Více o tom psal kolega Mirek v článku „Jak si postavit web? Nepodceňte dobrou strukturu webu“.

Použité zdroje:

• Angel Niñofranco, „Breadcrumb Navigation: Is It a Google Ranking Factor?"
• Anna Crowe, „What Are Breadcrumbs & Why Do They Matter for SEO?“.
• Harvey Jones, Daniel Rocha, „Official Google Blog: New site hierarchies display in search results".
• Kelly Lyons, „Breadcrumb Navigation & How It Impacts Your SEO".
• Nick Babich, „Breadcrumbs For Web Sites: What, When and How“.
• Steve Krug, Web design. Nenuťte uživatele přemýšlet, 2. aktualizované vydání, Computer Press, Brno 2007, s. 45.
• Nápověda Search Console.