Menu okruszkowe, okruszki, breadcrumbs – czym są? To pojęcia, które, mimo że kojarzą się z żywnością, oznaczają bardzo ważną dla SEO formę nawigacji na stronach internetowych. Dzięki okruszkom użytkownik może sprawniej i łatwiej poruszać się w obrębie witryny.
Sprawdź, dlaczego menu okruszkowe może wpływać na efekty pozycjonowania Twojej strony i jak prawidłowo wdrożyć breadcrumbs na WordPressie.
Czym jest menu okruszkowe? Wiedza w pigułce dla zabieganych
Nie masz czasu czytać całego artykułu? Żaden problem. Zapisz link do naszego artykułu na później, a teraz przeczytaj najważniejsze informacje o breadcrumbs.
- Breadcrumbs to menu okruszkowe (okruszki), pokazujące użytkownikowi jego aktualne położenie w strukturze strony.
- Okruszki ułatwiają użytkownikom poruszanie się po rozbudowanych serwisach i sklepach internetowych. Umożliwiają szybki powrót do kategorii nadrzędnych.
- Z punktu widzenia SEO breadcrumbs wspierają linkowanie wewnętrzne i pomagają robotom wyszukiwarek zrozumieć hierarchię witryny oraz relacje między podstronami.
- Wyróżnia się trzy główne rodzaje breadcrumbs: hierarchiczne, atrybutowe i historyczne.
- Najlepiej umieścić menu okruszkowe w górnej części strony, pod głównym menu i nad nagłówkiem H1, aby użytkownik od razu widział, w którym miejscu serwisu się znajduje.
- Na WordPressie breadcrumbs można wdrożyć m.in. za pomocą wtyczki Yoast SEO, funkcji motywu albo ręcznie w kodzie.
- Warto również dodać dane strukturalne BreadcrumbList, które pomagają wyszukiwarkom interpretować kolejne elementy ścieżki i mogą umożliwić wyświetlanie wyników rozszerzonych w wynikach wyszukiwania Google.
Breadcrumbs to niewielki element na stronie strony, który jest ważny dla SEO, UX i może realnie wpływać na doświadczenia użytkowników.
Co to są breadcrumbs? Definicja
Breadcrumbs, czyli menu okruszkowe, to rodzaj nawigacji występujący na stronach internetowych, pokazujący użytkownikowi aktualną lokalizację w strukturze serwisu.
Najczęściej przybiera formę ścieżki prowadzącej od strony głównej do podstrony, na której znajduje się użytkownik w danej chwili.
Na przykład: Home -> Baza wiedzy -> SEO.
Zazwyczaj okruszki SEO składają się z maksymalnie czterech poziomów kategorii. Natomiast bardziej szczegółowe dane na temat produktów użytkownicy mogą wyszukiwać za pomocą filtrów.
Dlaczego breadcrumbs są ważne dla SEO i użytkowników?
Breadcrumbs sprawiają, że poruszanie się po rozbudowanych witrynach staje się łatwiejsze, pomagają zrozumieć hierarchię treści i pozwalają szybko przejść do podstrony wyższego rzędu.
Okruszki są ułatwieniem dla wielu użytkowników, ale pytanie brzmi: dlaczego breadcrumbs są ważne dla SEO?
- Breadcrumbs pomagają robotom wyszukiwarek zrozumieć strukturę witryny i zależności między podstronami. Ułatwiają rozpoznanie, która strona jest kategorią nadrzędną, która podkategorią, a która znajduje się jeszcze niżej w strukturze serwisu.
- Menu okruszkowe wspiera linkowanie wewnętrzne w obrębie witryny, a nawet może ułatwić robotom wyszukiwarek indeksację.
Atutem okruszków jest również to, że jako anchor mają ustawione słowo kluczowe, np. „buty damskie”, pościel 160×210” czy „laptop gamingowy 17 cali”.
- Breadcrumbs zwiększają czytelność nawigacji, co jest szczególnie ważne w rozbudowanych sklepach, portalach i serwisach.
- Prawidłowe wdrożenie menu okruszkowego może obniżyć współczynnik odrzuceń tzw. bounce rate. Umożliwia użytkownikowi zorientowanie się, gdzie znajduje się na stronie i w razie potrzeby szybkie cofnięcie się do bardziej ogólnej kategorii, zamiast wyłączać stronę. Z perspektywy SEO to bardzo ważne, bo może realnie wydłużać wizytę na stronie, a tym samym potwierdzać pozytywne doświadczenia użytkownika.
Pozycjonowana strona internetowa powinna posiadać menu okruszkowe, bo to kolejny czynnik, który może zadecydować o wzroście widoczności w wynikach wyszukiwania.
Oczywiście to dopiero początek, nasi specjaliści chętnie zajmą się pozycjonowaniem Twojej strony i wyjaśnią Ci, jak wiele jeszcze innych czynników wpływa na widoczność witryny w Google i innych wyszukiwarkach.
Rodzaje breadcrumbs (menu okruszkowego)
Breadcrumbs można podzielić na 3 główne rodzaje – atrybutowe, historyczne i hierarchiczne.
Przyjrzyjmy się im bliżej.
- Breadcrumbs atrybutowe – bardzo często wykorzystywane w sklepach internetowych, ścieżka nawigacyjna jest utworzona na podstawie cech produktów, np. według marki, koloru, rozmiaru czy przedziału cenowego. Często są oparte także na filtrach.
Na przykład: Strona główna -> AGD -> Zmywarki i akcesoria -> Zmywarki 45 cm.
- Breadcrumbs historyczne – rzadziej stosowane, ponieważ pokazują wszystkie podstrony, które odwiedził użytkownik, zanim dotarł do tej konkretnej strony. Przypominają historię przeglądania lub ścieżkę przebytą na stronie, więc nie zawsze wyglądają logicznie.
Na przykład: Strona główna -> Kurtki męskie -> Kurtka zimowa Parka -> Pasek skórzany czarny.
- Breadcrumbs hierarchiczne (zwane też lokalizacyjnymi) – bardzo często stosowane w serwisach internetowych, ale też w sklepach internetowych. Ukazują uporządkowanie struktury witryny. Są logiczne i oparte na hierarchii „od ogółu do szczegółu”.
Na przykład: Home -> Wszystkie kategorie -> Włosy -> Pielęgnacja włosów -> Odżywki i maski do włosów -> Odżywki do włosów -> Produkt.
Nieoficjalnie możemy powiedzieć także o czwartym rodzaju breadcrumbs, który nazywa się „do przodu”. Coraz częściej strony zaczynają wdrażać okruszki, które przy ostatnim elemencie umożliwiają podgląd podstron niższego rzędu, czyli kolejnych stron, które mogą zainteresować użytkownika, powiązanych tematycznie.
Gdzie dodać breadcrumbs na swojej stronie?
Breadcrumbs najlepiej umieścić w górnej części podstrony, tuż pod głównym menu i nad nagłówkiem H1.
Dlatego menu okruszkowe najczęściej znajduje się z lewej strony, w górnej części strony. Takie miejsce zapewnia więcej korzyści niż ulokowanie breadcrumb na dole strony.
Użytkownik od razu widzi, w którym miejscu witryny się znajduje, i może szybko przejść do kategorii nadrzędnej.
Na jakich stronach warto dodać okruszki (breadcrumbs)?
- w dużych sklepach internetowych,
- na blogach,
- na portalach branżowych,
- w serwisach informacyjnych,
- na rozbudowanych stronach firm usługowych z dużą liczbą zakładek i zastosowaną hierarchiczną strukturą.
Jak dodać breadcrumbs do swojej strony na WordPressie?
Breadcrumbs na WordPressie można wdrożyć na kilka różnych sposobów – za pomocą funkcji dostępnej w motywie, wtyczki SEO lub ręcznie dodając kod do strony. Najprostszą metodą jest skorzystanie ze wtyczki Yoast SEO.
Sprawdźmy krok po kroku, jak dodać menu okruszkowe do strony w WordPressie za pomocą wtyczki Yoast SEO.
- Zainstaluj i aktywuj wtyczkę Yoast SEO.
- W panelu WordPressa przejdź do Yoast SEO, a następnie wybierz „Ustawienia”.
- Następnie przejdź do zakładki „Zaawansowane” i znajdź kategorię „Okruszki”.
- W ustawieniach okruszków zjedź na sam dół sekcji i przełącz suwak z napisem „Włącz okruszki dla swojego motywu”.
- Jeśli chcesz zmienić kolor lub rozmiar fontów, możesz dowolnie stylizować okruszki za pomocą CSS.
Jeśli motyw nie obsługuje breadcrumbs Yoast, konieczne będzie dodanie breadcrumbs za pomocą shortcode’u lub dodaniu fragmentu kodu do pliku z motywem.
- Yoast SEO umożliwia konfigurację wyglądu okruszków, m.in. separatora pomiędzy okruszkami oraz pogrubienia ostatniej strony. Możliwe staje się także ustalenie wyglądu kotwicy do strony głównej. Na przykład zamiast napisu „Strona główna” można dodać ikonkę ⌂.
- Ustal taksonomię dla breadcrumbs dopasowaną do rodzaju treści, np. wpisu blogowego lub podstrony usługowej, oraz formatu, kategorii i tagów.
Gdy dodasz już breadcrumb na swoją stronę na WordPressie, przejdź do kolejnego kroku, czyli dodania danych strukturalnych, aby zyskać możliwość wyświetlania okruszków w wynikach wyszukiwania Google.
Dobre praktyki podczas tworzenia nawigacji okruszkowej
- Jeśli Twoja strona jest jednopoziomowa, np. ma tylko zakładki typu Oferta, Kontakt, O nas, nie potrzebujesz breadcrumb. Dopiero nawigacja przynajmniej drugorzędowa sprawia, że być może opłaca Ci się dodanie do strony nawigacji okruszkowej.
- Okruszki nie mogą zastępować głównego menu nawigacyjnego.
- Ścieżka breadcrumbs powinna odzwierciedlać logiczne położenie podstrony w strukturze serwisu lub drogę użytkownika do tej strony, niezależnie od tego, w jaki sposób użytkownik na nią trafił.
- Ostatnim elementem nawigacji okruszkowej powinna być aktualna strona, na której znajduje się użytkownik. Nie ma potrzeby, żeby była ona zalinkowana.
- Najlepiej stosować spójne separatory w obrębie całej strony, np. → albo >.
- Okruszki powinny być widoczne i czytelne, ale ich zadaniem nie jest odwracanie uwagi od treści na stronie, dlatego częściej stosuj się w tym celu mniejszy rozmiar.
Jak dodać dane strukturalne do menu okruszkowego?
Aby wyszukiwarka mogła prawidłowo rozpoznać breadcrumbs i wyświetlać wyniki rozszerzone w Google, należy dodać dane strukturalne „BreadcrumbList”.
Dane strukturalne można dodać do menu okruszkowego na kilka sposobów, oto dwie najczęściej stosowane opcje:
- skorzystaj ze wtyczki Yoast SEO zainstalowanej na stronie WordPress (alternatywą mogą być inne wtyczki, np. All in One SEO, Rank Math czy Breadcrumb NavXT);
- dodaj ręcznie kod JSON-LD do strony.
Jak dodać dane strukturalne do breadcrumbs za pomocą wtyczki Yoast SEO na WordPressie?
- Zainstaluj wtyczkę Yoast SEO.
- Aktywuj wtyczkę.
- Przejdź do zakładki „Ustawienia” -> „Zaawansowane” -> „Okruszki” i „Włącz okruszki dla swojego motywu”. Wtyczka automatycznie wygeneruje dane strukturalne Schema (BreadcrumbList). Dzięki temu możliwe stanie się wyświetlanie wyników rozszerzonych w Google.
Jak ręcznie dodać dane strukturalne BreadcrumbList za pomocą kodu JSON-LD?
- Google zaleca stosowanie formatu JSON-LD i dodanie go do sekcji <head> w kodzie strony.
- W przypadku małej strony możesz ręcznie dostosować poniższy kod i wkleić go do kodu strony.
<html>
<head>
<title>Sneakersy Męskie – Sklep z Butami</title>
<script type=”application/ld+json”>
{
„@context”: „https://schema.org”,
„@type”: „BreadcrumbList”,
„itemListElement”: [{
„@type”: „ListItem”,
„position”: 1,
„name”: „Strona Główna”,
„item”: „https://przykladowysklepuzbutami.pl/”
},{
„@type”: „ListItem”,
„position”: 2,
„name”: „Obuwie Męskie”,
„item”: „https://przykladowysklepuzbutami.pl/buty-meskie”
},{
„@type”: „ListItem”,
„position”: 3,
„name”: „Sneakersy”,
„item”: „https://przykladowysklepuzbutami.pl/buty-meskie/sneakersy”
}]
}
</script>
</head>
<body>
</body>
</html>
Po dodaniu danych strukturalnych BeadcrumbList warto sprawdzić, czy cały proces przebiegł prawidłowo oraz, czy kod jest poprawny – warto zrobić Test wyników z elementami rozszerzonymi.
Więcej informacji o wdrażaniu i o tym, jak wykorzystać dane strukturalne do poprawy wyników SEO, znajdziesz w innym naszym artykule poradnikowym.
Przeczytaj także jakie dane strukturalne są najważniejsze dla GEO!
🚀Podsumowanie – Czym jest menu okruszkowe (breadcrumbs)?
Breadcrumbs, zwane też menu okruszkowym, pomagają użytkownikowi zrozumieć strukturę strony, ułatwiają przechodzenie między kategoriami i jednocześnie wspierają działania SEO.
Okruszki najczęściej dodawane są w rozbudowanych sklepach internetowych, dużych portalach, blogach i serwisach usługowych.
Breadcrumb powinno być logiczne, odpowiadać rzeczywistej hierarchii witryny i umożliwiać przechodzenie do nadrzędnych podstron. Możesz je dodać, wykorzystując wtyczkę Yoast SEO dostępną w WordPressie.
Warto również wdrożyć dane strukturalne BreadcrumbList do nawigacji okruszkowej. Dzięki temu roboty wyszukiwarki będą mogły łatwiej zrozumieć strukturę strony i wyświetlać wyniki rozszerzone w Google na komputerach.
FAQ
Co to jest nawigacja okruszkowa?
Nawigacja okruszkowa, czyli breadcrumbs, to ścieżka pokazująca położenie aktualnej podstrony w strukturze witryny.
Przykładowo może wyglądać tak: Strona główna → Buty → Buty damskie → Kozaki damskie → Produkt.
Jak dodać menu okruszkowe do sklepu na WooCommerce?
Zainstaluj i aktywuj wtyczkę „Breadcrumbs for WooCommerce”. Nie tylko dodasz breadcrumb, ale też możesz dostosować ich wygląd do szablonu.
Czy w małym serwisie trzeba dodać menu okruszkowe?
Nie zawsze jest to konieczne. Jeśli witryna składa się tylko z kilku podstron dostępnych bezpośrednio z głównego menu, to breadcrumbs nie jest potrzebne.
Najlepiej wtedy dodać okruszki dopiero wraz z rozwojem serwisu, szczególnie gdy występują kategorie i podkategorie.
Dlaczego warto dodać breadcrumbs na swoją stronę?
Breadcrumb pomagają użytkownikom zorientować się, gdzie się znajdują w witrynie, ale też umożliwiają szybkie przejście do nadrzędnej strony.
Menu okruszkowe pozytywnie wpływa na efekty SEO, tworzy dodatkowe linkowanie wewnętrzne oraz wskazują relacje między poszczególnymi podstronami. Ułatwia robotom wyszukiwarek przechodzenie do kolejnych podstron i ich indeksację.
Czy breadcrumb jest czynnikiem rankingowym?
Breadcrumbs wspierają SEO. Oczywiście samo dodanie breadcrumbs nie zapewnia od razu wysokich pozycji w Google, bo duże znaczenie ma to, czy prawidłowo zaprojektowano strukturę witryny oraz wiele innych czynników.
Czy Google pokazuje menu okruszkowe w wynikach wyszukiwania?
Tak, ale jedynie w wynikach wyszukiwania w Google na komputerach. Od stycznia 2025 roku Google nie wyświetla wyników rozszerzonych z breadcrumbs w mobilnych wynikach wyszukiwania.
Czy do breadcrumbs trzeba dodać dane strukturalne?
Nie jest to konieczne, ale dobrą praktyką jest stosowanie danych strukturalnych BreadcrumbList na swojej stronie lub w sklepie internetowym.
Google oficjalnie obsługuje ten typ danych strukturalnych, więc dzięki dodaniu ich można dać szansę swojej stronie na zwiększenie widoczności w Google, poprzez wyświetlanie dodatkowych wyników rozszerzonych.
Jaki rodzaj breadcrumbs jest najlepszy dla SEO?
Najlepiej sprawdzają się breadcrumbs hierarchiczne, które pokazują rzeczywiste położenie strony w strukturze witryny. Google zaleca, aby ścieżka odzwierciedlała typową drogę użytkownika prowadzącą do danej strony.
Źródła:
- https://yoast.com/help/yoast-seo-settings-breadcrumbs/
- https://developers.google.com/search/docs/appearance/structured-data/breadcrumb?hl=pl
- https://schema.org/breadcrumb
- https://ahrefs.com/seo/glossary/breadcrumb-navigation
- https://www.searchenginejournal.com/breadcrumbs-seo/255007/.
