Panel klienta
SEO

Breadcrumbs w sklepie: jak zbudować poprawną ścieżkę techniczną

Breadcrumbs sklep SEO to nie tylko dodatkowy element interfejsu. Dobrze zaprojektowana ścieżka pokazuje użytkownikowi, gdzie znajduje się produkt, a jednocześnie porządkuje relacje między stronami sklepu i może wspierać ich zrozumienie przez wyszukiwarkę.

Administracja RankWeb.pl 17 min czytania
Breadcrumbs w sklepie: jak zbudować poprawną ścieżkę techniczną

Sklep internetowy może mieć tysiące produktów, wiele kategorii, podkategorii i filtrów. Jeśli ścieżka okruszków jest generowana przypadkowo, użytkownik może dostać informację, która nie odpowiada faktycznej strukturze serwisu. Dlatego breadcrumbs sklep SEO trzeba projektować od struktury kategorii, a dopiero później przekładać ją na element widoczny na stronie i dane strukturalne.

Dobrze zbudowana ścieżka powinna odpowiadać na proste pytanie: gdzie jestem i do jakiego miejsca w strukturze sklepu mogę wrócić? Nie powinna być kopią adresu URL ani listą przypadkowych kategorii, do których produkt został przypisany.

Najpierw ustal hierarchię sklepu, dopiero potem sposób wyświetlania breadcrumbs. Jeżeli sprzedajesz elektronikę, przykładowa struktura może wyglądać tak: Strona główna > Elektronika > Słuchawki > Słuchawki bezprzewodowe > konkretny produkt.

Nie oznacza to jednak, że każdy produkt musi mieć dokładnie taką samą liczbę poziomów. Jeśli dana kategoria nie ma rzeczywistego znaczenia w nawigacji, nie dodawaj jej tylko dlatego, że system sklepu pozwala utworzyć kolejny poziom.

Przy projektowaniu ścieżki sprawdź przede wszystkim:

  • jakie kategorie są nadrzędne,
  • które podkategorie faktycznie zawierają dane produkty,
  • czy każda kategoria w ścieżce jest dostępna jako osobna strona,
  • czy kolejność odpowiada sposobowi poruszania się po sklepie,
  • czy nazwy breadcrumbs odpowiadają nazwom stron kategorii,
  • czy produkt ma jedną główną ścieżkę, czy system dopuszcza kilka równoległych ścieżek.

Google opisuje strukturę sklepu przede wszystkim przez relacje wynikające z linkowania między stronami. Menu, kategorie, podkategorie i linki do produktów tworzą więc szerszy system niż same adresy URL.

To ma praktyczne znaczenie. Jeżeli produkt jest przypisany jednocześnie do kategorii „Laptopy”, „Promocje” i „Sprzęt do pracy”, nie oznacza to automatycznie, że wszystkie trzy powinny pojawić się w jednej ścieżce breadcrumbs. Promocja może być filtrem lub kolekcją marketingową, a nie częścią hierarchii katalogu.

W takim przypadku lepiej ustalić podstawową ścieżkę katalogową, na przykład „Elektronika > Komputery > Laptopy > Produkt”, a strony promocyjne obsłużyć osobnym linkowaniem.

Jeżeli przy projektowaniu architektury sklepu potrzebujesz sprawdzić więcej zależności między kategoriami, produktami, indeksowaniem i linkami, pomocny będzie audyt techniczny sklepu internetowego, ponieważ breadcrumbs są tylko jednym z elementów całej struktury.

Jak zaprojektować poprawną ścieżkę breadcrumbs

Okruszki nawigacyjne powinny przedstawiać logiczną drogę od poziomu nadrzędnego do aktualnej strony. W sklepie produktowym najczęściej oznacza to rozpoczęcie od strony głównej, następnie przejście przez kolejne poziomy kategorii i zakończenie na stronie produktu.

Przykład:

Strona główna > Odzież > Buty > Buty sportowe > Model X

Każdy wcześniejszy element powinien prowadzić do odpowiadającej mu strony. Ostatni element może wskazywać aktualną stronę jako bieżący poziom, ale nie powinien zachowywać się jak niepotrzebny link prowadzący do tej samej strony.

