Co to jest Breadcrumbs – Definicja

Breadcrumbs (dosł. „okruszki chleba”) to określenie na niewielkie elementy nawigacyjne stron internetowych, których rolą jest pomaganie użytkownikom w poruszaniu się po strukturze serwisu. Ich podstawowe zadanie to zapewnienie możliwości łatwego śledzenia aktualnej pozycji i powrotu do poprzednich sekcji strony.

Definicja i znaczenie breadcrumbs

W zależności od układu witryny breadcrumbs mogą wyglądać nieco inaczej, jednak najczęściej jest to pozioma lista linków znajdująca się na górze strony, pod nagłówkiem. Poszczególne pozycje wskazują hierarchiczną ścieżkę, którą przebył użytkownik, aby dotrzeć do bieżącej podstrony.

Co istotne, elementy listy są aktywnymi linkami, co umożliwia szybki powrót do jednej z poprzednich stron lub kategorii. Popularnym przykładem breadcrumbs są kategorie sklepów internetowych, które zazwyczaj prowadzą od strony głównej, poprzez główną kategorię i kolejne podkategorie, aż do konkretnego produktu lub jego wariantu.

Najpopularniejsza forma breadcrumbs przedstawia się następująco:

Istnieją jednak bardziej rozbudowane przypadki, jak np. x-kom, który oprócz aktywnej kategorii przedstawia także listę rozwijaną z kategoriami sąsiednimi:

Rodzaje breadcrumbs

Istnieją trzy główne typy breadcrumbs, które różnią się pod względem swojej funkcji i sposobu prezentacji ścieżki nawigacyjnej:

1. Breadcrumbs oparte na lokalizacji – najpopularniejszy wariant, pokazujący aktualne położenie użytkownika w strukturze strony. Dzięki temu można łatwiej wrócić do innych sekcji i zrozumieć obecną pozycję. Takie rozwiązanie może prowadzić np. ze strony głównej do sekcji blogowej, następnie do kategorii wpisów, a później do konkretnego artykułu.
2. Breadcrumbs oparte na atrybutach – rozwiązanie stosowane głównie w sklepach internetowych. Tego typu elementy prezentują atrybuty produktu, takie jak kolor, rozmiar czy cena, które pozwoliły użytkownikowi dojść do danej pozycji, np.: „Strona główna > Odzież > Mężczyźni > T-shirty > Czarne”.
3. Breadcrumbs oparte na historii – ten typ breadcrumbs pokazuje ścieżkę przebytą przez użytkownika, ale na podstawie kolejności odwiedzanych stron, a nie hierarchii serwisu. Są stosowane rzadziej, ale mogą być użyteczne na witrynach, gdzie internauci mają tendencję do poruszania się w nietypowy sposób. Przykład: „Strona główna > Promocje > Koszyk > Strona produktu”.

Zalety stosowania breadcrumbs

Breadcrumbs oferują wiele korzyści zarówno dla użytkowników, jak i właścicieli stron internetowych. Ich podstawowym atutem jest poprawa nawigacji – dzięki takim elementom użytkownicy mogą zrozumieć strukturę witryny i szybko przejść do danego poziomu hierarchii, co zwiększa komfort korzystania z serwisu. W efekcie są oni także mniej skłonni do porzucania strony, co pozwala zmniejszyć współczynnik odrzuceń. Warto także podkreślić, że breadcrumbs wspomagają indeksację SEO – takie odnośniki pozwalają robotom indeksującym sprawniej przetworzyć strukturę strony, a dodatkowo często zawierają wartościowe słowa kluczowe.

Aby odpowiednio wdrożyć breadcrumbs, należy pamiętać przede wszystkim o właściwym umiejscowieniu takich elementów, by były one widoczne i łatwo dostępne dla użytkowników. Linki powinny być krótkie, jednoznaczne o rozdzielone przez separatory. Co istotne, każdy element breadcrumbs (z wyjątkiem ostatniego) powinien być aktywnym linkiem umożliwiającym powrót do wybranej sekcji strony.