Co je to drobečková navigace?
Drobečková navigace se vztahuje k interním odkazům známým jako "drobečková navigace", které uživatele informují o jeho aktuální poloze na webu v rámci hierarchie stránek. Termín "drobečková stopa" je inspirován příběhem Jeníčka a Mařenky z pohádky bratří Grimmů, kde zanechali drobečkovou stopu, aby našli cestu domů.
Typy drobečkové navigace
- Drobky založené na hierarchii: Drobky, které jsou také známé jako drobečky založené na umístění, zobrazují pozici uživatele v hierarchii webových stránek.
- Drobky založené na atributech: Běžně se používají na webových stránkách elektronických obchodů.
- Drobky založené na historii: Uspořádané na základě konkrétních kroků, které návštěvník učinil, aby se dostal na aktuální stránku.
Význam drobečkové navigace
Drobečková navigace je důležitá, protože zlepšuje uživatelský zážitek a usnadňuje orientaci na webových stránkách. Poskytuje sekundární navigaci, která pomáhá návštěvníkům najít to, co hledají, a snižuje počet kliknutí nutných k návratu na stránky vyšší úrovně. Zlepšuje také použitelnost pro mobilní zařízení a hraje zásadní roli v SEO.
Výhody SEO
- Zkušenosti uživatelů: Google odměňuje webové stránky, které upřednostňují uživatelský komfort. Drobky usnadňují navigaci, což může zvýšit spokojenost uživatelů.
- Porozumění hierarchii webových stránek: Drobky pomáhají Googlu pochopit strukturu vašich webových stránek a efektivněji rozdělovat PageRank, což může zlepšit vaše hodnocení.
- Nižší míra odmítnutí: Díky tomu, že drobečková navigace poskytuje uživatelům alternativní způsob navigace, může snížit míru odchodu z webu tím, že podporuje prozkoumání dalšího obsahu webu.
Jak implementovat drobečkovou navigaci
Implementace drobečkové navigace je jednoduchá. Pokud máte webové stránky WordPress, pluginy jako Yoast SEO tento proces zjednodušují. Některá témata WordPressu mohou dokonce drobečkovou navigaci podporovat ve výchozím nastavení. U webů, které nejsou součástí WordPressu, můžete drobečkovou navigaci implementovat ručně pomocí HTML a CSS.
Příklad šablony HTML
<ul class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Kategorie</a></li> <li>Aktuální stránka</li> </ul>Tato šablona generuje seznam odkazů s odrážkami. Přizpůsobte styl pomocí CSS tak, aby vyhovoval vašim potřebám.
Strukturovaná data
Chcete-li zajistit, aby se drobečkové odkazy zobrazovaly v SERP, implementujte na své webové stránky příslušná strukturovaná data. Podrobné pokyny naleznete v dokumentaci k drobečkové navigaci Google.
Nejlepší postupy pro drobečkovou navigaci
- Podpora primární navigace: Drobky jsou doplňkovou navigační funkcí, nenahrazují primární navigační nabídku.
- Použijte oddělovače: Oddělte textové odkazy v drobečkové cestě speciálními znaky, jako jsou ">", "/" nebo šipky.
- Úplná navigační cesta: Vždy uvádějte úplnou navigační cestu bez ohledu na to, jak uživatel na stránku přišel.
- Čtení zleva doprava: Drobečková navigace by se měla číst zleva doprava, přičemž vlevo by měla být domovská stránka a vpravo aktuální stránka.
- Aktuální stránka: Poslední položka v drobečkové cestě by měla být aktuální stránka a neměla by být odkazem, na který lze kliknout.
- Nenápadný design: Zajistěte, aby drobečková navigace byla jednoduchá a nenápadná, umístěná v horní části stránky a používající malé, ale čitelné písmo.
Další informace a tipy týkající se webové navigace a SEO naleznete na blogu Ranktracker a v našem komplexním průvodci SEO. Kromě toho se podívejte na náš SEO slovníček, abyste se seznámili s klíčovými termíny a pojmy SEO.