Problem pojawia się wtedy, gdy produkt jest dostępny z wielu kategorii. Załóżmy, że aparat fotograficzny znajduje się w „Aparaty”, „Promocje” oraz „Sprzęt dla początkujących”. Użytkownik może wejść na produkt z każdej z tych stron, ale nie oznacza to, że breadcrumbs powinny zmieniać się losowo zależnie od wcześniejszego kliknięcia.

Najlepiej zdefiniować regułę wyboru ścieżki. Może nią być główna kategoria produktu ustalona w CMS, kategoria przypisana jako primary category albo pierwsza kategoria z określonego zestawu. Istotne jest, aby reguła była stała i możliwa do sprawdzenia.

Nie buduj breadcrumbs na podstawie przypadkowej kolejności kategorii zapisanej w bazie danych. Jeśli kolejność przypisań zmieni się po imporcie produktów, może zmienić się również ścieżka na stronie. W dużym sklepie prowadzi to do trudnych do wykrycia niespójności.

Dobrą praktyką jest także oddzielenie kategorii katalogowych od elementów, które służą wyłącznie do filtrowania. Kolor, rozmiar, producent czy zakres cen nie powinny automatycznie stawać się kolejnymi poziomami breadcrumbs.

Kiedy breadcrumbs stają się mylące

Myląca ścieżka zwykle powstaje wtedy, gdy system próbuje pokazać wszystkie możliwe zależności produktu. Produkt może należeć do kilku kategorii, ale użytkownik nie potrzebuje całego grafu powiązań. Potrzebuje jednej zrozumiałej drogi powrotu.

Niepoprawny schemat może wyglądać tak:

Strona główna > Promocje > Czarny > Nike > Męskie > Buty > Produkt

Jeśli „Czarny” jest filtrem, „Nike” producentem, a „Promocje” stroną kampanii, taka ścieżka miesza różne typy stron. Nie pokazuje hierarchii katalogu, tylko przypadkowy zestaw parametrów.

Lepszy model to:

Strona główna > Obuwie > Buty męskie > Buty sportowe > Produkt

A informacje o kolorze, producencie czy promocji pozostają osobnymi elementami strony.

Jeżeli w sklepie masz rozbudowaną architekturę kategorii, przydatne może być wcześniejsze uporządkowanie struktury i wskazanie stron nadrzędnych. W praktyce pomaga w tym analiza techniczna przed kampanią SEO, szczególnie gdy breadcrumbs są generowane automatycznie przez platformę.

Kamienne stopnie w parku

Okruszki nawigacyjne a linkowanie wewnętrzne

Breadcrumbs są widocznym mechanizmem nawigacji, ale jednocześnie tworzą dodatkowe połączenia między stronami. Na stronie produktu link do kategorii nadrzędnej prowadzi użytkownika z powrotem do szerszego zbioru produktów.

Jeżeli sklep ma strukturę „Dom > Kuchnia > Garnki > Garnki stalowe”, produkt może mieć ścieżkę:

Dom > Kuchnia > Garnki > Garnki stalowe > Garnek stalowy 24 cm

W efekcie strona produktu zawiera bezpośrednie linki do kolejnych poziomów katalogu. To nie zastępuje menu ani linków kontekstowych, ale uzupełnia nawigację.

Google wskazuje, że linki pomagają zarówno w odkrywaniu stron, jak i w rozumieniu ich znaczenia. W przypadku linków wewnętrznych znaczenie ma również tekst linku, dlatego nazwy kategorii użyte w breadcrumbs powinny być czytelne i zgodne z rzeczywistym przeznaczeniem strony.

Sprawdź więc nie tylko to, czy breadcrumbs są widoczne. Otwórz kod HTML strony i upewnij się, że elementy ścieżki są prawdziwymi linkami z atrybutem href, a nie elementami obsługiwanymi wyłącznie przez JavaScript.

