Wśród technik optymalizacji strony pod kątem wyszukiwarek bardzo interesującą opcją jest stosowanie breadcrumbs, ponieważ zawsze dają użytkownikom dodatkowy sposób poruszania się po stronie internetowej lub w sklepie internetowym.
Wdrożenie breadcrumbs (ścieżki nawigacyjnej) na stronie to idealny sposób na poprawę użyteczności i doświadczenia użytkownika.
W projektowaniu stron i w SEO breadcrumbs to bardzo ważne narzędzie.
Czym są breadcrumbs w SEO?
Breadcrumbs, czyli ścieżka nawigacyjna (po angielsku dosłownie „okruszki chleba”), to element ułatwiający użytkownikom dotarcie do różnych części strony. Nazwa pochodzi z bajki o Jasiu i Małgosi i epizodu, w którym dzieci zostawiają okruszki chleba, by zapamiętać drogę powrotną do domu.
Na stronie internetowej breadcrumbs działają jak ślad, dzięki któremu użytkownik może cofnąć się o kilka kroków i łatwo wrócić do punktu wyjścia, co sprawia, że poruszanie się po stronie jest znacznie szybsze i prostsze.
Breadcrumbs pozwalają też użytkownikowi zorientować się, w którym miejscu strony się znajduje, wrócić do poprzednich kroków albo przejść bezpośrednio do innych powiązanych podstron.
Istnieje kilka rodzajów breadcrumbs:
- Hierarchiczne breadcrumbs. Są najczęściej stosowane i odzwierciedlają strukturę strony. To linki widoczne u góry sklepu internetowego, wskazujące drogę do bieżącej strony.
- Breadcrumbs oparte na historii. Ten rodzaj breadcrumbs jest ułożony według kolejności, w jakiej użytkownik wchodził na treści, dzięki czemu może wrócić do poprzednich kroków.
Przykład hierarchicznej struktury breadcrumbs wygląda następująco:
Strona główna / kategoria / podkategoria / produkt
Element pogrubiony to strona, na której znajduje się użytkownik. Po kliknięciu dowolnego z pozostałych elementów może przejść bezpośrednio do jego treści.
Dane strukturalne (znaczniki): co to jest?
Dane strukturalne polegają na oznaczeniu części treści strony, aby poinformować Google, że te dane są ważne i zawierają informacje przydatne dla użytkowników.
Rich snippets to rozszerzone wyniki wyszukiwania, które Google może wyświetlać na stronach wyników (SERP) i które powstają na podstawie analizy danych strukturalnych stron internetowych.
Jeśli Google wykorzysta breadcrumbs do wyświetlania w rozszerzonych wynikach, sklep internetowy lub strona może poprawić swoją widoczność. To, czy i w jaki sposób Google pokaże ścieżkę, zależy od samego Google i może się zmieniać.
Jak stworzyć breadcrumbs?
Wdrożenie breadcrumbs na stronie, blogu lub w sklepie internetowym nie jest skomplikowane dzięki specjalnym modułom i wtyczkom.
Poniżej pokażemy, jak stworzyć breadcrumbs w systemie zarządzania treścią WordPress oraz w narzędziu do tworzenia i prowadzenia sklepów internetowych PrestaShop.
Breadcrumbs w PrestaShop
PrestaShop ma własny, hierarchiczny system breadcrumbs, oparty na kategoriach produktów sklepu. Edytując kod CSS arkusza stylów breadcrumbs, można je dopasować do potrzeb i wyglądu sklepu internetowego.
Breadcrumbs PrestaShop można też zastąpić modułem takim jak Google Rich Snippets Breadcrumbs. Dzięki temu modułowi można wdrożyć breadcrumbs w sklepie PrestaShop z konfiguracją potrzebną do tego, by Google mógł wyświetlać je w wyróżniony sposób na stronach wyników.
Breadcrumbs są zgodne z Google dzięki HTML i danym strukturalnym Schema.org, więc prawidłowo wdrożone mogą pojawiać się jako rozszerzone wyniki w SERP Google.
Te i inne rich snippets są niezbędne w pracy nad SEO w PrestaShop.Wtyczka breadcrumbs dla WordPressa
Opcji dodania breadcrumbs w WordPressie jest wiele. Popularne wtyczki Yoast SEO i Rank Math oferują wśród swoich funkcji możliwość skonfigurowania systemu breadcrumbs dla strony WordPress, za pomocą shortcode’ów lub PHP.
Można też zainstalować i aktywować jedną z wielu wtyczek przeznaczonych do tworzenia breadcrumbs w WordPressie, na przykład:
- Breadcrumb NavXT. Dzięki tej wtyczce bardzo łatwo dodać ścieżkę nawigacyjną w WordPressie i ułatwić użytkownikom poruszanie się po stronie. Obsługuje wiele języków, jest zgodna ze Schema, co zwiększa szanse na wyświetlenie w rozszerzonych wynikach Google, a także pozwala wdrożyć prosty system breadcrumbs dla osób, które wolą nie przeciążać strony.
- WooCommerce Breadcrumbs. Ta wtyczka służy do wdrażania breadcrumbs w sklepie internetowym stworzonym w WooCommerce, czyli w systemie WordPressa do tworzenia e-commerce. Zmienia podstawowy system breadcrumbs dostępny domyślnie w WooCommerce, zapewniając większą elastyczność i możliwości personalizacji (na przykład edycję HTML i możliwość zmiany separatora między kategoriami).
Te breadcrumbs są bardzo ważne dla dobrej strategii SEO, ponieważ poprawiają użyteczność i doświadczenie użytkownika, co może korzystnie wpływać na pozycję strony w wynikach wyszukiwania.
Dzięki zgodności z danymi strukturalnymi Schema breadcrumbs to dobra okazja, by sklep internetowy lub strona pojawiły się w wyróżnionym miejscu na stronach wyników Google.
