Breadcrumbs

Breadcrumbs su niz linkova koji pokazuje put od naslovnice do stranice na kojoj se posjetilac trenutno nalazi. Kod nas se prevode kao mrvice, po priči u kojoj su mrvice hljeba označavale put kući.

Izgledaju ovako: naslovnica, pa kategorija, pa potkategorija, pa stranica. Svaka stavka osim posljednje je link.

Ovo je jedan od onih elemenata koje niko ne primijeti dok ih ima, a svi se izgube kad ih nema.

Kome zaista trebaju

Sajtu od deset stranica ne trebaju. Sve je udaljeno jedan klik iz menija i dodavanje putanje samo dodaje šum.

Postaju korisne čim postoji više nivoa.

Web trgovina s kategorijama i potkategorijama. Čovjek koji je s Googlea došao pravo na stranicu proizvoda ne zna gdje se nalazi ni šta još postoji u toj kategoriji.

Sajt s mnogo usluga, gdje su usluge grupisane.

Portal ili blog s arhivom po temama.

Kod web trgovine su mrvice najkorisnije upravo zato što većina posjetilaca ne ulazi kroz naslovnicu nego pravo na proizvod.

Šta rade za posjetioca

Prvo, govore gdje je. To je pitanje koje čovjek postavi u prve dvije sekunde na stranici na koju je došao izvana.

Drugo, nude put dalje. Klik na kategoriju pokazuje slične proizvode, i to je često bolji potez od povratka u rezultate pretrage.

Treće, zamjenjuju dugme nazad. Na telefonu se ljudi rijetko vraćaju kroz meni; putanja u jednom redu je brži put.

Sve to spada u UX posao i mjeri se jednostavno: gleda se koliko ljudi klikne na mrvice i mijenja li se broj pregledanih stranica po posjeti.

Šta rade za pretragu

Tri stvari, i nijedna nije dramatična, ali sve tri pomažu.

Dodaju interne linkove prema kategorijama, i to s istog mjesta na svakoj stranici. Kod trgovine sa hiljadu proizvoda to je hiljadu linkova prema kategorijama, s urednim tekstom linka.

Pokazuju strukturu. Googleu je iz putanje jasno šta je nadređeno čemu, bez pogađanja iz adresa.

I mijenjaju izgled rezultata. Kad su označene strukturiranim zapisom, Google ispod naslova prikaže putanju umjesto pune adrese. To izgleda urednije, posebno na telefonu, i daje kontekst prije klika.

Oznaka se zove BreadcrumbList i kod većine sistema je dodaje SEO dodatak sam. Vrijedi provjeriti da se stvarno generiše, jer se to lako preskoči.

Kako se pravilno postavljaju

Nekoliko pravila koja rješavaju gotovo sve.

• Na vrhu sadržaja, iznad naslova stranice, u jednom redu i manjim slovima.
• Naslovnica je prva stavka. Može pisati Naslovnica ili stajati ikona kuće; oboje radi, samo neka bude dosljedno.
• Zadnja stavka nije link. To je stranica na kojoj ste.
• Jedna putanja po stranici. Ako proizvod stoji u dvije kategorije, bira se glavna i drži se.
• Kratke oznake. Koriste se imena kategorija, ne cijeli naslovi stranica.
• Na telefonu se skraćuje sredina, a ne izbacuje cijela putanja.

Uz to, putanja mora odgovarati stvarnoj strukturi. Mrvice koje pokazuju kategoriju u kojoj proizvod nije zbunjuju i ljude i Google.

Kad naprave više štete nego koristi

Rijetko, ali dešava se.

Kad su predugačke. Putanja od šest nivoa na telefonu zauzme dva reda i ništa ne pojašnjava.

Kad se mijenjaju ovisno o tome odakle je čovjek došao. Dinamička putanja izgleda pametno, a pravi nered u izvještajima i u tome kako Google vidi sajt.