Warto też przejść przez kilka produktów z różnych kategorii. Jeśli jeden produkt prowadzi do kategorii „Telewizory”, drugi do „RTV”, a trzeci do „Promocje”, sprawdź, czy wynika to z zaplanowanej reguły, czy tylko z kolejności przypisania kategorii w systemie.

Jak sprawdzić breadcrumbs w praktyce

Najprostszy test możesz wykonać bez specjalistycznych narzędzi. Wejdź na produkt i kliknij każdy wcześniejszy element ścieżki. Następnie odpowiedz sobie na pytanie, czy po każdym kliknięciu trafiasz poziom wyżej w katalogu.

Potem sprawdź kilka innych produktów:

  • produkt z kategorii głównej,
  • produkt z głębokiej podkategorii,
  • produkt przypisany do kilku kategorii,
  • produkt objęty filtrem lub kolekcją,
  • produkt pochodzący z importu.

Jeżeli ścieżka dla tych przypadków jest zgodna z przyjętą hierarchią, mechanizm prawdopodobnie działa zgodnie z założeniami. Jeśli breadcrumbs zmieniają się zależnie od miejsca wejścia na produkt, trzeba sprawdzić sposób generowania kategorii nadrzędnej.

Czy breadcrumbs pomagają SEO

Pytanie „czy breadcrumbs pomagają SEO” trzeba rozdzielić na kilka kwestii. Sama obecność wizualnych okruszków nie jest gwarancją lepszych pozycji. Ich zastosowanie ma sens wtedy, gdy porządkują nawigację, tworzą logiczne linki wewnętrzne i opisują położenie strony w strukturze serwisu.

Google wskazuje, że breadcrumbs mogą pomagać użytkownikom rozumieć i eksplorować hierarchię witryny. Dane strukturalne BreadcrumbList mogą również pomóc wyszukiwarce zrozumieć tę hierarchię i wykorzystać ją przy prezentacji wyników.

Nie należy jednak traktować breadcrumbs jako sposobu na przekazanie wyszukiwarce sztucznie stworzonej hierarchii. Jeśli sklep ma błędną architekturę kategorii, samo dodanie BreadcrumbList nie naprawi problemu.

Dlatego przed wdrożeniem sprawdź trzy warstwy:

  1. Strukturę kategorii w panelu sklepu.
  2. Linki widoczne na stronie i ich docelowe adresy.
  3. Dane strukturalne opisujące tę samą ścieżkę.

Jeżeli wszystkie trzy warstwy pokazują tę samą relację, wdrożenie jest spójne. Jeśli każda pokazuje coś innego, trzeba poprawić źródło danych, a nie tylko fragment kodu JSON-LD.

Drogowskaz z kilkoma tabliczkami

Do oznaczenia danych strukturalnych możesz użyć typu BreadcrumbList. Schema.org definiuje go jako listę stron tworzących łańcuch powiązanych stron, zazwyczaj zakończony stroną aktualnie oglądaną. Poszczególne elementy opisuje się za pomocą ListItem, a kolejność określa właściwość position.

Jeśli zastanawiasz się, jak oznaczyć breadcrumbs schema, najczęściej stosowanym rozwiązaniem w sklepach jest JSON-LD. Przykładowa struktura może wyglądać tak:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@id": "https://example.pl/",
        "name": "Strona główna"
      }
    },
    {
      "@type": "ListItem",
      "position": 2,
      "item": {
        "@id": "https://example.pl/odziez/",
        "name": "Odzież"
      }
    },
    {
      "@type": "ListItem",
      "position": 3,
      "item": {
        "@id": "https://example.pl/odziez/buty/",
        "name": "Buty"
      }
    },
    {
      "@type": "ListItem",
      "position": 4,
      "item": {
        "@id": "https://example.pl/produkt/model-x/",
        "name": "Model X"
      }
    }
  ]
}
</script>

Adresy w przykładzie są ilustracyjne. W rzeczywistym wdrożeniu powinny wskazywać faktyczne, kanoniczne strony sklepu. Nazwy elementów powinny odpowiadać temu, co użytkownik widzi w breadcrumbs.

