Breadcrumbs navigacija i SEO: putokaz za posetioce i Google

Kada posetilac dođe na sajt direktno sa Google-a, često ne sleti na početnu stranicu, već duboko u strukturu: na neki proizvod, uslugu ili blog tekst. Tada mu treba odgovor na dva pitanja: gde se nalazim i kuda dalje. Breadcrumbs navigacija, kod nas poznata i kao putanja ili „mrvice“, odgovara na oba jednim redom linkova iznad naslova. U ovom tekstu objašnjavamo kako breadcrumbs pomažu posetiocima i pretraživačima, kako ih pravilno napraviti i kako se opisuju strukturiranim podacima.

Šta su breadcrumbs

Breadcrumbs su sekundarna navigacija koja prikazuje položaj stranice u hijerarhiji sajta, na primer: Početna › Kuhinje › Moderne kuhinje. Svaki deo osim poslednjeg je link ka višem nivou. Naziv dolazi iz bajke o Ivici i Marici, koji su ostavljali mrvice hleba da bi našli put nazad.

Postoje tri uobičajena tipa:

• Po hijerarhiji, koji prikazuju gde stranica pripada u strukturi sajta. Ovo je najčešći i najkorisniji tip.
• Po atributima, koji se koriste u web shopovima i prikazuju izabrane filtere, na primer boju ili veličinu.
• Po istoriji, koji prikazuju stranice koje je posetilac obišao. Danas se retko koriste jer to već radi dugme „nazad“ u pregledaču.

Zašto su korisni za posetioce

Breadcrumbs ne zamenjuju glavni meni, već ga dopunjuju. Posetilac koji je sa pretrage došao na određeni model kuhinje jednim klikom može da vidi sve kuhinje iz te kategorije, bez vraćanja na početnu i ponovnog traženja kroz meni. To je posebno važno na mobilnom telefonu, gde je glavni meni sakriven iza ikonice. Više o tome kako organizovati navigaciju na malim ekranima pisali smo u tekstu o mobilnom meniju.

Breadcrumbs imaju smisla kada sajt ima bar dva ili tri nivoa: web shopovi sa kategorijama, blogovi sa rubrikama, sajtovi sa više grupa usluga ili gradova. Na sajtu od nekoliko stranica bez podnivoa samo zauzimaju prostor.

Kako breadcrumbs pomažu SEO

Za pretraživač, breadcrumbs su dodatni signal o strukturi sajta i dodatni interni linkovi ka kategorijama. Svaki proizvod koji ima putanju do svoje kategorije ujedno linkuje tu kategoriju, što joj daje veći broj internih linkova i pomaže da je Google lakše pronađe i razume njenu važnost. Opisni tekst linka, na primer „Moderne kuhinje“ umesto „Kategorija 3“, dodatno govori o čemu je stranica. Ovo se lepo uklapa u širu priču o internom linkovanju.

Treba biti realan: breadcrumbs nisu prečica do boljih pozicija. Oni pomažu da struktura bude jasna, a efekat na rangiranje zavisi od sadržaja i ostatka sajta. Google je 2025. godine prestao da prikazuje putanju u rezultatima pretrage na mobilnim uređajima, pa se tamo uglavnom vidi samo domen. Na računaru se putanja i dalje može prikazati umesto sirove adrese.

BreadcrumbList strukturirani podaci

Da bi pretraživač sigurno razumeo putanju, ona se opisuje strukturiranim podacima tipa BreadcrumbList iz rečnika schema.org. Google preporučuje format JSON-LD, koji se ubacuje u kod stranice:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "Početna", "item": "https://www.vasdomen.rs/"},
    {"@type": "ListItem", "position": 2, "name": "Kuhinje", "item": "https://www.vasdomen.rs/kuhinje/"},
    {"@type": "ListItem", "position": 3, "name": "Moderne kuhinje"}
  ]
}
</script>

Važna pravila:

• Stavke su poređane po polju position, od najvišeg nivoa ka trenutnoj stranici.
• Polje item sadrži punu adresu stranice. Za poslednju stavku, trenutnu stranicu, adresa se može izostaviti.
• Strukturirani podaci moraju odgovarati onome što posetilac vidi na stranici.
• Ako stranica pripada u dve kategorije, dozvoljeno je navesti više putanja, ali je jedna glavna putanja obično jasnija.

Na WordPress sajtovima BreadcrumbList najčešće automatski generišu SEO dodaci poput Yoast SEO ili Rank Math, uz uslov da je prikaz putanje uključen. Ispravnost proverite alatom Rich Results Test i izveštajem o strukturiranim podacima u Search Console. Opšti pregled ostalih tipova naći ćete u vodiču za strukturirane podatke.

Dizajn i HTML: kako da izgledaju kako treba

Dobar HTML za breadcrumbs koristi element nav sa opisom za čitače ekrana i uređenu listu:

<nav aria-label="Putanja">
  <ol>
    <li><a href="/">Početna</a></li>
    <li><a href="/kuhinje/">Kuhinje</a></li>
    <li aria-current="page">Moderne kuhinje</li>
  </ol>
</nav>

Najčešće greške

• Putanja koja ne prati stvarnu strukturu, na primer kategorija u putanji koja ne postoji ili vodi na grešku 404.
• Različite putanje za isti proizvod u zavisnosti od toga odakle je posetilac došao, što zbunjuje i posetioce i pretraživač.
• Strukturirani podaci koji se ne poklapaju sa prikazom, na primer drugačiji nazivi ili više nivoa nego na stranici.
• Breadcrumbs umesto glavnog menija, iako su samo dopuna.
• Nazivi puni ključnih reči, poput „Kuhinje po meri Beograd povoljno“, umesto kratkih naziva kategorija.

Zaključak

Breadcrumbs su jednostavan element koji posetiocima olakšava snalaženje, a pretraživaču jasnije pokazuje hijerarhiju sajta. Postavite ih na sajtove sa više nivoa, uskladite ih sa stvarnom strukturom, napišite čist HTML i dodajte BreadcrumbList strukturirane podatke. Ako vaš sajt ili web shop ima nejasnu strukturu i posetioci se gube među stranicama, pošaljite nam upit i predložićemo rešenje za navigaciju.