Jste na webu tři úrovně hluboko. Chcete se vrátit do kategorie, ze které jste přišli, ne úplně na domovskou stránku. Bez drobečkové navigace buď opakovaně používáte tlačítko Zpět, nebo začínáte znovu od začátku. Drobečky to vyřeší jedním kliknutím.
Drobečky jsou doplňkový navigační prvek, který návštěvníkům ukazuje cestu z domovské stránky na stránku, na které se právě nacházejí. Obvykle se zobrazují poblíž horního okraje stránky jako vodorovná cesta z odkazů, například Domů, potom Kategorie, potom Podkategorie, potom Aktuální stránka. Každý krok je klikatelný odkaz, který návštěvníka vrátí na danou úroveň webu.
Název pochází z pohádky o Jeníčkovi a Mařence, kde postavy nechávaly v lese stopu z drobečků, aby našly cestu zpátky. Na webu je princip stejný: viditelná stopa, která ukazuje, kde jste, a dává vám možnost vrátit se po vlastních krocích.
Jaké jsou různé typy drobečkové navigace?
Existují tři typy drobečků, každý vhodný pro jiný druh struktury webu.
Polohové drobečky jsou nejběžnějším typem. Ukazují pevnou polohu návštěvníka v hierarchii webu podle toho, jak je web strukturovaný. Návštěvník na stránce produktu v kategorii by viděl něco jako Domů, potom Obchod, potom Název kategorie, potom Název produktu. Cesta je stejná pro každého návštěvníka, který na stránku přijde, protože odráží strukturu webu, a ne cestu návštěvníka.
Cestové drobečky ukazují skutečnou trasu, kterou návštěvník došel na aktuální stránku. Mění se podle toho, jak návštěvník přišel. Jsou méně časté, protože mohou být matoucí: dva návštěvníci na stejné stránce mohou vidět různé drobečky, což podrývá účel ukazování struktury webu. Většina webů místo nich používá polohové drobečky.
Atributové drobečky se používají na e-shopech, kde produkty mohou patřit do více kategorií nebo se dají filtrovat podle atributů, jako je barva, velikost nebo značka. Místo jediné hierarchické cesty ukazují použité filtry nebo atributy. Je to specializovaný typ používaný hlavně v katalozích produktů.
Kdy web potřebuje drobečky?
Drobečky jsou nejužitečnější na webech s hlubokou nebo složitou strukturou, kde mohou návštěvníci přistát o několik úrovní pod domovskou stránkou a potřebují způsob, jak se zorientovat.
E-shopy s kategoriemi a podkategoriemi produktů z nich výrazně těží. Návštěvník, který přijde na stránku produktu z výsledku vyhledávání, může chtít procházet podobné produkty ve stejné kategorii. Drobečky mu dají přímou cestu na úroveň kategorie, aniž by musel začínat od domovské stránky.
Prospívají také znalostním databázím, dokumentacím a webům s velkým množstvím obsahu a několika tematickými kategoriemi. Návštěvník, který čte konkrétní článek a chce vidět, co dalšího se v dané oblasti probírá, se může vrátit po drobečcích do kategorie, místo aby znovu vyhledával.
Jednoduchý firemní web o pěti stránkách s plochou strukturou drobečky nepotřebuje. Pokud neexistuje smysluplná hierarchie, kterou by bylo třeba procházet, prvek jen přidává vizuální nepořádek a ničemu neslouží. Článek o tom, co je struktura webu, vysvětluje hierarchii, kterou drobečky odrážejí. Článek o tom, co je navigace webu, popisuje celý navigační systém a místo drobečků v něm.
Jak drobečky ovlivňují uživatelský zážitek?
Drobečky snižují úsilí potřebné k pohybu po webu s více úrovněmi. Dávají návštěvníkům tři věci najednou: potvrzení, kde se právě nacházejí, viditelnou mapu struktury webu a zkratku zpět na kteroukoli úroveň hierarchie.
Bez drobečků na hlubokém webu musí návštěvníci, kteří chtějí prozkoumat kategorii, buď opakovaně používat tlačítko Zpět, přejít do hlavního menu a začít znovu, nebo použít vyhledávání. Všechny tři možnosti vyžadují víc úsilí než jediné kliknutí na drobeček. Snížení tohoto tření udrží návštěvníky na webu déle a zvyšuje pravděpodobnost, že najdou, pro co přišli.
Drobečky také snižují frustraci návštěvníků, kteří přistanou hluboko ve webu z vyhledávače. Při příchodu vůbec nemusí znát strukturu webu. Drobečky jim hned dají kontext: na první pohled vidí, že se dívají na konkrétní produkt v konkrétní kategorii na konkrétním typu webu. Tato orientace je důležitá pro důvěru a pro další procházení.
Jak drobečky ovlivňují SEO?
Drobečky ovlivňují SEO dvěma různými způsoby: signály o struktuře webu a tím, jak vyhledávače zobrazují výsledky.
Když jsou drobečky správně implementovány se značkováním strukturovaných dat, vyhledávače dokážou z drobečkových cest přečíst a pochopit hierarchii webu. To pomáhá s procházením a s chápáním toho, jak spolu stránky souvisejí. Stránky jasně zařazené do dobře definované hierarchie bývají chápány a indexovány přesněji než stránky v ploché nebo nejednoznačné struktuře.
Druhý efekt je viditelný ve výsledcích vyhledávání. Když drobečky obsahují strukturovaná data, mohou vyhledávače pod názvem stránky ve výsledcích zobrazit drobečkovou cestu místo celé adresy URL. Výsledek zobrazující Domů, potom Kategorie, potom Produkt se na první pohled chápe snáz než dlouhá adresa URL s parametry. Tato lepší čitelnost může zvýšit míru prokliku z výsledků vyhledávání.
Drobečky přispívají také k interním odkazům. Každý odkaz v drobečkové navigaci je interní odkaz, který předává autoritu směrem nahoru v hierarchii a posiluje význam stránek kategorií a rozcestníků. U velkých webů je to smysluplný strukturální přínos pro SEO. Článek o tom, co je SEO, popisuje šířeji, jak interní prolinkování a struktura webu souvisejí s výkonem ve vyhledávání.
Co jsou strukturovaná data drobečků?
Strukturovaná data jsou kód přidaný na stránku, který pomáhá vyhledávačům pochopit konkrétní prvky na stránce ve standardizovaném formátu. Strukturovaná data drobečků sdělují vyhledávačům název a adresu URL každého kroku drobečkové cesty ve formátu, který vyhledávače oficiálně podporují.
Bez strukturovaných dat vidí vyhledávač text drobečků na stránce, ale musí si domýšlet, co znamená. Se strukturovanými daty je informace explicitní: toto je drobečková navigace, toto je první krok s tímto názvem a touto adresou URL, toto je druhý krok a tak dále. Vyhledávače to využívají k vytvoření zobrazení drobečků ve výsledcích vyhledávání a k spolehlivějšímu pochopení hierarchie webu.
Většina moderních tvůrců webů a systémů CMS generuje strukturovaná data drobečků automaticky, když se drobečky zapnou. Pokud web vytváříte nebo spravujete ručně, stojí za to toto značkování přidat u každého webu s smysluplným hierarchickým obsahem.
Jak drobečkovou navigaci řeší WEMASY
Tvůrce webů WEMASY podporuje drobečkovou navigaci pro weby s hierarchickou strukturou obsahu. Po zapnutí se drobečky vytvářejí automaticky podle kategorie stránky a její pozice ve struktuře webu, včetně značkování strukturovaných dat, které vyhledávače používají k jejich zobrazení ve výsledcích.
Co je zahrnuto, zjistíte na stránce tvůrce webů WEMASY, a balíčky najdete na stránce s ceníkem.
Často kladené otázky
Nahrazují drobečky hlavní navigační menu?
Ne. Drobečky a hlavní navigace slouží různým účelům. Hlavní navigace umožňuje návštěvníkům přeskočit z kterékoli stránky do kterékoli sekce webu. Drobečky ukazují, kde se aktuální stránka nachází v hierarchii, a umožňují návštěvníkům vrátit se po této konkrétní cestě nahoru. Na dobře navrženém webu existují oba prvky a spolupracují. Drobečky jsou doplňková navigační vrstva, ne náhrada hlavního menu. S tvůrcem webů WEMASY si to můžete nastavit přímo na svém webu.
Kde by se měly drobečky na stránce zobrazovat?
Drobečky se obvykle zobrazují poblíž horního okraje stránky, pod hlavní navigační lištou a nad nadpisem stránky. Toto umístění je tam, kde návštěvníci očekávají orientační prvky, a před začátkem hlavního obsahu. Měly by být vizuálně odlišené, ale ne dominantní: dost malé, aby nepřekážely hlavnímu obsahu, a dost velké, aby se na mobilu pohodlně četly a klepalo se na ně.
Mají drobečky zahrnovat aktuální stránku?
Záleží na konvenci, kterou sledujete. Některé implementace drobečků zahrnují aktuální stránku jako poslední položku cesty, zobrazenou jako prostý text, ne jako klikatelný odkaz. Jiné končí cestu na nadřazené úrovni, protože odkaz na stránku, na které už jste, ničemu neslouží. Oba přístupy jsou běžné a přijatelné. Důležitější je, zda cesta jasně ukazuje trasu z domovské stránky tam, kde se návštěvník nyní nachází.
Pomáhají drobečky na mobilu?
Ano, ale musí být implementovány pečlivě. Na malé obrazovce se dlouhá drobečková cesta může zalomit na více řádků nebo přetéct kontejner. Běžná řešení zahrnují zkrácení mezikroků výpustkou, sbalení všeho kromě bezprostředního nadřazeného kroku nebo zobrazení jen odkazu o jednu úroveň výš na mobilu. Cílem je zachovat orientační přínos, aniž by cesta ovládla obrazovku. Drobečková navigace, která na mobilu funguje špatně, je horší než žádná.
Jsou drobečky faktorem hodnocení?
Ne přímo. Vyhledávače neřadí stránky výš jen proto, že mají drobečky. Přínos pro SEO je nepřímý: drobečky se strukturovanými daty pomáhají vyhledávačům přesněji pochopit strukturu webu, odkazy v drobečkách přispívají k autoritě interních odkazů a zobrazení drobečků ve výsledcích vyhledávání může zlepšit míru prokliku. Jsou to skutečné přínosy, které stojí za to mít, ale fungují tím, že zlepšují strukturu a použitelnost, a ne jako přímý signál hodnocení.