Jesteś trzy poziomy w głąb strony. Chcesz wrócić do kategorii, z której przyszedłeś, a nie aż na stronę główną. Bez okruszków nawigacyjnych musisz wielokrotnie klikać „wstecz” albo zaczynać od góry. Okruszki rozwiązują to jednym kliknięciem.
Okruszki nawigacyjne (breadcrumbs) to dodatkowy element nawigacji, który pokazuje odwiedzającym ścieżkę od strony głównej do podstrony, na której teraz są. Zwykle pojawiają się blisko góry podstrony jako poziomy ciąg linków, na przykład Start, potem Kategoria, potem Podkategoria, potem Bieżąca podstrona. Każdy krok to link, który prowadzi odwiedzającego z powrotem do tego poziomu witryny.
Nazwa pochodzi z bajki o Jasiu i Małgosi, w której bohaterowie zostawiali w lesie ścieżkę z okruszków, by znaleźć drogę powrotną. Na stronie idea jest ta sama: widoczny ślad, który pokazuje, gdzie jesteś, i daje możliwość cofnięcia się po własnych krokach.
Jakie są rodzaje okruszków nawigacyjnych?
Są trzy rodzaje okruszków, a każdy pasuje do innej struktury strony.
Okruszki lokalizacyjne to najczęstszy rodzaj. Pokazują stałe miejsce odwiedzającego w hierarchii witryny, zależne od tego, jak jest zbudowana. Odwiedzający na stronie produktu w kategorii zobaczy coś takiego jak Start, potem Sklep, potem Nazwa kategorii, potem Nazwa produktu. Ścieżka jest taka sama dla każdego, kto trafi na tę podstronę, bo odzwierciedla strukturę witryny, a nie drogę odwiedzającego.
Okruszki ścieżkowe pokazują faktyczną trasę, jaką odwiedzający przeszedł do bieżącej podstrony. Zmieniają się w zależności od tego, jak ktoś tu trafił. Są rzadsze, bo mogą wprowadzać w błąd: dwaj odwiedzający na tej samej podstronie mogą zobaczyć różne okruszki, co podważa sens pokazywania struktury witryny. Większość stron używa więc okruszków lokalizacyjnych.
Okruszki atrybutowe są używane w sklepach internetowych, gdzie produkty mogą należeć do wielu kategorii lub być filtrowane według atrybutów, takich jak kolor, rozmiar czy marka. Zamiast jednej hierarchicznej ścieżki pokazują zastosowane filtry lub atrybuty. To wyspecjalizowany rodzaj używany głównie w katalogach produktów.
Kiedy strona potrzebuje okruszków nawigacyjnych?
Okruszki są najcenniejsze na stronach o głębokiej lub złożonej strukturze, gdzie odwiedzający mogą trafić kilka poziomów pod stroną główną i potrzebują sposobu, by się zorientować.
Znacząco korzystają na nich sklepy internetowe z kategoriami i podkategoriami produktów. Odwiedzający, który trafia na stronę produktu z wyników wyszukiwania, może chcieć przejrzeć podobne produkty z tej samej kategorii. Okruszki dają mu bezpośrednią drogę do poziomu kategorii bez zaczynania od strony głównej.
Korzystają też bazy wiedzy, serwisy z dokumentacją i strony bogate w treści z wieloma kategoriami tematycznymi. Odwiedzający czytający konkretny artykuł, który chce zobaczyć, co jeszcze jest w tym samym temacie, może wrócić okruszkiem do kategorii zamiast szukać od nowa.
Prosta firmowa strona z pięcioma podstronami i płaską strukturą nie potrzebuje okruszków. Jeśli nie ma sensownej hierarchii do przeglądania, ten element dodaje wizualny bałagan i do niczego nie służy. Artykuł czym jest struktura strony wyjaśnia hierarchię, którą odzwierciedlają okruszki. Artykuł czym jest nawigacja strony opisuje cały system nawigacji i miejsce okruszków w nim.
Jak okruszki wpływają na doświadczenie użytkownika?
Okruszki zmniejszają wysiłek potrzebny do poruszania się po stronie o wielu poziomach. Dają odwiedzającym trzy rzeczy naraz: potwierdzenie, gdzie teraz są, widoczną mapę struktury witryny i skrót do powrotu na dowolny poziom hierarchii.
Bez okruszków na głębokiej stronie odwiedzający, który chce przejrzeć kategorię, musi wielokrotnie klikać „wstecz”, przejść do menu głównego i zacząć od nowa albo użyć wyszukiwarki. Wszystkie trzy sposoby wymagają więcej wysiłku niż jedno kliknięcie okruszka. Zmniejszenie tego tarcia zatrzymuje odwiedzających dłużej i zwiększa szansę, że znajdą to, po co przyszli.
Okruszki zmniejszają też frustrację odwiedzających, którzy trafiają głęboko w witrynę z wyszukiwarki. Mogą w ogóle nie znać jej struktury. Okruszki dają im natychmiastowy kontekst: widzą na pierwszy rzut oka, że oglądają konkretny produkt w konkretnej kategorii na konkretnym rodzaju strony. Ta orientacja ma znaczenie dla zaufania i dalszego przeglądania.
Jak okruszki wpływają na SEO?
Okruszki wpływają na SEO na dwa różne sposoby: przez sygnały o strukturze witryny i przez sposób wyświetlania wyników w wyszukiwarce.
Gdy okruszki są poprawnie wdrożone ze znacznikami danych strukturalnych, wyszukiwarki mogą odczytać i zrozumieć hierarchię witryny na podstawie ścieżek okruszków. To pomaga w skanowaniu i w rozumieniu, jak podstrony się do siebie odnoszą. Podstrony wyraźnie umiejscowione w dobrze zdefiniowanej hierarchii są zwykle dokładniej rozumiane i indeksowane niż podstrony w płaskich lub niejednoznacznych strukturach.
Drugi efekt widać w wynikach wyszukiwania. Gdy okruszki mają dane strukturalne, wyszukiwarki mogą wyświetlać ścieżkę okruszków zamiast pełnego adresu URL pod tytułem podstrony. Wynik pokazujący Start, potem Kategoria, potem Produkt jest łatwiejszy do zrozumienia na pierwszy rzut oka niż długi adres URL z parametrami. Ta lepsza czytelność może zwiększyć współczynnik klikalności (CTR) w wynikach wyszukiwania.
Okruszki wspierają też linkowanie wewnętrzne. Każdy link okruszka to link wewnętrzny, który przekazuje autorytet w górę hierarchii, wzmacniając wagę stron kategorii i stron nadrzędnych. Na dużych stronach to realna korzyść strukturalna dla SEO. Artykuł czym jest SEO opisuje szerzej, jak linkowanie wewnętrzne i struktura witryny łączą się z wynikami w wyszukiwarce.
Czym są dane strukturalne okruszków?
Dane strukturalne to kod dodany do podstrony, który pomaga wyszukiwarkom zrozumieć konkretne elementy podstrony w ustandaryzowanym formacie. Dane strukturalne okruszków podają wyszukiwarkom nazwę i adres URL każdego kroku ścieżki, w formacie oficjalnie obsługiwanym przez wyszukiwarki.
Bez danych strukturalnych wyszukiwarka widzi tekst okruszków na podstronie, ale musi się domyślać, co oznacza. Z danymi strukturalnymi informacja jest jawna: to jest okruszek, to jest krok pierwszy o tej nazwie i tym adresie URL, to jest krok drugi i tak dalej. Wyszukiwarki używają tego do zbudowania wyświetlania okruszków w wynikach i do pewniejszego rozumienia hierarchii witryny.
Większość nowoczesnych kreatorów stron i systemów CMS generuje dane strukturalne okruszków automatycznie, gdy okruszki są włączone. Jeśli budujesz lub prowadzisz stronę ręcznie, dodanie tych znaczników jest warte wysiłku na każdej stronie z sensownie hierarchiczną treścią.
Jak WEMASY obsługuje okruszki nawigacyjne
Kreator stron WEMASY obsługuje okruszki nawigacyjne dla stron o hierarchicznej strukturze treści. Po włączeniu okruszki są generowane automatycznie na podstawie kategorii podstrony i jej miejsca w strukturze witryny, razem ze znacznikami danych strukturalnych, których wyszukiwarki używają do wyświetlania ich w wynikach.
Zobacz, co jest w zestawie, na stronie kreatora stron WEMASY albo sprawdź plany na stronie z cennikiem.
Najczęściej zadawane pytania
Czy okruszki zastępują menu główne?
Nie. Okruszki i nawigacja główna służą różnym celom. Nawigacja główna pozwala odwiedzającym przeskoczyć do dowolnego działu witryny z dowolnej podstrony. Okruszki pokazują, gdzie bieżąca podstrona leży w hierarchii, i pozwalają wrócić w górę tej konkretnej ścieżki. Na dobrze zaprojektowanej stronie istnieją oba elementy i działają razem. Okruszki to dodatkowa warstwa nawigacji, a nie zamiennik menu głównego. W kreatorze stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.
Gdzie na podstronie powinny pojawiać się okruszki?
Okruszki zwykle pojawiają się blisko góry podstrony, pod głównym paskiem nawigacji i nad nagłówkiem podstrony. To miejsce, w którym odwiedzający oczekują wskazówek orientacyjnych, i jeszcze przed początkiem głównej treści. Powinny być wizualnie wyraźne, ale nie dominujące: na tyle małe, by nie przeszkadzać głównej treści, i na tyle duże, by wygodnie je czytać i dotykać na telefonie.
Czy okruszki powinny zawierać bieżącą podstronę?
To zależy od przyjętej konwencji. Niektóre wdrożenia okruszków zawierają bieżącą podstronę jako ostatnią pozycję ścieżki, pokazaną jako zwykły tekst, a nie link. Inne kończą ścieżkę na poziomie nadrzędnym, bo link do podstrony, na której już jesteś, do niczego nie służy. Oba podejścia są częste i dopuszczalne. Ważniejsze pytanie brzmi, czy ścieżka wyraźnie pokazuje drogę od strony głównej do miejsca, w którym odwiedzający jest teraz.
Czy okruszki pomagają na telefonie?
Tak, ale trzeba je wdrożyć ostrożnie. Na małym ekranie długa ścieżka okruszków może zawinąć się na kilka wierszy lub wyjść poza kontener. Typowe rozwiązania to skracanie kroków pośrednich wielokropkiem, zwijanie wszystkiego poza bezpośrednim poziomem nadrzędnym albo pokazywanie na telefonie tylko linku o jeden poziom wyżej. Celem jest zachowanie korzyści z orientacji bez tego, by ścieżka dominowała na ekranie. Okruszki, które słabo działają na telefonie, są gorsze niż brak okruszków.
Czy okruszki są czynnikiem rankingowym?
Nie bezpośrednio. Wyszukiwarki nie dają wyższych pozycji tylko dlatego, że podstrona ma okruszki. Korzyść dla SEO jest pośrednia: okruszki z danymi strukturalnymi pomagają wyszukiwarkom dokładniej zrozumieć strukturę witryny, linki okruszków wzmacniają autorytet linkowania wewnętrznego, a wyświetlanie okruszków w wynikach wyszukiwania może poprawić współczynnik klikalności. To realne korzyści, które warto mieć, ale działają przez poprawę struktury i użyteczności, a nie jako bezpośredni sygnał rankingowy.