Što je Breadcrumb navigacija?

Breadcrumb je pomoćna navigacijska putanja koja posjetiteljima prikazuje gdje se trenutno nalaze na web-stranici. Ona pokazuje odnos između početne (ulazne) stranice i stranice koju korisnik trenutno pregledava.

Vrste breadcrumb navigacije

Breadcrumb putanje možemo podijeliti na:

Lokacijske breadcrumb putanje
Atributne breadcrumb putanje
Putanjske (povijesne) breadcrumb putanje

U nastavku ćemo objasniti svaku od njih.

1. Lokacijske breadcrumb putanje

Ova vrsta breadcrumba prikazuje korisniku njegovu trenutačnu poziciju unutar strukture web-stranice. Naziva se i hijerarhijski breadcrumb, jer prikazuje razine stranice – od početne, preko kategorija i podkategorija, sve do trenutne stranice.

2. Atributne breadcrumb putanje

Atributni breadcrumb prikazuje koje su filtre ili kriterije korisnici primijenili na stranici. Najčešće se koristi na web-trgovinama, gdje pomaže korisnicima da razumiju kako su došli do određenog prikaza proizvoda.

3. Povijesne breadcrumb putanje

Ova vrsta breadcrumba prikazuje put kojim je korisnik došao do trenutne stranice, prateći njegovu povijest pregledavanja. Iako može biti korisna, rjeđe se koristi jer može zbuniti korisnike koji do iste stranice dolaze različitim putevima.

Zašto je breadcrumb navigacija važna?

Breadcrumb putanje olakšavaju kretanje po web-stranici. Posjetiteljima omogućuju da brzo shvate gdje se nalaze i jednostavno se vrate na prethodne razine bez korištenja “Back” gumba u pregledniku.

Time breadcrumb:

štedi vrijeme korisnicima
poboljšava korisničko iskustvo
smanjuje frustraciju
pomaže otkrivanju drugih stranica
daje jasniji uvid u strukturu i hijerarhiju sadržaja

S SEO strane, breadcrumb pomaže tražilicama da bolje razumiju strukturu stranice, što olakšava indeksiranje i poboljšava vidljivost sadržaja u rezultatima pretraživanja.

Također, breadcrumb doprinosi internom povezivanju i raspodjeli autoriteta među stranicama, što može pozitivno utjecati na rangiranje.

Kada koristiti breadcrumb navigaciju?

Breadcrumb je posebno koristan na:

1. Stranicama s dubokom hijerarhijom

Ako web-stranica ima mnogo kategorija i podkategorija (npr. web-trgovine, portali, veliki blogovi), breadcrumb pomaže korisnicima da se lakše snađu.

2. Stranicama s kompleksnom navigacijom

Kada korisnici mogu doći do iste stranice različitim putevima, breadcrumb jasno prikazuje strukturu i omogućuje jednostavno vraćanje na prethodne razine.

Kada breadcrumb nije potreban?

Breadcrumb navigacija nije nužna na:

jednostavnim stranicama s plitkom strukturom
one-page web-stranicama ili landing stranicama

Najbolje prakse za breadcrumb navigaciju

Koristite lokacijski breadcrumb Najvjernije prikazuje strukturu stranice (npr. Početna > Kategorija > Podkategorija > Trenutna stranica).
Držite oznake jasnima i jednostavnima Izbjegavajte dugačke i pretrpane nazive.
Koristite standardne razdjelnike Najčešći su: > , / , →.
Omogućite klikabilne razine Sve razine osim trenutne trebaju voditi na odgovarajuće stranice.
Postavite breadcrumb na vidljivo mjesto Najčešće ispod glavnog naslova (H1), a iznad glavnog sadržaja.
Koristite schema markup za breadcrumb Time povećavate šansu da se breadcrumb prikaže u Google rezultatima kao rich snippet.
Breadcrumb nije zamjena za glavni izbornik On je dodatna navigacija koja nadopunjuje osnovni meni.