Breadcrumbs, czyli nawigacja okruszkowa

Słowo breadcrumbs znaczy dosłownie - okruszki chleba. Jest to nazwa ścieżki nawigacji na stronie internetowej, która ułatwia odwiedzającym poruszanie się po witrynie. „Okruszki” przydają się zwłaszcza w przypadku bardzo skomplikowanych stron, w których użytkownik może się zagubić.

Słowo breadcrumbs znaczy dosłownie - okruszki chleba. Jest to nazwa ścieżki nawigacji na stronie internetowej, która ułatwia odwiedzającym poruszanie się po witrynie. „Okruszki” przydają się zwłaszcza w przypadku bardzo skomplikowanych stron, w których użytkownik może się zagubić. Nazwa tej funkcjonalności pochodzi z popularnej baśni o Jasiu i Małgosi – rzucane na ścieżkę okruszki chleba miały pomóc im w odnalezieniu drogi powrotnej do domu. A, jak wiemy, świat wirtualny potrafi być jeszcze bardziej skomplikowany.

Działanie breadcrumbs

Poprawnie zastosowane breadcrumbs składają się przynajmniej z trzech poziomów hierarchii, wyróżniają się graficznie i nie zajmują zbyt wiele miejsca na stronie. Wyróżniamy trzy typy “okruszków”:

1. Breadcrumbs oparte na lokalizacji – to najczęściej stosowany typ. Pomaga użytkownikowi znaleźć miejsce, w którym się aktualnie znajduje.
2. Breadcrumbs oparte na atrybucie – to typ stosowany przede wszystkim w sklepach internetowych. Pomaga użytkownikowi określić, gdzie na stronie znajdzie poszukiwnay produkt.
3. Breadcrumbs oparte na historii – ten typ pokazuje, jaką drogę przebył użytkownik, zanim dotarł do docelowej strony.

Zalety stosowania breadcrumbs

„Okruszki” wskazują słowa kluczowe opisujące witrynę. Stanowią bardzo dobre narzędziem do linkowania wewnętrznego w obrębie witryny, które ulepsza strukturę linków na naszej stronie. Stosowanie breadcrumbs zmniejsza także współczynnik odrzuceń strony. Użytkownik może wykorzystać nawigację, aby zobaczyć inne produkty na stronie zamiast powracać do wyszukiwarki. Ponieważ odwiedzający poruszają się po ważnych dla nas obszarach strony, ilość odwiedzonych stron na jedną sesję użytkownika rośnie. W konsekwencji zmniejsza nam się bounce rate, a Google pozycjonuje nasze podstrony wyżej. Dzięki temu efektywność działań SEO oraz konwersja rosną. Dodatkowo breadcrumbs ułatwiają poruszanie się po stronie internetowej oraz, co ważne, nie spowolniają komputera ani przeglądarki użytkownika. Jest to szczególnie istotne w przypadku osób, które odwiedzają witrynę po raz pierwszy – pozytywne pierwsze wrażenie zachęca do powrotu.

Ogromną zaletą „okruszków” są niewielkie wymagania. Ponieważ jest to krótki tekst napisany zwykłą czcionką, zajmuje bardzo mało miejsca na stronie. Wprowadzenie tego rozwiązania wiąże się z niskimi kosztami i nie wymaga dużego nakładu czasu.

Pamiętajmy, aby przed wprowadzeniem nawigacji okruszkowej, upewnić się, że wszystkie elementy naszej witryny łączą się ze sobą logicznie.