Breadcrumbs, alebo v slovenčine omrvinková navigácia, je typ sekundárnej navigácie, ktorá používateľovi ukazuje jeho aktuálnu polohu na webovej stránke v rámci jej hierarchie. Názov je inšpirovaný rozprávkou o Jankovi a Marienke, ktorí si značili cestu z lesa odrobinkami chleba (breadcrumbs). Táto navigácia zvyčajne vyzerá ako cesta zložená z odkazov, napríklad: Domov > Služby > Tvorba webstránok.
Prečo sú breadcrumbs užitočné?
Správne implementovaná omrvinková navigácia prináša výhody ako pre používateľov, tak aj pre vyhľadávače.
Výhody pre používateľov:
- Lepšia orientácia: Návštevníci okamžite vedia, kde na webe sa nachádzajú a ako je stránka štruktúrovaná.
- Znižujú počet kliknutí: Umožňujú používateľom jednoducho sa vrátiť na vyššiu úroveň (napr. z konkrétneho produktu späť do kategórie produktov) jedným kliknutím.
- Zlepšujú používateľský zážitok (UX): Znižujú pocit „stratenosti“ na rozsiahlych weboch s mnohými podstránkami.
Výhody pre SEO:
- Pomáhajú Googlu pochopiť štruktúru webu: Pre roboty vyhľadávačov sú breadcrumbs jasným signálom o hierarchii a vzťahoch medzi jednotlivými stránkami.
- Vylepšujú vzhľad vo výsledkoch vyhľadávania: Google môže štandardnú URL adresu vo výsledkoch vyhľadávania (SERP) nahradiť práve omrvinkovou navigáciou, čo robí váš výsledok prehľadnejším a atraktívnejším pre kliknutie.
- Posilňujú interné prelinkovanie: Vytvárajú ďalšie relevantné interné odkazy na dôležité kategórie.
Typy breadcrumbs navigácie
- Založená na hierarchii (Hierarchy-based): Najčastejší a najužitočnejší typ. Ukazuje cestu od domovskej stránky po aktuálnu stránku.
- Založená na histórii (History-based): Ukazuje presnú cestu, akou sa používateľ na danú stránku dostal. Tento typ sa používa menej často, pretože môže byť mätúci.
- Založená na atribútoch (Attribute-based): Typická pre e-shopy. Zobrazuje filtre, ktoré používateľ zvolil. (Napr.
Domov > Tričká > Pánske > Bavlna).
⭐ Tip od BiznisUp.sk
Pri implementácii omrvinkovej navigácie sa uistite, že posledná položka v ceste (teda aktuálna stránka, na ktorej sa nachádzate) nie je klikateľná. Je to logické – nemá zmysel, aby používateľ klikal na odkaz, ktorý vedie na stránku, na ktorej už je. Je to malý detail, ale ukazuje to premyslený prístup k používateľskej skúsenosti a je to považované za osvedčený postup (best practice).
O dôležitosti omrvinkovej navigácie pre použiteľnosť webu píše jedna z najväčších svetových autorít v oblasti UX, Nielsen Norman Group (v angličtine).
Súvisiace pojmy v slovníku
- UX (User Experience)
- UI (User Interface)
- Navigácia
- Sitemap (Mapa stránok)
- On-page SEO
- Interný link