Schema.org wskazuje również, że sama kolejność elementów w kodzie nie wystarcza do określenia ich pozycji. Przy BreadcrumbList powinieneś używać ListItem i position, aby jednoznacznie opisać kolejność.

Nie twórz danych strukturalnych dla ścieżki, której użytkownik nie widzi i która nie odpowiada faktycznej strukturze strony. BreadcrumbList powinien opisywać rzeczywistą relację stron, a nie być dodatkowym miejscem na słowa kluczowe.

Elementy poprawnych breadcrumbs

Poniższa tabela pozwala szybko sprawdzić, czy mechanizm został zaprojektowany poprawnie.

ElementPoprawne rozwiązanieCo sprawdzić
Strona głównaPierwszy poziom ścieżkiCzy prowadzi do strony głównej sklepu
KategoriaRzeczywista kategoria katalogowaCzy odpowiada strukturze sklepu
PodkategoriaFaktyczny poziom niżejCzy istnieje jako osobna strona
ProduktAktualnie oglądany produktCzy nazwa odpowiada stronie produktu
LinkiKlasyczne linki HTMLCzy element ma prawidłowy href
KolejnośćHierarchia od góry do dołuCzy position odpowiada kolejności
URLDocelowy adres właściwej stronyCzy nie prowadzi do przekierowania lub błędnej wersji URL
Dane strukturalneBreadcrumbList i ListItemCzy odpowiadają widocznej ścieżce
FiltryPoza podstawową hierarchiąCzy filtr nie został błędnie potraktowany jako kategoria
Wiele kategoriiJedna ustalona reguła wyboruCzy ścieżka nie zmienia się przypadkowo

Jeśli platforma sklepu automatycznie generuje breadcrumbs, sprawdź, skąd pobiera dane. W WooCommerce może to zależeć od motywu, wtyczki SEO lub dodatkowej konfiguracji. W PrestaShop sposób generowania może być związany z kategorią przypisaną do produktu i logiką szablonu. W Shoperze podobnie trzeba zweryfikować, jakie dane platforma wykorzystuje do budowy ścieżki.

Nie zakładaj, że poprawna konfiguracja wizualna oznacza poprawny kod. Możesz mieć estetyczne breadcrumbs, które prowadzą do niewłaściwych kategorii albo zawierają dane strukturalne różniące się od widocznej wersji.

Sznurek prowadzący przez korytarz

Jak wdrożyć breadcrumbs w sklepie bez tworzenia bałaganu

Jeśli pytasz, jak wdrożyć breadcrumbs w sklepie, zacznij od przygotowania jednej reguły generowania ścieżki. Najpierw określ, jaka kategoria jest nadrzędna dla produktu. Następnie pobierz jej rodziców aż do najwyższego poziomu. Na końcu dodaj produkt jako bieżącą stronę.

Schemat logiczny może wyglądać następująco:

produkt -> kategoria główna produktu -> rodzic kategorii -> rodzic rodzica -> strona główna

Po pobraniu danych odwróć kolejność, aby użytkownik zobaczył ścieżkę od najwyższego poziomu do produktu.

Przy każdym poziomie sprawdź, czy istnieje aktywna strona docelowa. Jeśli kategoria została usunięta, ukryta lub przekierowana, generator breadcrumbs nie powinien bez kontroli dodawać jej do ścieżki.

Następnie zadbaj o spójność z danymi strukturalnymi. Najlepiej, aby zarówno HTML, jak i JSON-LD korzystały z tego samego źródła danych. Wtedy zmiana kategorii produktu nie powoduje sytuacji, w której użytkownik widzi jedną ścieżkę, a wyszukiwarka otrzymuje inną.

Po wdrożeniu sprawdź kod kilku reprezentatywnych produktów. Google zaleca walidację danych strukturalnych, a następnie sprawdzenie, jak strona jest widziana przez narzędzia Google. Samo wdrożenie kodu nie oznacza automatycznie, że każda jego wersja zostanie wykorzystana w wynikach wyszukiwania.

