Kada web stranica sadrži više kategorija, potkategorija i povezanih sadržaja, korisnicima može biti teško snaći se i pronaći željene informacije. Zato je važno omogućiti jednostavnu navigaciju koja jasno prikazuje strukturu web stranice.
U tome pomažu navigacijske mrvice (breadcrumbs). One korisnicima pokazuju gdje se nalaze, omogućuju jednostavan povratak na prethodne razine web stranice i pomažu tražilicama da bolje razumiju organizaciju sadržaja.
Navigacijske mrvice, poznate i kao krušne mrvice, navigacijski su elementi koji prikazuju položaj određene stranice unutar strukture web stranice. Najčešće se nalaze na vrhu stranice, iznad glavnog sadržaja, a sastoje se od poveznica koje vode prema nadređenim kategorijama ili početnoj stranici.
Naziv breadcrumbs potječe iz bajke Ivica i Marica, u kojoj likovi ostavljaju trag od krušnih mrvica kako bi pronašli put natrag.
Primjer navigacijskih mrvica:
About You: Žene → Obuća → Tenisice → Niske tenisice
Svaki prethodni element može biti klikabilan, što korisniku omogućuje da se jednostavno vrati na određenu kategoriju bez korištenja glavnog izbornika.
Navigacijske mrvice posebno su korisne za web shopove, portale i druge web stranice koje imaju velik broj kategorija i potkategorija.
Navigacijske mrvice mogu se podijeliti na tri osnovne vrste, ovisno o tome prikazuju li strukturu web stranice, značajke sadržaja ili povijest korisnikovog kretanja.
Hijerarhijske ili strukturne mrvice prikazuju položaj stranice unutar strukture web stranice, od početne stranice do trenutačnog sadržaja.
Primjer:
Zalando: Žene → Sport → Obuća → Tenisice za trčanje → Cesta
Ova vrsta najčešće se koristi jer jasno prikazuje odnos između glavnih kategorija, potkategorija i pojedinačnih stranica.
Navigacijske mrvice temeljene na atributima ili značajkama najčešće se koriste u web shopovima. One prikazuju karakteristike ili filtere prema kojima korisnik pregledava proizvode.
Primjer:
Adidas: Tenisice → 38 → Crna → Ženske tenisice
Ovakve mrvice mogu nadopuniti hijerarhijsku navigaciju i pomoći korisnicima da razumiju prema kojim je kriterijima odabran sadržaj.
Dinamičke mrvice prikazuju put kojim je korisnik stvarno prolazio tijekom pregledavanja web stranice.
Funkcioniraju slično gumbu Natrag (Back) u pregledniku jer ovise o prethodno posjećenim stranicama, a ne o stalnoj hijerarhiji web stranice.
Ova vrsta se rjeđe koristi jer može prikazivati različite putanje za istu stranicu i ne daje uvijek jasan prikaz strukture sadržaja.
Navigacijske mrvice pomažu korisnicima i tražilicama razumjeti strukturu web stranice, a posebno su korisne kada stranica sadrži velik broj međusobno povezanih sadržaja.
Navigacijske mrvice omogućuju jednostavnije snalaženje i povratak na nadređene kategorije.
Primjerice, ako korisnik pregledava određeni proizvod, pomoću navigacijskih mrvica može se vratiti na kategoriju i pregledati druge dostupne proizvode.
Tako se olakšava navigacija, povećava mogućnost pronalaska relevantnog sadržaja i smanjuje potreba za stalnim vraćanjem na početnu stranicu.
Navigacijske mrvice sadrže interne linkove koji povezuju pojedinačne stranice s njihovim nadređenim kategorijama.
Takva struktura pomaže tražilicama otkrivati povezane URL-ove i razumjeti odnos između različitih razina web stranice.
Google koristi informacije o navigacijskoj putanji kako bi bolje razumio položaj stranice unutar web lokacije.
Navigacijske mrvice mogu se implementirati kroz kod web stranice ili pomoću SEO dodataka ako koristite CMS poput WordPressa.
Google preporučuje korištenje strukturiranih podataka BreadcrumbList kako bi tražilici jasno prikazali hijerarhiju navigacijskih elemenata.
BreadcrumbList sadrži popis elemenata, njihov redoslijed, naziv i URL. Svaki element predstavlja jednu razinu navigacijske putanje.
Sama implementacija strukturiranih podataka ne znači da će se navigacijske mrvice automatski prikazivati korisnicima na web stranici. Potrebno je postaviti i odgovarajući navigacijski element.
Ako koristite WordPress, navigacijske mrvice možete postaviti pomoću dodatka Rank Math SEO.
U WordPress administraciji otvorite Rank Math SEO → General Settings → Breadcrumbs, a zatim omogućite opciju Enable Breadcrumbs Function.
Unutar postavki možete urediti:
Nakon uključivanja potrebno je osigurati da vaša WordPress tema prikazuje navigacijske mrvice. Ovisno o temi, može biti potrebno dodati shortcode ili odgovarajući kod.
Nakon implementacije potrebno je provjeriti prikazuju li se navigacijske mrvice ispravno korisnicima te prepoznaje li Google njihove strukturirane podatke.
U Google Search Consoleu otvorite Poboljšanja → Put kroz web-lokaciju (Breadcrumbs). Unutar izvještaja možete pregledati važeće i nevažeće stavke.
Klikom na Prikaži podatke za važeće stavke možete pregledati primjere URL-ova na kojima je Google pronašao ispravno implementirane strukturirane podatke.
Navigacijske mrvice trebaju biti jednostavne, dosljedne i prilagođene stvarnoj strukturi web stranice.
Preporučljivo je:
Važno je da navigacijske mrvice budu logične i korisnicima i tražilicama. Njihov prikaz ne treba biti previše kompliciran niti sadržavati nepotrebne kategorije koje otežavaju navigaciju.
Navigacijske mrvice pomažu korisnicima da se lakše snalaze na web stranici, a tražilicama omogućuju bolje razumijevanje strukture sadržaja.
Naša SEO agencija može vam pomoći u organizaciji strukture web stranice, internom povezivanju, implementaciji strukturiranih podataka i ostalim tehničkim elementima.
Pošaljite nam upit ili nas nazovite na +385 99 368 6979 i saznajte kako možemo unaprijediti SEO i korisničko iskustvo vaše web stranice.
Kontaktirajte nas online klikom na gumb ispod ili nazovite broj: +385 (0)99 368 6979.
