Breadcrumbs, czyli inaczej „okruszki”, to ścieżka nawigacyjna strony internetowej, która umożliwia użytkownikowi łatwiejsze poruszanie się po stronie, poprawiając jego orientację na niej. Kwestią do rozstrzygnięcia jest to, czy są one pożyteczne dla użytkowników, aby lepiej odnaleźli się na naszych stronach? Otóż nie. Przejdźmy więc może do pytania…
Czym dokładnie są „okruszki”?
Okruszki Breadcrumbs rzeczywiście służą usprawnieniu nawigacji użytkownika po stronie internetowej oraz poprawie jej użyteczności. W szczególności przydaje się ona w dużych serwisach, które posiadają wysoki stopień zagnieżdżenia kategorii w strukturze strony internetowej. Pozwalają łatwo wrócić do wcześniej odwiedzonych przez nas zakładek, postawionych wyżej w hierarchii struktury strony.
Breadcrumbsy można więc nazwać pewnego rodzaju przewodnikiem użytkownika po stronie internetowej. Oprócz tego jednak pełnią też swoją rolę w pozycjonowaniu stron internetowych – SEO.
Gdzie możemy znaleźć Breadcrumbs, jak one wyglądają ?
Okruszki Breadcrumbs najczęściej znajdujemy w górnych partiach stron internetowych – umieszcza się je w taki sposób, aby użytkownik po przejściu na daną zakładkę mógł je zauważyć, a następnie do nich wrócić, gdyby chciał cofnąć się do strony nadrzędnej od tej, na której się znajduje.
Bardzo ważne jest to, aby okruszki breadcrumbs były widoczne dla użytkownika po przejściu przez niego na nową zakładkę. Da mu to informacje o możliwości powrotu do wcześniej odwiedzanych zakładek kategorii.
Wiemy już, po co są okruszki dla użytkowników. Dowiedziałeś się także, gdzie się znajdują, ale jak one wyglądają? Oto jeden z przykładów okruszków występujących na stronie internetowej:
Jako ścieżka nawigacji breadcrumbs muszą obejmować dokładną drogę, jaką trzeba przebyć przez stronę, aby dostać się do konkretnej zakładki bądź kategorii. Wszystko więc analogicznie zaczyna się od strony głównej serwisu. Można to sobie wyobrazić jako ścieżkę, która służy do zapisywania lokalizacji plików na komputerze. Pozwala ona dotrzeć do konkretnego folderu.
Dysponujesz zawsze stroną główną, Twoim pierwszym punktem, oraz miejscem docelowym, czyli ostatnim. Każdy z tych punktów widocznych na ścieżce breadcrumbs jest klikalnym linkiem, pozwalającym wrócić do wcześniejszej zakładki bądź kategorii. Jedynie miejsce docelowe nie jest oznaczone żadnym linkowaniem. Jego rolą jest oznaczanie i dawanie informacji, że jest to miejsce, w którym obecnie znajduje się użytkownik.
Każdy z „przystanków” na ścieżce nawigacji breadcrumbs oddzielony jest „separatorem”, czyli znacznikiem graficznym dającym znać, w jakiej kolejności można było dostać się do konkretnej zakładki/kategorii. Ich wygląd jest w zupełności zależny od oprawy graficznej strony i zależny od zamysłu jej projektanta. Powinien on jednak być zgodny z całym motywem strony internetowej oraz sugerować kolejność zagłębienia w coraz to dalsze kategorie i zakładki.
Jaki wpływ mają okruszki na pozycjonowanie stron internetowych ?
Po pierwsze okruszki pozwalają na łatwiejsze nawigowanie po stronie internetowej, co przekłada się na lepsze wrażenia użytkownika i wydłużenie czasu spędzonego na stronie. Jak wiadomo, Google wraz z każdą aktualizacją dąży do dostarczania coraz lepszych doświadczeń użytkownikom stron internetowych wyszukanych w jego wyszukiwarce, więc zwiększone zaangażowanie użytkownika wpływa na pozytywny sygnał dla algorytmów wyszukiwarek. Może to skutkować poprawą pozycji strony w wynikach wyszukiwania.
Oprócz regulowania czasu spędzonego na stronie, okruszki Breadcrumbs wprowadzają hierarchię informacji w witrynie. Ułatwia to robotom wyszukiwarki zrozumienie struktury i tematyki strony internetowej. Dzięki temu strony z okruszkami są atrakcyjniejsze dla robotów Google, a ich pozycjonowanie staje się skuteczniejsze.
Kolejnym bardzo ważnym aspektem okruszków Breadcrumbs jest linkowanie wewnętrzne – stosując ten rodzaj nawigacji strony internetowej możesz ulepszyć strukturę linków znajdujących się wewnątrz witryny, umieszczając w nich frazy kluczowe. W ten spsoób dodatkowo dasz znać robotom o tematyce konkretnych zakładek i znajdujących się na nich treściach.
Jeżeli nie wiesz, czym jest linkowanie wewnętrzne na witrynie, polecamy zapoznać się z naszym wpisem blogowym opisującym to zagadnienie.
Jakich błędów należy unikać stosując nawigację okruszkową – Breadcrumbs?
Jednym z najczęściej pojawiających się błędów związanymi z okruszkami Breadcrumbs jest stosowanie ich bez określonej hierarchii obowiązującej na danej stronie internetowej. Jak wspominałem wcześniej, Breadcrumbs powinny odzwierciedlać hierarchię strony internetowej, czyli to, jak jest ona zbudowana, a wręcz „posegregowana”.
Często można spotkać się z tym, że okruszki odzwierciedlają drogę użytkownika, jaką przebył po poszczególnych zakładkach. To mankament, mogący wprowadzić w błąd zarówno roboty indeksujące strony internetowe, jak i samych użytkowników.
Kolejnym często powtarzanym błędem na stronach internetowych jest dodawanie przycisku powrotu do poprzedniej zakładki, na której znajdował się użytkownik. Powoduje to problem związany z hierarchią strony internetowej, dając niepożądany sygnał z zakładek nie powiązanych ze sobą tematycznie. Mogłoby to przełożyć się na problemy ze zrozumieniem struktury internetowej przez roboty indeksujące Google.
Jak wykorzystywane są okruszki w danych strukturalnych witryny?
Jak wspominałem wcześniej, okruszki pomagają zrozumieć/opisać robotom Google w bardziej intuicyjny sposób hierarchię kategorii i podkategorii na stronie internetowej. Są jednymi z elementów strukturalnych, które mogą zostać wykorzystane w danych strukturalnych schema.org.
Schema.org jest językiem znaczników, który pozwala na precyzyjne opisywanie treści na stronach internetowych. Pozwala to robotom na wstępne określenie tego, co znajduje się na stronie internetowej i jej zakładkach. Nie będzie też musiał poddawać jej w całości analizie w celu połączenia powiązanych ze sobą elementów.
Kolejnym ciekawym aspektem wprowadzenia danych strukturalnych w postaci breadcrumbsjest możliwość urozmaicenia wyglądu naszego wyniku znajdującego się w SERP przeglądarki. Zamiast zwykłego adresu URL znajdującego się na liście wyników wyszukiwania, możesz urozmaicić jego wygląd ścieżką nawigacyjną breadcrumbs. W ten sposób równocześnie zapewnisz lepszy przekaz treści, które może znaleźć użytkownik na stronie internetowej. Pozwoli to też odróżnić nasze URL od pozostałych, nieposiadających wprowadzonych danych strukturalnych breadcrumbs.
Jak wdrożyć okruszki breadcrumbs na swoją stronę internetową?
Wprowadzenie własnej nawigacji okruszkowej na stronę internetową jest stosunkowo prostym działaniem. Jeżeli posiadasz prawidłowo ułożoną hierarchię kategorii na swojej stronie internetowej, wykonasz to przy użyciu wtyczek. Możesz je zainstalować/wgrać do swoich systemów zarządzania treścią CMS. W nich natomiast musisz odpowiednio kierować się instrukcjami i w ten sposób wybrać oraz utworzyć interesujące Cię okruszki breadcrumbs.
Najczęściej używaną do tego wtyczką w aplikacji WordPress jest YOAST. Właśnie one w prosty sposób pozwolą ci zaimplementować okruszki do Twojej strony internetowej. Oprócz tego coraz więcej motywów, na których często ludzie tworzą swoje strony internetowe, ma wbudowaną funkcję zaimplementowania nawigacji okruszkowej breadcrumbs w kilku prostych ruchach.
Wtyczki oraz opcje motywów nie są jedynymi sposobami dodawania okruszków do strony internetowej. Można również utworzyć własny kod, a następnie wdrożyć go do swojej strony internetowej. Jest to jednak zdecydowanie trudniejsze zadanie, które wymaga wiedzy z zakresuprogramowania i wdrażania funkcji na strony internetowe.
Jak sprawdzić, czy nawigacja breadcrumbs została poprawnie wdrożona?
Najlepiej do tego typu zadań sprawdzają się dwa narzędzia. Dadzą nam one informację, czy poprawnie wdrożyliśmy nasze dane strukturalne na witrynę. Są nimi:
https://search.google.com/test/rich-results?hl=pl;
https://validator.schema.org/.
Wchodząc bezpośrednio na te narzędzia i podając URL, który chcesz sprawdzić, dostaniesz informację zwrotną o poprawności ich wdrożenia:
Czy okruszki breadcrumbs są takie potrzebne?
Posiadanie okruszków nawigacyjnych breadcrumbs nie jest błędem, który sprawi, że nasza strona internetowa jest bezużyteczna. Ilość pozytywnych aspektów, jakie ze sobą niosą, oraz prostota ich wdrażania w tych czasach, zdecydowanie powinny zachęcić każdego twórcę stron internetowych do umieszczenia okruszków na swojej stronie internetowej. Tym bardziej, że ze względu na wymienione wcześniej cechy stały się one wręcz standardem na stronach internetowych.