Jeśli po wdrożeniu pojawiają się błędy, zacznij od porównania trzech wartości: nazwy kategorii widocznej w breadcrumbs, adresu URL kategorii oraz wartości item w BreadcrumbList. Rozbieżność między tymi elementami często szybko wskazuje miejsce, w którym powstaje problem.

Najwięcej problemów pojawia się w sklepach, w których produkty mają wiele przypisań. Jeden produkt może być jednocześnie częścią kilku kategorii sprzedażowych, kolekcji sezonowej i stron tworzonych przez filtry.

Nie próbuj odwzorować wszystkich tych zależności w jednej ścieżce. Breadcrumbs mają przedstawiać hierarchię, a nie pełną listę miejsc, w których produkt jest dostępny.

Dobrym rozwiązaniem jest wskazanie kategorii podstawowej. Jeżeli platforma nie ma takiej funkcji, można ustalić regułę programistyczną, na przykład wybór kategorii o określonym priorytecie. Ważne, aby wynik był przewidywalny.

Osobnego podejścia wymagają filtry. Strona „Buty męskie, czarne, rozmiar 43” może być użyteczna dla użytkownika, ale nie musi być kolejnym poziomem katalogu. Jeżeli filtr jest tylko wariantem listy produktów, nie dodawaj go automatycznie do breadcrumbs jako kategorii.

Podobnie potraktuj sortowanie. „Buty > Najtańsze” nie jest hierarchią kategorii. To sposób prezentacji wyników. Dodanie takich elementów do ścieżki zaciera informację o strukturze sklepu.

Przy rozbudowanej nawigacji dobrze sprawdzić również, czy strony filtrowania nie generują ogromnej liczby alternatywnych adresów. Google zwraca uwagę na potrzebę kontrolowania adresów wynikających z filtrów i sortowania, ponieważ mogą prowadzić do wielu wariantów tych samych treści.

Jak przetestować wdrożenie breadcrumbs

Po wdrożeniu wykonaj test na stronie głównej, kategorii, podkategorii i kilku produktach. Nie ograniczaj się do jednego adresu, ponieważ błędy w generatorze często ujawniają się dopiero przy nietypowej strukturze produktu.

Na każdej stronie sprawdź:

  • czy breadcrumbs są widoczne dla użytkownika,
  • czy każdy link prowadzi do właściwej strony,
  • czy kolejność odpowiada hierarchii katalogu,
  • czy produkt nie trafia do przypadkowej kategorii,
  • czy filtry i sortowanie nie zostały potraktowane jako poziomy kategorii,
  • czy dane strukturalne opisują tę samą ścieżkę,
  • czy adresy użyte w danych strukturalnych są właściwe dla stron docelowych,
  • czy position zaczyna się od pierwszego elementu i zachowuje właściwą kolejność.

Następnie sprawdź kod źródłowy lub wyrenderowany kod strony. Wyszukaj BreadcrumbList i zobacz, czy liczba elementów oraz ich nazwy odpowiadają widocznym breadcrumbs.

Jeżeli sklep korzysta z cache, wykonaj test po wyczyszczeniu pamięci podręcznej. Przy dynamicznym generowaniu kategorii stara wersja breadcrumbs może być nadal wyświetlana na części stron.

Na koniec sprawdź kilka produktów po zmianie kategorii. Przenieś testowy produkt do innej kategorii i zobacz, czy breadcrumbs oraz BreadcrumbList aktualizują się zgodnie z nową hierarchią. To prosty sposób na wykrycie mechanizmu, który zapisuje starą ścieżkę w cache lub generuje ją z nieaktualnych danych.

Jeżeli sklep ma dużą liczbę kategorii i produktów, ręczne sprawdzenie wszystkich stron może być niepraktyczne. Wtedy można pobrać listę adresów produktów, przeanalizować kod HTML i porównać ścieżki z danymi kategorii zapisanymi w systemie.

Najczęstsze błędy w nawigacji okruszkowej

Pierwszym błędem jest traktowanie breadcrumbs jako elementu wyłącznie wizualnego. Jeśli ścieżka jest tworzona niezależnie od struktury kategorii, szybko pojawiają się rozbieżności.

