Breadcrumbs (okruszki): czym są i jak je wdrożyć
Choć Google dziwnie nazywa je „Ścieżkami Nawigacji/Eksploracji", w świecie SEO oficjalnie znamy tę funkcję jako Breadcrumbs (okruszki). Ostatnio pojawiło się wiele nowości na ten temat, dlatego postanowiliśmy zebrać przewodnik, w którym pokazujemy, czym są, jak je wdrożyć krok po kroku, sposoby walidacji wdrożenia i wreszcie, jak monitorować ich postęp w Search Console.
Do dzieła!
Czym są Breadcrumbs?
Breadcrumbs (okruszki) to funkcja, której celem jest poprawa nawigacji użytkownika i wyraźne wskazanie, zarówno wyszukiwarkom, jak i użytkownikom, hierarchii stron. W ten sposób użytkownik może szybko odwiedzić zarówno stronę docelową, jak i kategorie, do których ta strona należy.
Sposoby wdrażania breadcrumbs
Jeśli chodzi o wdrożenie, mamy obecnie dwie opcje: opcję widoczną dla użytkowników i opcję kodu. W rzeczywistości obie powinny być zawsze wdrażane razem, a nie osobno.
Widoczna
W opcji widocznej witryna wdraża breadcrumbs na górze każdej strony, aby użytkownik odwiedzający stronę dokładnie wiedział, gdzie się znajduje. Na przykład, jeśli patrzymy na stronę produktu w sklepie internetowym (komputer HP Envy), w breadcrumbs zobaczylibyśmy:
Strona główna > Komputery > HP > Envy W ten sposób mówimy użytkownikowi, że produkt, który ogląda, mieści się w kategorii komputerów, a także należy do rodziny komputerów HP. Jeśli chodzi o nawigację, ta funkcja jest bardzo ważna, ponieważ jeśli użytkownik chciałby zobaczyć więcej modeli HP lub kontynuować przeglądanie komputerów, byłby to tylko jeden klik.
Bez tej funkcji nawigacja staje się znacznie trudniejsza, a szanse, że użytkownik opuści witrynę, są znacznie wyższe.
Kod
Podczas gdy poprzednia opcja pozwalała nam dodawać breadcrumbs dla użytkownika, ta opcja powie wyszukiwarkom, jak nasza treść jest skategoryzowana. Bardzo ważne jest, aby ta implementacja została wykonana poprawnie, ponieważ Google nie rozumie breadcrumbs, które są tylko widoczne.
Poniżej możesz zobaczyć przykład implementacji Breadcrumbs za pomocą fragmentu skryptu JSON-LD.
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Authors", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" },{ "@type": "ListItem", "position": 4, "name": "Ancillary Justice", "item": "https://example.com/books/authors/ancillaryjustice" }] } </script> Kod powyżej mówi nam, że książka „Ancillary Justice" została napisana przez autorkę Ann Leckie i jest książką.
Books > Authors > Ann Leckie > Ancillary Justice
Jeśli zbudowaliśmy naszą stronę z niestandardowym rozwiązaniem deweloperskim lub w niektórych z głównych języków, będziemy musieli wykonać implementację ręcznie. Jednak jeśli używamy Wordpressa, mamy do dyspozycji kilka wtyczek, które pomogą nam w tej implementacji:
- Rank Math
- Yoast SEO
Walidacja implementacji
Po wykonaniu implementacji najważniejsze będzie zweryfikowanie, czy została wykonana poprawnie. Choć weryfikacja „widocznej" implementacji będzie bardzo prosta, ponieważ wystarczy sprawdzić, czy wszystkie elementy są poprawnie połączone i działają dobrze, do weryfikacji implementacji kodu potrzebujemy nieco więcej wysiłku.
Mimo to mamy do dyspozycji narzędzie Google i rozszerzenie Chrome, które znacznie ułatwią nam życie.
Narzędzie Google do danych strukturalnych:
Korzystając z narzędzia Google, możemy zwalidować nasze dane strukturalne za pomocą URL lub na poziomie kodu, jeśli wprowadzimy fragment bezpośrednio.
Narzędzie Google do danych strukturalnych
Jeśli wprowadzimy URL, Google zwróci analizę ze wszystkimi danymi strukturalnymi, które zostały wykryte.
Przykład analizy URL w narzędziu Google do danych strukturalnych.
Jeśli z drugiej strony chcemy najpierw przetestować kod JSON-LD Breadcrumb przed wdrożeniem, możemy użyć narzędzia „fragment kodu", które da nam następujący wynik:
Narzędzie do walidacji fragmentów kodu dla danych strukturalnych.
Structured Data Testing Tool (rozszerzenie Google Chrome)
Jeśli zamiast odwiedzać narzędzie Google, chcemy zwalidować dane strukturalne Breadcrumb (i inne) bezpośrednio z przeglądarki, możemy użyć rozszerzenia „Structured Data Testing Tool", które pokaże nam wszystkie wykryte dane strukturalne, a także wszelkie błędy.
Rozszerzenie Chrome do walidacji Structured Data z przykładem artykułu SEO Alive.
Monitorowanie breadcrumbs w Google Search Console
Wreszcie, po wykonaniu implementacji i walidacji, pozostaje tylko monitorowanie aktywności w Google Search Console, co pozwoli nam śledzić ją codziennie i wykrywać wszelkie anomalie.
Wizualizacja raportu breadcrumbs w Search Console (uruchomionego we wrześniu 2019).
Na zakończenie chcielibyśmy cię zapytać: jakie są najczęstsze błędy, które napotkałeś przy ich wdrażaniu?
Chcielibyśmy zebrać kolekcję i opublikować ją w tym artykule, aby pomóc innym profesjonalistom SEO.
Bardzo dziękujemy i nie zapomnij podzielić się swoimi komentarzami!
Źródła
Autor: David Kaufmann
Ostatnie ponad 10 lat spędziłem kompletnie zafascynowany SEO — i szczerze mówiąc, nie zamieniłbym tego na nic innego.
Moja kariera wskoczyła na zupełnie nowy poziom, gdy pracowałem jako senior SEO specialist w Chess.com — jednej ze 100 najczęściej odwiedzanych stron w całym internecie. Działanie na taką skalę, na milionach podstron, w dziesiątkach języków i w jednych z najbardziej konkurencyjnych SERPs, nauczyło mnie rzeczy, których nie dałby żaden kurs ani certyfikat. To doświadczenie zmieniło moje spojrzenie na to, jak naprawdę wygląda świetne SEO — i stało się fundamentem wszystkiego, co zbudowałem od tamtej pory.
Z tego doświadczenia narodziło się SEO Alive — agencja dla marek, które na poważnie podchodzą do wzrostu organicznego. Nie jesteśmy tu po to, żeby sprzedawać dashboards i miesięczne raporty. Jesteśmy tu, żeby budować strategie, które realnie robią różnicę, łącząc to, co najlepsze w klasycznym SEO, z ekscytującym nowym światem Generative Engine Optimization (GEO) — tak, aby Twoja marka pojawiała się nie tylko w niebieskich linkach Google, ale też wewnątrz odpowiedzi generowanych przez AI, które ChatGPT, Perplexity i Google AI Overviews dostarczają każdego dnia milionom ludzi.
A ponieważ nie mogłem znaleźć narzędzia, które potrafiłoby porządnie obsłużyć oba te światy, zbudowałem je sam — SEOcrawl, platformę enterprise SEO intelligence, która łączy w jednym miejscu rankings, audyty techniczne, monitoring backlinks, kondycję crawl i śledzenie widoczności marki w AI. To platforma, o której istnieniu zawsze marzyłem.
Odkryj więcej treści tego autora
