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:
- 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ć:
- ułatwienie w poruszaniu się na stronie (poprawienie nawigacji)
- skraca czas przejścia do innych produktów / artykułów umieszczonych w tej samej kategorii w witrynie
- pomoc wyszukiwarką internetowym w lepszym zrozumieniu struktury strony
Warto przeczytać:
W branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.
Dodaj komentarz