Drobečková navigace (breadcrumbs) je navigační prvek na webu, který "zobrazuje" cestu, kterou uživatel prošel, aby se dostal na aktuální stránku.
Obvykle se nachází v horní části stránky a skládá se z řady odkazů, které vedou na nadřazené stránky a domovskou stránku.
Název "drobečková navigace" pochází z pohádky o Jeníčkovi a Mařence, kteří si po cestě lesem házeli drobky chleba, aby se mohli najít cestu zpátky domů.
Podobně drobečková navigace pomáhá uživatelům webu zorientovat se a najít cestu zpátky na stránky, které už navštívili.
Drobečková navigace má hned několik funkcí:
- Usnadňuje orientaci: Ukazuje uživatelům, kde se na webu nacházejí a jak se tam dostali.
- Usnadňuje návrat: Umožňuje uživatelům jednoduše se vrátit na předchozí stránky nebo domovskou stránku.
- Zlepšuje uživatelský komfort: Díky drobečkové navigaci se uživatelé na webu cítí komfortněji a lépe se na něm orientují.
- Zlepšuje SEO: Vyhledávače, jako je Google, drobečkovou navigaci vnímají pozitivně a můžou ji zohlednit v hodnocení webu.
Drobečková navigace by měla splňovat následující kritéria:
- Měla by být jasná a srozumitelná: Uživatelé by měli bez problémů porozumět, co každý odkaz v drobečkové navigaci znamená.
- Měla by být konzistentní: Drobečková navigace by se měla na všech stránkách webu zobrazovat stejným způsobem.
- Měla by být relevantní: Drobečková navigace by měla zobrazovat pouze relevantní odkazy, které vedou na stránky, které jsou pro uživatele užitečné.
Drobečková navigace je užitečný nástroj, který může zlepšit uživatelský komfort a SEO webu. Pokud ji na svém webu ještě nemáte, určitě byste o tom měli uvažovat.
Zde je několik tipů, jak implementovat drobečkovou navigaci na webu:
- Použijte plugin: Existuje mnoho pluginů pro různé platformy CMS, které vám pomohou snadno implementovat drobečkovou navigaci na webu.
- Vytvořte si vlastní drobečkovou navigaci: Pokud máte technické znalosti, můžete si drobečkovou navigaci vytvořit sami.
- Použijte nástroj pro tvorbu webových stránek: Mnoho nástrojů pro tvorbu webových stránek, jako je Wix nebo Squarespace, nabízí možnost implementovat drobečkovou navigaci.
Jaké služby nabízíme?
Zdroje článku:
How To Add Breadcrumb (BreadcrumbList) Markup | Google Search Central | Documentation | Google for Developers [online]. [cit. 20. 02. 2024]. Dostupné z: https://developers.google.com/search/docs/appearance/structured-data/breadcrumb
What are breadcrumbs? Why are they important for SEO? • Yoast [online]. [cit. 20. 02. 2024]. Dostupné z: https://yoast.com/breadcrumbs-seo/