Kad se stave na sajt koji nema nivoe, pa svaka stranica ima putanju od dvije stavke koja ne govori ništa.

I kad zamjenjuju meni. Mrvice govore gdje ste, meni govori šta postoji; jedno ne zamjenjuje drugo.

Kako provjeriti svoje

Otvorite jednu stranicu proizvoda ili usluge i pogledajte stoji li putanja iznad naslova. Kliknite na kategoriju u njoj i provjerite vodi li tamo gdje piše.

Zatim provjerite kod: alat za provjeru strukturiranih podataka pokazuje je li BreadcrumbList prisutan i bez greške.

Na kraju ukucajte u Google site: pa svoju adresu i pogledajte prikazuje li se putanja ispod naslova. Ako se i dalje prikazuje puna adresa, Google ili još nije ponovo pročitao stranice, ili oznaka nije ispravna.

Kako izgledaju kod trgovine

Uzmimo trgovinu alatom. Kupac s Googlea dolazi pravo na stranicu udarne bušilice.

Bez mrvica vidi jedan proizvod i ništa oko njega. Ako mu taj model ne odgovara, vraća se u rezultate, a tamo ga čeka konkurencija.

S mrvicama iznad naslova stoji Naslovnica, pa Električni alat, pa Bušilice, pa naziv modela. Jedan klik na Bušilice pokazuje dvadeset drugih, i posjeta se nastavlja umjesto da se prekine.

Isti niz radi i za Google. Svaka stranica proizvoda linkuje na svoju kategoriju istim tekstom, pa je kategoriji jasno o čemu je, i lakše rangira na širi pojam nego pojedini proizvod.

Kod sajtova s uslugama vrijedi isto, samo su nivoi drugačiji: Naslovnica, pa Usluge, pa Ugradnja stolarije.

Ko ih postavlja

Kod WordPressa i sličnih sistema mrvice najčešće dolaze s temom ili sa SEO dodatkom, i uključuju se kvačicom. Tada se provjeri dvoje: prikazuju li se na pravom mjestu i generiše li se uz njih strukturirani zapis.

Kod Shopifyja ih dio tema ima, dio nema, pa se dodaju u kod teme.

Kod sajtova rađenih po mjeri to je posao od pola sata za onoga ko sajt održava, uz uslov da struktura kategorija uopšte postoji. Ako sve stranice stoje u istom nivou, mrvice nemaju šta pokazati, i tu se prvo sređuje struktura.

Greške koje najčešće viđamo

Prva su mrvice koje postoje vizuelno, ali bez strukturiranog zapisa, pa ih Google ne prikazuje.

Druga je zadnja stavka kao link na samu sebe.

Treća je putanja koja ne odgovara stvarnoj strukturi, najčešće poslije preuređenja kategorija.

Četvrta su mrvice u podnožju, gdje ih niko ne vidi.

Peta su predugačka imena kategorija u putanji.

Šesta je dinamička putanja koja se mijenja ovisno o tome odakle je posjetilac stigao.

Lista za provjeru

• Ima li vaš sajt više od dva nivoa, i ako ima, postoje li mrvice?
• Stoje li iznad naslova stranice, a ne u podnožju?
• Je li zadnja stavka običan tekst, a ne link?
• Odgovara li putanja stvarnoj strukturi sajta?
• Postoji li BreadcrumbList oznaka u kodu?
• Prikazuje li Google putanju umjesto adrese u rezultatima?
• Kako putanja izgleda na telefonu?

Pojmovi koje ćete čuti uz breadcrumbs

• BreadcrumbList: oznaka strukturiranog zapisa za putanju.
• Dubina klika: koliko klikova treba od naslovnice do stranice.
• Hijerarhija sajta: raspored kategorija i podstranica.
• Interni linkovi: linkovi unutar sajta, kojima mrvice doprinose.
• SERP: stranica rezultata, gdje se putanja prikazuje ispod naslova.
• Navigacija: meni koji govori šta postoji, dok mrvice govore gdje ste.