Drugim jest powielanie wszystkich przypisań produktu. Produkt w pięciu kategoriach nie potrzebuje pięciu ścieżek wyświetlanych jednocześnie.

Trzeci problem to mieszanie kategorii z filtrami. Producent, kolor, rozmiar i zakres cen nie stają się częścią hierarchii tylko dlatego, że można je kliknąć.

Czwarty błąd to tworzenie BreadcrumbList ręcznie dla części stron i automatycznie dla pozostałych. Taki model utrudnia utrzymanie spójności. Lepiej mieć jedno źródło danych i jedną regułę generowania.

Piąty problem pojawia się wtedy, gdy breadcrumbs zawierają linki do stron, których użytkownik nie powinien traktować jako poziomu nadrzędnego. Jeśli kliknięcie elementu prowadzi do zupełnie innego typu strony, sprawdź, czy rzeczywiście powinien znajdować się w ścieżce.

Jeżeli podczas testu odkrywasz wiele podobnych problemów technicznych, możesz potraktować breadcrumbs jako część szerszego przeglądu serwisu, a nie osobną poprawkę. Wtedy sprawdzenie ścieżek i linkowania wewnętrznego pozwala znaleźć zależności między kategoriami, produktami i innymi stronami.

Kiedy warto zlecić wdrożenie breadcrumbs i co powinno obejmować zlecenie

Jeżeli sklep ma prostą strukturę i korzysta z gotowego systemu, breadcrumbs można często skonfigurować bez przebudowy całej nawigacji. Sytuacja zmienia się, gdy sklep ma wiele poziomów kategorii, produkty przypisane do kilku kategorii, niestandardowe adresy URL albo własne szablony.

Zlecenie prac specjaliście ma sens przede wszystkim wtedy, gdy nie chcesz zmieniać struktury sklepu metodą prób i błędów. Specjalista powinien najpierw ustalić, jaka ścieżka jest właściwa dla użytkownika i wyszukiwarki, a dopiero potem wdrożyć ją w kodzie lub konfiguracji platformy.

Nie zlecaj samego wyświetlenia ciągu nazw kategorii. Zakres powinien obejmować również sprawdzenie linków, struktury adresów, danych strukturalnych oraz zachowania breadcrumbs na różnych typach stron.

Jeżeli breadcrumbs są widoczne, ale prowadzą do nieprawidłowych kategorii, problem jest strukturalny. Jeżeli są widoczne na komputerze, ale znikają na telefonie, problem może dotyczyć szablonu i responsywności.

Przed zleceniem pracy określ, czego dokładnie oczekujesz. Inny zakres będzie potrzebny przy prostym wdrożeniu gotowego komponentu, a inny przy przebudowie logiki breadcrumbs w dużym sklepie.

Zakres prac powinien rozpocząć się od analizy obecnej struktury. Sprawdź kategorie, podkategorie, produkty, strony informacyjne oraz sposób generowania adresów URL.

Następnie należy określić reguły generowania ścieżki.

Co wpływa na zakres prac

Zakres wdrożenia zależy przede wszystkim od platformy i obecnego szablonu sklepu. Inaczej wygląda praca na standardowym motywie, a inaczej w sklepie z rozbudowanym, indywidualnym frontendem.

Na popularnych platformach zakres pracy zależy od konfiguracji konkretnego sklepu, a nie wyłącznie od nazwy platformy. Dwa sklepy korzystające z tego samego systemu mogą mieć zupełnie inną strukturę kategorii i szablonów.

Ustal, które elementy breadcrumbs można konfigurować w ramach dostępnego systemu, a które wymagają zmian w szablonie lub dodatkowej integracji. Nie zakładaj z góry, że rozwiązanie działające na innej platformie będzie możliwe do przeniesienia bez zmian.

Przed rozpoczęciem prac sprawdź:

  • platformę sklepu,
  • wersję systemu,
  • używany motyw,
  • liczbę typów stron,
  • strukturę kategorii,
  • sposób przypisywania produktów do kategorii,
  • istniejące breadcrumbs,
  • dane strukturalne,
  • sposób generowania URL,
  • obecne moduły SEO,
  • możliwość modyfikacji szablonu.

