---
title: "Breadcrumbs"
description: "Breadcrumbs to nawigacja okruszkowa pokazująca ścieżkę do bieżącej strony. Zobacz, jak poprawia UX i SEO oraz jak oznaczyć ją danymi strukturalnymi."
url: "https://nodea.pl/pl/slownik-pojec/breadcrumbs"
lang: "pl"
updated: "2026-07-13"
---

# Breadcrumbs

> Breadcrumbs (nawigacja okruszkowa) to poziomy pasek linków pokazujący ścieżkę od strony głównej do bieżącej podstrony, ułatwiający orientację w strukturze serwisu.

**Breadcrumbs** (nawigacja okruszkowa) to element interfejsu w postaci poziomego paska linków, który pokazuje użytkownikowi ścieżkę od strony głównej do miejsca, w którym aktualnie się znajduje — np. *Strona główna → Hosting → Hosting DirectAdmin*. Nazwa nawiązuje do baśni o Jasiu i Małgosi, którzy znaczyli drogę okruszkami chleba. Każdy element ścieżki (poza ostatnim) jest klikalny i prowadzi poziom wyżej w hierarchii serwisu.

## Jak działają breadcrumbs

W praktyce spotyka się trzy typy nawigacji okruszkowej:

- **hierarchiczna (location-based)** — odwzorowuje strukturę kategorii serwisu; najpopularniejsza i najbezpieczniejsza,
- **atrybutowa (attribute-based)** — typowa dla e-commerce, pokazuje wybrane filtry (np. *Laptopy → 15,6" → SSD*),
- **historyczna (path-based)** — odtwarza kolejność odwiedzanych stron; rzadko zalecana, bo dubluje przycisk „wstecz”.

Od strony technicznej breadcrumbs to lista linków (semantycznie: *nav* z listą *ol*), którą dodatkowo oznacza się [danymi strukturalnymi](https://nodea.pl/pl/slownik-pojec/dane-strukturalne) typu *BreadcrumbList* ze słownika [schema.org](https://nodea.pl/pl/slownik-pojec/schema-org) — najczęściej w formacie JSON-LD. Dzięki temu Google może wyświetlić w wynikach wyszukiwania czytelną ścieżkę kategorii zamiast surowego adresu URL.

## Zastosowanie w praktyce

Nawigacja okruszkowa przynosi największą wartość w serwisach o głębokiej strukturze: sklepach internetowych, portalach informacyjnych, dokumentacjach technicznych i rozbudowanych stronach firmowych. Użytkownik trafiający z wyszukiwarki od razu na podstronę produktu widzi, gdzie jest, i jednym kliknięciem przechodzi do kategorii — co obniża współczynnik odrzuceń i wydłuża sesję.

Z perspektywy SEO breadcrumbs systematycznie wzmacniają [linkowanie wewnętrzne](https://nodea.pl/pl/slownik-pojec/linkowanie-wewnetrzne): każda podstrona linkuje do swoich kategorii nadrzędnych z naturalnym anchorem. Dobre praktyki wdrożenia: umieszczać ścieżkę nad tytułem strony, nie linkować ostatniego elementu (bieżąca strona), zachować spójność z faktyczną strukturą URL i nie ukrywać breadcrumbs na urządzeniach mobilnych, a jedynie skracać je (np. do poziomu nadrzędnego). Poprawność oznaczenia strukturalnego warto zweryfikować testem wyników rozszerzonych Google.

### Czy breadcrumbs pomagają w SEO?

Tak, w dwójnasób: wzmacniają linkowanie wewnętrzne i pokazują Google hierarchię serwisu, a oznaczone danymi strukturalnymi BreadcrumbList mogą zastąpić surowy URL w wynikach wyszukiwania czytelną ścieżką kategorii, co poprawia CTR.

## Powiązane

- [Linkowanie wewnętrzne](https://nodea.pl/pl/slownik-pojec/linkowanie-wewnetrzne)
- [Dane strukturalne](https://nodea.pl/pl/slownik-pojec/dane-strukturalne)
- [UX](https://nodea.pl/pl/slownik-pojec/ux)
- [On-page SEO](https://nodea.pl/pl/slownik-pojec/on-page-seo)
- [Schema.org](https://nodea.pl/pl/slownik-pojec/schema-org)

---

Wersje językowe: [en](https://nodea.io/en/glossary/breadcrumbs.md)  
Spis treści witryny: [llms.txt](https://nodea.pl/pl/llms.txt)