Jak działają breadcrumbs?
Breadcrumbs, nazywane również okruszkami nawigacyjnymi, przedstawiają ścieżkę prowadzącą do aktualnie przeglądanej podstrony. Nazwa nawiązuje do pozostawianych okruszków chleba, które pomagają odnaleźć drogę powrotną.
Typowa nawigacja okruszkowa w sklepie internetowym może wyglądać następująco:
Strona główna > Obuwie > Buty sportowe > Buty do biegania
Poszczególne elementy ścieżki zazwyczaj stanowią linki do nadrzędnych sekcji serwisu. Ostatni element wskazuje aktualną stronę i nie musi być odnośnikiem.
Breadcrumbs nie zastępują menu głównego. Są dodatkowym mechanizmem nawigacji, szczególnie przydatnym w rozbudowanych witrynach, w których użytkownik może dotrzeć bezpośrednio do głęboko zagnieżdżonej podstrony.
Rodzaje nawigacji breadcrumbs
Breadcrumbs oparte na hierarchii
Pokazują pozycję strony w strukturze serwisu, np. dział, kategorię, podkategorię i produkt. Są często stosowane w sklepach internetowych, portalach i serwisach z rozbudowaną architekturą informacji.
Breadcrumbs oparte na historii nawigacji
Odzwierciedlają drogę, którą użytkownik faktycznie przebył w trakcie wizyty. Ich zawartość może się różnić zależnie od poprzednio odwiedzonych stron. Są mniej przewidywalne niż ścieżki hierarchiczne i nie powinny być utożsamiane ze stałą strukturą witryny.
Breadcrumbs oparte na atrybutach
Mogą przedstawiać kolejne wybory lub właściwości produktu, np. kategorię, markę albo inne parametry. Wymagają ostrożnego projektowania, ponieważ użytkownik może pomylić je z aktywnymi filtrami, a ich kolejność nie zawsze odpowiada hierarchii serwisu.
Jakie znaczenie mają breadcrumbs dla SEO?
Nawigacja okruszkowa tworzy dodatkowe linki wewnętrzne do nadrzędnych podstron. Może dzięki temu ułatwiać użytkownikom oraz robotom wyszukiwarek odkrywanie powiązanych sekcji witryny.
Breadcrumbs pomagają również wyraźniej przedstawić relacje między stronami. Ich zastosowanie nie oznacza jednak automatycznego wzrostu pozycji w Google.
Istotne jest, aby ścieżka była logiczna, a linki prowadziły do rzeczywistych, dostępnych podstron. Nie trzeba odtwarzać w niej każdego segmentu adresu URL. Ważniejsze jest przedstawienie zrozumiałej dla użytkownika hierarchii.
Breadcrumbs a dane strukturalne BreadcrumbList
Wyszukiwarki mogą otrzymywać dodatkowe informacje o ścieżce nawigacyjnej za pomocą danych strukturalnych Schema.org typu BreadcrumbList.
Google obsługuje uporządkowaną listę elementów typu ListItem. W dokumentacji wskazuje m.in. właściwości position, name i item, które opisują kolejność, nazwę i adres poszczególnych poziomów ścieżki. Ostatni element nie musi zawierać właściwości item, jeśli odnosi się do bieżącej strony.
Implementację można przygotować w obsługiwanym formacie danych strukturalnych, np. JSON-LD. Nie zastępuje ona jednak widocznej nawigacji przeznaczonej dla użytkowników.
Poprawne dane strukturalne nie gwarantują określonego sposobu prezentacji strony w wynikach wyszukiwania. Ich poprawność można sprawdzić za pomocą testu wyników z elementami rozszerzonymi Google i odpowiednich raportów Search Console.
Czy Google wyświetla breadcrumbs w wynikach wyszukiwania?
23 stycznia 2025 roku Google rozpoczęło wycofywanie prezentacji breadcrumbs z mobilnych wyników wyszukiwania. Na urządzeniach mobilnych widoczna część adresu została uproszczona do domeny.
Breadcrumbs nadal mogą pojawiać się w wynikach wyszukiwania na komputerach. Google w dalszym ciągu obsługuje dane strukturalne BreadcrumbList, dlatego zmiana mobilnego wyglądu wyników nie oznacza konieczności usuwania ich ze strony.
Jak poprawnie wdrożyć breadcrumbs na stronie?
Nawigacja okruszkowa powinna odzwierciedlać logiczną strukturę treści i pozostawać spójna na podobnych typach podstron.
Przy wdrożeniu warto przestrzegać kilku zasad:
- umieszczać nawigację w przewidywalnym miejscu, najczęściej nad główną treścią;
- stosować zrozumiałe nazwy kategorii i podstron;
- używać standardowych linków HTML prowadzących do właściwych adresów;
- zachowywać czytelność na urządzeniach mobilnych;
- oznaczać nawigację w sposób dostępny dla technologii wspomagających, np. za pomocą elementu nav z odpowiednią etykietą;
- dbać o zgodność danych strukturalnych z rzeczywistą hierarchią serwisu.
W sklepach internetowych szczególną uwagę należy zwrócić na produkty przypisane do wielu kategorii. Jeśli istnieje kilka możliwych ścieżek, warto przyjąć spójną zasadę ich prezentacji. Google dopuszcza opisanie więcej niż jednej ścieżki breadcrumbs w danych strukturalnych, gdy jest to uzasadnione strukturą serwisu.
Najczęstsze błędy w nawigacji okruszkowej
Do problemów należą nieaktualne adresy, pomijanie istotnych poziomów hierarchii, zbyt długie nazwy oraz kierowanie kilku elementów ścieżki do tej samej podstrony bez uzasadnienia.
Błędem jest także traktowanie breadcrumbs wyłącznie jako elementu SEO, bez uwzględnienia ich użyteczności. Nawigacja powinna przede wszystkim pomagać użytkownikowi zrozumieć, gdzie się znajduje i jak może przejść do szerszej kategorii treści.