Ważnym elementem decydującym o funkcjonalności i użyteczności strony internetowej jest jej układ nawigacyjny. Witryna internetowa ma służyć przede wszystkim użytkownikom, dlatego ważne jest, by jej układ ułatwiał im odnajdywanie pożądanych informacji szybko i sprawnie oraz ograniczał możliwość "zgubienia się" w serwisie. Niezbędne do tego jest przejrzyste, tekstowe i nienadmiernie rozbudowane menu.

Jednym z prostszych sposobów na zwiększenie przejrzystości hierarchii nawet bardzo rozbudowanego serwisu są właśnie breadcrumbs, czyli "okruszki chleba". Ta technika nawigacji polega na prezentacji miejsca na stronie, w którym aktualnie znajduje się użytkownik. Jej celem jest umożliwienie użytkownikowi śledzenia jego aktualnej lokalizacji na stronie internetowej.  

Breadcrumbs można określić również jako ścieżkę dostępu widoczną na każdej podstronie w obrębie witryny. Podobną strukturę można zauważyć podczas przeglądania folderów np. w systemie Windows. Każdy katalog zawiera podkatalogi, a te z kolei przechowują kolejne foldery. Właśnie na takiej zasadzie działają breadcrumbs.

Przykładowa struktura breadcrumbs może wyglądać następująco:

Strona główna > Kategoria > Podkategoria > Strona

np. Strona główna > Galeria > Zdjęcia portretowe > Inne

Na stronach internetowych, breadcrumbs pojawiają się zazwyczaj poziomo u góry, poniżej pasków tytułowych i nagłówków. Stanowią linki powrotne do stron, które użytkownik poprzednio "przebył", aby dotrzeć do bieżącej strony.  "Okruszki chleba" są dla użytkownika śladem, po którym może wrócić aż do początkowo odwiedzonej strony.

Zastosowanie breadcrumbs w witrynie firmy Perfect One.

U góry, po lewej stronie zlokalizowano ścieżkę nawigacyjną:
Strona główna >> Oferta >> Ocena ekspercka stron internetowych

źródło: Perfect One, www.perfectone.pl

Wyróżnia się trzy typy breadcrumbs:

- ścieżka – okruszki oznaczające ścieżkę są dynamiczne i pokazują ścieżkę faktycznie przebytą w drodze do bieżącej strony. Okruszki nawigacyjne w stylu ścieżki są często krytykowane, ponieważ duplikują funkcję przeglądarek internetowych – przycisk "wstecz" i historię przeglądania;

- lokalizacja - okruszki oznaczające lokalizację są statyczne i pokazują, gdzie aktualna strona znajduje się w hierarchii witryny. Okruszki w stylu lokalizacyjnym niekoniecznie są właściwe dla stron, których zawartość jest zbyt bogata, by pojedyncze kategorie w pełni opisywały poszczególne obszary zawartości. Jest to powszechna sytuacja na stronach posiadających nawigację opartą na bazie wyszukiwania (na przykład Amazon). Ogólnie rzecz biorąc, okruszki lokalizacyjne nie nadają się do stron bez ścisłej hierarchii.

- atrybut - okruszki oznaczające atrybuty zawierają informacje, które kategoryzują bieżącą stronę.

Omawiana technika nawigacji pozwala na poprawę funkcjonalności strony pod kątem użytkowników oraz ułatwia pracę robotom indeksującym. Użytkownik przeglądający daną podstronę widzi przez cały czas, gdzie się aktualnie znajduje. W każdej chwili ma możliwość przejścia do poprzednio odwiedzanych stron. Przez cały czas widzi ścieżkę, którą podąża poruszając się po stronie. Dodatkowo użytkownik zna relację jednej kategorii względem innych, nadrzędnych w stosunku do niej. Relacja ta jest dostępna przez cały czas korzystania z witryny.

Jeśli twórcy serwisów projektują je z myślą o użytkownikach powinni pomyśleć o wykorzystaniu breadcrumbs. Z uwagi na to, że są to linki tekstowe, zajmują mało miejsca na stronie. Łatwo je dodawać i powielać podczas rozbudowywania serwisu. Nie spowalniają przeglądarki ani komputera użytkownika. Często jednak breadcrumbs nie są przez internautów zauważane.