Čo je Breadcrumbs (Omrvinková navigácia)?
Breadcrumbs (omrvinková navigácia) sú grafické prvky na webstránke, ktoré zobrazujú hierarchickú cestu od hlavnej stránky k aktuálnej podstránke. Pomáhajú návštevníkom orientovať sa a zlepšujú SEO.
Definícia Breadcrumbs (Omrvinková navigácia)
Definícia breadcrumbs
Breadcrumbs (anglicky „omrvinky", po slovensky omrvinková navigácia) sú grafické navigačné prvky zobrazujúce hierarchickú cestu k aktuálnej stránke. Názov pochádza z rozprávky bratov Grimmovcov o Janku a Marienke (Hansel and Gretel), kde deti za sebou sypali omrvinky chleba, aby našli cestu späť.
Na webe breadcrumbs typicky vyzerajú ako horizontálny riadok odkazov oddělených šípkami: Domov › Služby › SEO optimalizácia. Každá časť je klikateľná a odkazuje na príslušnú nadradenú stránku.
Typy breadcrumbs
- Hierarchické (location-based) — najčastejšie, zobrazujú pozíciu v štruktúre webu (napr. Domov › Oblečenie › Dámske › Šaty)
- Atribútové (attribute-based) — zobrazujú vlastnosti aktuálnej stránky (napr. Domov › Notebooky › 15" › Dell)
- Cestové (path-based) — zobrazujú cestu, ktorou sa návštevník dostal na aktuálnu stránku (menej časté, menej užitočné)
Prečo sú breadcrumbs dôležité
- Lepšia orientácia: Návštevník vždy vie, kde sa na webe nachádza
- Jednoduchší návrat: Jedným klikom sa dostane na nadradenú kategóriu
- SEO výhoda: Google zobrazuje breadcrumbs vo výsledkoch vyhľadávania namiesto URL — stránka vyzerá profesionálnejšie a dostáva vyšší CTR
- Zníženie miery odchodu: Návštevník sa nemusí vracať tlačidlom „späť", čo znižuje frustráciu
Praktický príklad
Príklad: E-shop s elektronikou.
Zákazník hľadá slúchadlá a prekliká sa cez: Domov → Elektronika → Audio → Slúchadlá → Sony WH-1000XM5.
Breadcrumbs na stránke produktu: Domov › Elektronika › Audio › Slúchadlá
Ak sa zákazník rozhodne pozrieť aj iné slúchadlá, jedným klikom na „Slúchadlá" v breadcrumbs sa vráti do kategórie — bez nutnosti používať tlačidlo „späť" alebo hľadať v menu.
SEO bonus: Google zobrazí vo výsledkoch eshop.sk › Elektronika › Slúchadlá namiesto eshop.sk/kategoria/audio/sluchadla/sony-wh1000xm5.
Často kladené otázky
Čo sú breadcrumbs na webstránke?
Breadcrumbs (omrvinková navigácia) sú horizontálne navigačné prvky zobrazujúce hierarchickú cestu k aktuálnej stránke, napr. Domov › Služby › SEO. Každá časť je klikateľná.
Prečo sú breadcrumbs dôležité pre SEO?
Google zobrazuje breadcrumbs vo výsledkoch vyhľadávania namiesto URL adresy. To zlepšuje vizuálnu prezentáciu stránky a zvyšuje mieru prekliku (CTR).
Potrebuje moja webstránka breadcrumbs?
Ak má vaša stránka viac ako jednu úroveň podstránok (napr. kategórie a podkategórie), breadcrumbs výrazne zlepšia navigáciu. Pre jednoduché stránky s 3-5 podstránkami nie sú nevyhnutné.
Prečo sa nazývajú breadcrumbs (omrvinky)?
Názov pochádza z rozprávky Janko a Marienka (Hansel and Gretel) od bratov Grimmovcov, kde deti sypali za sebou omrvinky chleba, aby našli cestu domov.
Súvisiace pojmy
Potrebujete pomôcť s webom?
Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.