Im bardziej niestandardowa jest struktura sklepu, tym więcej pracy może wymagać poprawne wdrożenie.

Jeżeli sklep korzysta z wielu modułów SEO, filtrów, własnych szablonów lub modyfikacji kodu, przed wdrożeniem sprawdź zależności. Nowy komponent może wejść w konflikt z istniejącą funkcją.

Nie nadpisuj istniejących zmian bez sprawdzenia ich celu. Najpierw ustal, gdzie obecnie generowana jest ścieżka i jakie elementy sklepu korzystają z tej logiki.

Przy większych modyfikacjach zweryfikuj, czy aktualizacja platformy nie nadpisze zmian.

Jak przygotować specyfikację dla wykonawcy

Dobra specyfikacja ogranicza liczbę nieporozumień. Nie wystarczy napisać: „proszę wdrożyć breadcrumbs”.

Przekaż:

  • adres sklepu,
  • platformę i wersję,
  • informację o motywie,
  • przykładowe typy stron,
  • strukturę kategorii,
  • sposób przypisywania produktów,
  • informację o istniejących breadcrumbs,
  • informację o używanych narzędziach SEO,
  • oczekiwania dotyczące danych strukturalnych,
  • wymagania mobilne.

Jeżeli nie znasz części tych informacji, wykonawca powinien ustalić je podczas audytu przed rozpoczęciem właściwych prac.

Co sprawdzić po wykonaniu prac

Wdrożenie nie powinno kończyć się na sprawdzeniu jednej strony. Trzeba przetestować reprezentatywną grupę adresów.

Minimum to:

  • strona kategorii,
  • podkategoria,
  • produkt,
  • produkt należący do kilku kategorii,
  • strona informacyjna, jeżeli ma breadcrumbs,
  • wersja mobilna.

Po wdrożeniu przejdź przez sklep jak użytkownik. Kliknij każdy poziom ścieżki i sprawdź, czy prowadzi do strony odpowiadającej nazwie.

Następnie wykonaj kontrolę techniczną. Sprawdź statusy HTTP, canonical, linki, dane strukturalne oraz zachowanie na telefonie.

Jeżeli wykonawca zmieniał szablon, sprawdź również inne elementy strony. Niektóre modyfikacje mogą wpływać na nagłówki, menu, strukturę HTML albo wygląd wersji mobilnej.

Kiedy zlecić samo wdrożenie, a kiedy cały audyt

Jeżeli struktura sklepu jest prosta, a problem ogranicza się do braku breadcrumbs, można zlecić konkretne wdrożenie po krótkiej analizie.

Jeżeli sklep ma wiele kategorii, niestandardowe URL, produkty w wielu kategoriach, rozbudowane filtry albo istniejące problemy z linkowaniem, lepszym rozwiązaniem jest zlecenie najpierw audytu. Wtedy wykonawca może określić, czy breadcrumbs są rzeczywistym problemem, czy tylko jednym z elementów większego problemu z architekturą informacji.

Nie zamawiaj rozwiązania technicznego bez określenia problemu. Breadcrumbs mogą poprawić nawigację i uporządkować linkowanie, ale nie zastąpią prawidłowej struktury kategorii, dobrych adresów URL ani przemyślanej architektury całego sklepu.

Co zrobić przed publikacją zmian

Przed wdrożeniem przygotuj kilka przykładowych ścieżek dla różnych typów produktów. Niech znajdzie się wśród nich produkt z jednej kategorii, produkt z wieloma kategoriami, produkt z głębokiej podkategorii oraz produkt dostępny również przez stronę promocyjną.

Dla każdego przypadku zapisz oczekiwaną ścieżkę. Następnie porównaj ją z tym, co generuje sklep. Jeśli wynik się różni, ustal, która informacja powinna być źródłem prawdy.

Dopiero po tym przejdź do wdrożenia danych strukturalnych. Dzięki temu nie będziesz poprawiać JSON-LD osobno dla każdego błędu wynikającego z architektury sklepu.

