Breadcrumbs – co to jest i jak je wykorzystać w pozycjonowaniu

Breadcrumb to forma nawigacji na stronie internetowej. Linki tekstowe w ścieżce breadcrumb informują użytkowników, gdzie znajdują się na stronie internetowej i jak się tam dostali.

Zwykle pojawiają się wysoko na stronie.

Przykład breadcrumps:

Nawigacja w trybie Breadcrumb jest ważnym elementem witryny z dwóch głównych powodów:

• Wpływa na wrażenia użytkownika. Ułatwia korzystanie z witryny i nawigację
• Breadcrumbs jest czynnikiem rankingowym google, więc Google nagradza witryny, które traktują priorytetowo wygodę użytkownika

Nawigacja wykorzystująca ten mechanizm pozwala Google lepiej zrozumieć architekturę serwisu, co z kolei wpływa pozytywnie na indeksowanie strony przez Google Bot’a.

Kiedy stosować breadcrumbs?

Breadcrumbs poprawia nawigację w Twojej witrynie tylko wtedy, gdy masz głęboką architekturę witryny i więcej niż kilka podstron. Oznacza to, że wiele kategorii dzieli się na podkategorie. A następnie podkategorie wskazujące na poszczególne strony w Twojej witrynie.

Witryny e-commerce lub serwisy poradnikowe są doskonałym przykładem, kiedy nawigacja breadcrumb zdaje egzamin.

Jeśli jesteś właścicielem małej strony z lokalnymi usługami, breadcrumbs na pewno nie zaszkodzą (przyzwyczajeni do takiej nawigacji użytkownicy nadal mogą jej szukać na Twojej stronie), ale raczej pod kątem pozycjonowania raczej nie za wiele pomoże.

Rodzaje breadcrumbs

Istnieją różne rodzaje breadcrumbs. Poniżej opisuje trzy najbardziej popularne. Szukając dalej znajdziesz jeszcze różne mixy i odmiany tych trzech rodzajów nawigacji. Osobiście jestem fanem trzeciego z nich.

Oparte na hierarchii

Okruszki nawigacyjne oparte na lokalizacji są reprezentacją struktury witryny. Pomagają odwiedzającym zrozumieć i poruszać się po hierarchii Twojej witryny, która ma wiele poziomów (zwykle więcej niż dwa poziomy). Ten rodzaj nawigacji jest bardzo pomocny dla odwiedzających, którzy wchodzą na stronę na głębszym poziomie z zewnętrznego źródła (np. wyników wyszukiwania), dzięki czemu od razu wiedzą gdzie się znajdują.

Zalety:

• Łatwe do wdrożenia.
• Użytkownik może łatwo określić aktualną pozycję w hierarchii witryn

Wady:

• Ścieżka nawigacyjna może stać się niespójna, w zależności od struktury witryny

Wymagania:

• Wymaga uporządkowania struktury informacji w logiczny sposób

Oparte na atrybutach

Breadcrumb oparty na atrybutach wyświetla kategorie do konkretnej strony wraz z wybranymi przez użytkownika atrybutami, które w łatwy sposób można wyłączyć.

Zalety:

• Może oferować lepszą użyteczność niż breadcrumbs oparte na lokalizacji

Wady:

• Może to skutkować bardzo długim tekstem po uwzględnieniu wielu atrybutów i tracić na czytelności
• Może to spowodować inną kolejność ścieżki

Wymagania:

• Wymaga zdefiniowania domyślnych kategorii dla poszczególnych atrybutów

Nie przemyślana strategia budowy breadcrumb oparta na atrybutach będzie prowadzić do indeksowania sztucznie powstałych podstron, które będą stanowiły małą wartość dla użytkowników Google z powodu słabej jakości, powtarzalnych treści (thin content).

Oparte na historii odwiedzanych stron

Mniej powszechnym sposobem w budowie breadcrumb jest tworzenie ich w oparciu o ścieżkę jaką przebył użytkownik. W prostych okruszkach nawigacyjnych opartych na ścieżce nawigacja jest śladem historii i pokazuje ścieżkę, którą użytkownik pokonał przez witrynę.

Zazwyczaj w tego typu nawigacji występuje button pozwalający powrócić do poprzedniej strony, a pozostała część jest klasyczną ścieżką.

Jakie są zalety używania nawigacji breadcrumbs?

Jest wiele zalet korzystania z tego elementu nawigacyjnego.

1. Ułatwia nawigację: Breadcrumbs pomagają użytkownikom łatwiej nawigować po stronie internetowej, ponieważ wyświetlają pełną ścieżkę od strony głównej do aktualnej strony.
2. Poprawia wrażenia użytkownika: Breadcrumbs umożliwiają użytkownikom szybsze i łatwiejsze przemieszczanie się po stronie internetowej, co może zwiększyć ich zadowolenie z wizyty na stronie.
3. Zwiększa efektywność: Breadcrumbs pozwalają użytkownikom szybciej dotrzeć do interesującej ich treści na stronie, co może zwiększyć ich zaangażowanie i skuteczność w przetwarzaniu informacji.
4. Poprawia SEO: Breadcrumbs są także przydatne dla wyszukiwarek internetowych, ponieważ dostarczają informacji o strukturze strony internetowej i pomagają w indeksowaniu zawartości.

Dobre praktyki przy projektowaniu Breadcrumbs

Używaj prostych i zrozumiałych nazw: Nazwy kategorii w breadcrumbs powinny być proste i łatwe do zrozumienia dla użytkowników. Nie powinny być zbyt długie ani skomplikowane.

Wykorzystaj hierarchię stron: Breadcrumbs powinny odzwierciedlać hierarchię stron na Twojej stronie internetowej. Najważniejsze kategorie powinny znajdować się najwyżej w hierarchii, a podkategorie powinny być umieszczone poniżej.

Stosuj odstępy między elementami: Breadcrumbs powinny być czytelne i łatwe do odczytania. Stosuj odstępy między elementami i zwiększaj ich rozmiar, aby ułatwić użytkownikom nawigację. Pamiętaj, żeby łatwo było kliknąć w poszczególne elementy na każdym rodzaju urządzenia.

Umieść breadcrumbs na górze strony: Breadcrumbs powinny być umieszczone na górze strony, tuż pod nagłówkiem. To ułatwia użytkownikom ich zauważenie i użycie.

Wykorzystaj linki: Każdy element w breadcrumbs powinien być łączem, które prowadzi do poprzedniej strony w strukturze.

Użyj odpowiedniego symbolu rozdzielającego: Użyj odpowiedniego symbolu, np. strzałki lub ukośnika, aby oddzielić poszczególne elementy w breadcrumbs. Symbol powinien być spójny z resztą projektu strony internetowej.

Nie linkuj do podstrony na której jest użytkownik: ostatni element w breadcrumbs to aktualna strona. Nie umieszczaj tutaj odnośnika i wizualnie odróżnić od reszty breadcrumbs.