Czym są Breadcrumbs? Czyli jak nawigować na stronie!

Jak zapewne już zauważyłeś w Internecie stosowanych jest dużo określeń, których nazwa odwołuje się do codziennego życia (np. do kuchni). Do najpopularniejszych z nich zaliczamy np. Cookies (ciasteczka), hamburger menu.

Kolejnym analogicznym przykładem takiego nazewnictwa są Breadcrumbs czyli dosłownie tłumacząc na język Polski okruszki chleba.

Czym są Breadcrumbs na stronie internetowej?

Breadcrumbs to element witryny internetowej umożliwiający poruszanie się w obrębie witryny. Jednak poruszanie to różnie się dość istotnie od tego co znamy z menu (paska nawigacyjnego). Breadcrumbs umożliwiają nam bowiem przejście jedynie do elementów nadrzędnych strony na, której aktualnie się znajdujemy. Czyli poruszamy się w obrębie drzewa danego elementu.

Oznacza to, że nasze możliwości poruszania się na stronie są dość ograniczone. Często jednak to wystarczy by dotrzeć do niezbędnych informacji. W tym przypadku powinno być jednak wystarczające bo Breadcrumbs jest dodatkiem a nie zamiennikiem do menu. Breadcrumbs ma nam uświadamiać gdzie obecnie jesteśmy na stronie (blogu, w sklepie) – w jakiej kategorii, podkategorii.

Gdzie stosuje się Breadcrumbs na stronie?

Breadcrumbs stosuje się głównie w witrynach takich jak:

• blog – we wpisach, co ułatwia dojście do kategorii wpisu,
• w sklep internetowy – przy produktach, pokazuje lokalizację produktu w kategorii,
• aktualności – segreguje na osi czasu.

Pozwala nam on się odnaleźć w gąszczu kategorii stanowiąc swoisty drogowskaz. Bardzo uproszczoną nawigację witryny z poziomu wpisu, artykułu, produktu czy konkretnej aktualności.

Struktura Breadcrumbs

Poniżej umieściłam przykładowy Breadcrumbs:

Strona Główna >> kategoria >> pod kategoria >> artykuł

Jak widać Breadcrumbs składa się z

• odnośnika do strony głównej
• separatora (w tym przypadku „>>”)
• odnośników / linków do nadrzędnych kategorii wskazujących na lokalizację artykułu w strukturze witryny
• nie podlinkowanej nazwy artykułu / produktu na którym aktualnie się znajdujemy

Pamiętajcie – artykuł, produkt, post, strona nie powinna sama do siebie likować.

Zalety używania Breadcrumbs

Wśród zalet warto tego elementu warto jest wymienić:

• poprawienie nawigacji – ułatwienie w poruszaniu się na stronie, skraca czas przejścia do innych produktów / artykułów umieszczonych w tej samej kategorii w witrynie
• poprawa SEO – pomaga robotą wyszukiwarek internetowym w lepszym zrozumieniu struktury strony

Warto przeczytać:

• https://kompan.pl/co-to-jest/breadcrumbs/
• https://semcore.pl/slownik/breadcrumbs/