Po publikacji sprawdź kilka adresów w walidatorze danych strukturalnych oraz w narzędziach dostępnych w Google Search Console. Google zaleca testowanie danych strukturalnych i sprawdzanie, jak wyszukiwarka widzi wdrożoną stronę.

Jeżeli potrzebujesz uporządkować nie tylko breadcrumbs, ale też całą strukturę sklepu, optymalizacja techniczna sklepu i jego nawigacji może obejmować analizę kategorii, linkowania wewnętrznego, indeksowania oraz wdrożenia danych strukturalnych.

Breadcrumbs nie powinny być dodatkiem tworzonym na końcu prac nad sklepem. Najpierw trzeba ustalić rzeczywistą hierarchię, potem przełożyć ją na linki na stronie, a na końcu opisać tę samą relację za pomocą BreadcrumbList. Taki porządek ogranicza ryzyko przypadkowych zależności i ułatwia późniejsze utrzymanie sklepu.

Podsumowanie

Poprawne breadcrumbs zaczynają się od architektury informacji. Jeśli kategorie są logiczne, produkty mają określone miejsce w katalogu, a filtry pozostają oddzielone od hierarchii, można zbudować prostą i przewidywalną ścieżkę.

Następnie trzeba sprawdzić linki, sposób generowania ścieżki oraz dane strukturalne. BreadcrumbList powinien odwzorowywać rzeczywistą kolejność stron, a ListItem powinien mieć prawidłową pozycję. Po wdrożeniu sprawdź różne typy produktów, szczególnie te przypisane do wielu kategorii.

W ten sposób breadcrumbs stają się częścią spójnej nawigacji sklepu, a nie przypadkowym zestawem nazw kategorii i słów kluczowych.

Najczęstsze pytania

Czy breadcrumbs pomagają SEO?

Breadcrumbs mogą wspierać zrozumienie struktury sklepu, ponieważ tworzą logiczne linki między poziomami katalogu. Same w sobie nie gwarantują lepszych pozycji. Trzeba sprawdzić ich zgodność z architekturą kategorii, linkowaniem wewnętrznym i danymi strukturalnymi.

Jak wdrożyć breadcrumbs w sklepie?

Najpierw ustal główną kategorię produktu i jej hierarchię nadrzędną. Następnie wygeneruj ścieżkę od strony głównej przez kolejne kategorie do produktu, dodaj prawidłowe linki HTML i opisz tę samą strukturę za pomocą BreadcrumbList.

Jak oznaczyć breadcrumbs schema?

Do oznaczenia danych strukturalnych użyj typu BreadcrumbList, a poszczególne elementy opisz jako ListItem z właściwością position. Wartości powinny odpowiadać rzeczywistej ścieżce widocznej na stronie.

Czy każda kategoria przypisana do produktu powinna być w breadcrumbs?

Nie. Breadcrumbs powinny pokazywać jedną logiczną ścieżkę hierarchii katalogu. Jeśli produkt należy do wielu kategorii, trzeba ustalić stałą regułę wyboru kategorii podstawowej zamiast wyświetlać wszystkie przypisania.

Czy filtry produktów powinny być w breadcrumbs?

Zwykle nie. Kolor, rozmiar, producent, cena i sortowanie są najczęściej elementami filtrowania lub prezentacji wyników, a nie poziomami hierarchii katalogu. Dodawanie ich do breadcrumbs może zniekształcić strukturę sklepu.

Źródła

  1. BreadcrumbList structured data · Google for Developers
  2. Help Google understand your ecommerce website structure · Google for Developers
  3. Link best practices for Google · Google for Developers
  4. BreadcrumbList · Schema.org
breadcrumbsSEO sklepubreadcrumbs SEOokruszki nawigacyjneBreadcrumbListlinkowanie wewnętrzneSEO techniczne

Zacznijmy od tego, co naprawdę hamuje Twoją sprzedaż

Napisz krótko, czym się zajmujesz i co Cię gryzie. Odpiszę osobiście, bez automatów i bez nacisku na sprzedaż.

WhatsApp