Breadcrumbs

Breadcrumbs, czyli „okruszki chleba”, to element nawigacyjny na stronie internetowej, który pokazuje ścieżkę, jaką użytkownik przebył, aby dotrzeć do aktualnie przeglądanej strony. Zazwyczaj breadcrumbs wyświetlane są w postaci poziomego paska linków, oddzielonych znakiem większości (>) lub ukośnikiem (/).

Breadcrumbs pełnią kilka funkcji:

• Usprawnienie nawigacji: Pozwalają użytkownikom łatwo wrócić do poprzednich stron lub kategorii, bez konieczności klikania przycisku „wstecz” w przeglądarce.
• Poprawa orientacji na stronie: Dają użytkownikom poczucie kontekstu, pokazując, gdzie aktualnie się znajdują w strukturze strony.
• Wsparcie SEO: Pomagają wyszukiwarkom zrozumieć hierarchię strony oraz indeksować jej zawartość, co może wpłynąć na pozycjonowanie strony w wynikach wyszukiwania.
• Zwiększenie użyteczności: Breadcrumbs ułatwiają użytkownikom znalezienie potrzebnych informacji, co przekłada się na lepsze doświadczenie użytkownika.

Rodzaje breadcrumbs:

• Hierarchy-based (oparte na hierarchii): Pokazują ścieżkę od strony głównej do aktualnie przeglądanej strony, zgodnie ze strukturą witryny.
• Attribute-based (oparte na atrybutach): Pokazują atrybuty produktu lub usługi, np. kategorię, markę, kolor.
• History-based (oparte na historii): Pokazują historię przeglądania użytkownika, czyli strony, które odwiedził przed aktualnie przeglądaną.

Przykład breadcrumbs opartych na hierarchii:

Strona główna > Kategoria > Podkategoria > Produkt

Breadcrumbs są szczególnie przydatne na dużych i rozbudowanych stronach internetowych, gdzie nawigacja może być skomplikowana. Dzięki breadcrumbs użytkownicy mogą łatwo poruszać się po stronie i szybko znaleźć potrzebne informacje.