Krušne mrvice ili krušne mrvice. "Breadcrumbs" - što su oni? Primjeri navigacije Breadcrumbs ako je članak u nekoliko odjeljaka

Vrijeme za čitanje: 6 minuta

Sjećate li se bajke braće Grimm “Hensel i Gretel”? Tamo su bacali mrvice kruha na cestu kako bi pronašli put kući. Naravno, u bajci su ih ptice kljucale, a oni se nisu mogli vratiti, završili su kod zle vještice. Kakve to veze ima s bajkom i člankom o Internet marketingu? Vrlo je jednostavno, pojam "prezle" koriste stručnjaci. A na stranici nitko neće jesti te mrvice; one će pokazati pravi put posjetitelju.

Krušne mrvice- Ovo je jedna od vrsta navigacije web stranica. Najjednostavniji primjer ove navigacije možete vidjeti na računalu. Pogledajte sliku:

Da biste se vratili na odjeljak sys(C), ne morate nekoliko puta pritisnuti tipku "Natrag", možete jednostavno kliknuti na naziv same mape i naći ćete se tamo.

Zašto vam treba takva navigacija na web stranici ako možete nekoliko puta kliknuti “Natrag” i završiti tamo gdje trebate biti? Ako se, primjerice, nalazite na web stranici internetske trgovine, morate se vratiti nekoliko pozicija unatrag, izgubit ćete puno vremena i rezultati pretraživanja najvjerojatnije neće biti spremljeni. Navigacijski alati preglednika pokazali su se nezgodnima.

Ispod je primjer "mrvica kruha" na web stranici BonPrix:

Prednosti krušnih mrvica:

1. Pojednostavite navigaciju web stranice za korisnika.
2. Tražilice bolje rangiraju web mjesto pomoću navigacije.
3. U početku ćete ispravno povezati stranice (interno povezivanje).
4. Stvorite lako čitljive isječke u tražilicama. Isječak je tekst koji se koristi kao opis poveznica u rezultatima pretraživanja.
5. Izradite ispravnu težinu sidra za vezu.

U ovom ćete članku saznati na što trebate obratiti pozornost pri stvaranju navigacije putem puta.

Težina stranice– ovo je uvjetna vrijednost koja pokazuje "značaj" mjesta.

Statička težina stranice je broj poveznica na njemu. Najveću težinu će imati glavna stranica stranice, budući da poveznice sa svih stranica stranice vode na glavnu stranicu.

No, događa se i da vas promaknu na temelju konkurentskih zahtjeva. U ovom slučaju, bolje je koristiti ne riječ "Dom", već cijelu frazu ili upit, na primjer: Tehnologija > Dodatna oprema > Tipkovnice

2. Ponašanje korisnika

Ispravna navigacija web-mjestom pomaže korisnicima da brzo pronađu informacije koje su im potrebne. A sa strane tražilica, takva je stranica bolje rangirana za promovirane upite.

Mjerni podaci kao što su dubina pregledavanja i angažman korisnika također se poboljšavaju. A to zauzvrat ima pozitivan učinak ne samo na pozicije web stranice, već i na stope konverzije.

3. Isječak

Isječak– ovo je dio teksta koji se prikazuje pored poveznice u rezultatima pretraživanja.

Pomoću Google tražilice možete prenijeti strukturirane podatke i poboljšati rangiranje svoje stranice u rezultatima pretraživanja. Yandex malo zaostaje za Googleom i još ne zna kako podržati ovu vrstu označavanja. Ali sam Yandex stvara navigacijski lanac koji se može vidjeti u pretraživanju.

Putovi kroz web formatirani i neformatirani pomoću strukturiranih podataka u Google rezultatima:

Google koristi tri formata za prijenos strukturiranih podataka - JSON-LD, Microdata, RDFa. Formati mikropodataka i RDFa prikladni su za prezle. Ispod je primjer oblikovanja koda u formatu mikropodataka:

Nakon dovršetka koda, morate se uvjeriti da nema pogrešaka. Za to postoji Googleov alat za provjeru valjanosti.

Alat će vam pomoći da provjerite jesu li strukturirani podaci pravilno obrađeni i prikazani.

4. Zapamtite

• Dobra je praksa da posljednji element navigacije ne bude poveznica, na primjer: Dom > Blog> Članak
• Ako koristite previše ključnih riječi u svom navigacijskom lancu, povećavate vjerojatnost da će tražilice filtrirati vašu stranicu.
• Hoćete li implementirati breadcrumbs ovisi o vrsti resursa koje imate. Ako imate web-mjesto s posjetnicama ili na web-mjestu postoji nekoliko odjeljaka, ova navigacija vam nije potrebna. Ali ako imate veliku internetsku trgovinu, očito vam je potreban takav navigacijski lanac.

Breadcrumb navigacija nezamjenjiv je i potreban dizajn. Čak i prije pokretanja stranice, potrebno je razmisliti o navigaciji do najsitnijih detalja. Također je od vitalnog značaja za web stranice s više stranica sa složenom strukturom. Pogledajte najveće resurse i internetske trgovine, gdje će vam dobro promišljen sustav omogućiti razumijevanje svih suptilnosti navigacije i njegovih značajki.

“Breadcrumbs” (od engleskog “breadcrumbs”) je navigacijski lanac na web stranici koji odražava put od glavne stranice do trenutne. Prvo su korišteni u upraviteljima datotekama kao što su Norton Commander ili Volkov Commander i pokazivali su put do korijenske mape.

Zašto koristiti ovu dvostruku navigaciju na stranici? Kako to utječe na upotrebljivost i SEO? Kako to implementirati? Pronađite odgovore na najpopularnija pitanja o krušnim mrvicama u našem novom postu.

Čemu služe krušne mrvice?

Još 1995. Jakob Nielsen formulirao je 10 načela upotrebljivosti, od kojih je prvo bilo “Vidljivost statusa sustava”. Njegova suština je da korisnik uvijek treba znati u kojem se dijelu stranice nalazi. Za provedbu ovog načela potrebne su „mrvice kruha“. Poznati dizajner Artemy Lebedev piše u Kovodstvu da je dvostruka navigacija prikladna kada postoji logično ugniježđivanje sadržaja, odnosno na gotovo svim informativnim stranicama. Dodajmo da je navigacijski lanac neophodan i za online trgovine i korporativne web stranice.

Sa stajališta upotrebljivosti, mrvice kruha rješavaju tri problema:

• obavijestiti korisnika o njegovoj trenutnoj lokaciji na stranici;
• jasno pokazati strukturu izvora;
• omogućuju vam da brzo prijeđete na više visoka razina gniježđenje, zaobilazeći gumb "Natrag" preglednika.

Osim pozitivnog utjecaja na upotrebljivost, dvostruka navigacija ima SEO učinak:

• prirodni je element povezivanja stranice;
• poboljšava metriku ponašanja (vrijeme na stranici i dubinu pregledavanja) pojednostavljivanjem navigacije;
• pod uvjetom da je mikro označavanje konfigurirano, poboljšava se izgled isječak u pretraživanju, naime, formira navigacijski lanac i povećava njegovu klikabilnost (podržano samo u Googleu).

Što su "mrvice kruha"?

Put mrvica može se organizirati prema različitim principima:

Linearni princip. Ovo je najčešća opcija - naznačen je puni put od glavne stranice do trenutne. Primjer je na slici ispod:

Ovdje je prikazana sljedeća struktura gniježđenja: glavna stranica je “Centar za namještaj”, zatim slijedi stranica s katalogom proizvoda, zatim odjeljak “Kuhinje”, zatim “Kuhinjske garniture” i na kraju naziv određenog seta.

Ako je struktura web-mjesta vrlo složena, postoji skraćena verzija "mrvica kruha":

U trgovini Amazon "mrvice" ne počinju s glavnom stranicom, već s nazivom odjeljka kataloga. Snimka zaslona pokazuje da je "početak reference" odjeljak "Dom i kuhinja" trgovine.

Princip "natrag".. Bit metode je da se umjesto navigacijskog lanca postavlja poveznica "Na prethodnu stranicu", "Natrag na katalog" itd., što zapravo duplicira gumb "Natrag" preglednika. Ovaj je pristup prikladan ako web mjesto koristi funkciju pretraživanja.

Na snimci zaslona gumb "Rezultati" vodi s kartice proizvoda na stranicu s rezultatima pretraživanja za upit "Cipele".

Kombinacija dvije prethodne opcije. U ovom slučaju dostupni su i linearni put kroz pretraživanje i gumb Natrag. U ispravna izvedba Ova kombinacija je prikladna za stranice koje su korisnici pronašli putem funkcije pretraživanja na web mjestu. Ali postoji i neuspješno izvršenje kada je gumb "Natrag" prisutan na svim karticama, bez obzira jesu li tražene pretraživanjem ili ne:

Atributivni princip. Koriste ga internetske trgovine i internetski katalozi. Sadržaj i put stranice formiraju se na temelju svojstava i filtera koje odredi korisnik.

Brisanjem i dodavanjem svojstava, korisnik svaki put stvara jedinstveni "put" do stranice proizvoda.

Kako stvoriti prave krušne mrvice?

Možete stvoriti trag mrvica različiti putevi: korištenje PHP-a, CSS-a, dodataka za popularni CMS WordPress, Joomla! i drugi motori - na Internetu možete pronaći puno rješenja. Koji god način da odaberete, slijedite ove savjete:

• „mrvice kruha“ stvorene su prvenstveno za posjetitelje stranice, radi njihove udobnosti, stoga ih koristite kada su stvarno korisne; niste obavezni dodavati ih na svaku stranicu - na primjer, web-stranice s jednom stranicom dobro žive i bez mrvica;
• “breadcrumbs” nisu zamjena za glavni izbornik, već samo pomoćni navigacijski alat;
• Ne biste trebali posebno prilagođavati tekstualna sidra u navigacijskim vezama na ključne fraze; iznimka - ako se ključne fraze skladno uklapaju u navigacijsku logiku;

ako koristite linearnu navigaciju, napišite put do samog kraja da ne zbunite posjetitelje:

Jasna i nekomplicirana struktura web stranice ono je čemu trebate težiti kada je razvijate i kasnije održavate. Potrebno je optimizirati strukturu ne samo zbog praktičnosti korisnika, već i kako bi se izbjegli problemi s indeksiranjem od strane robota za pretraživanje.

Komponente strukture stranice

Struktura stranice je hijerarhija odjeljaka, pododjeljaka i stranica na kojima se nalazi sadržaj objavljen na njoj. Struktura bi trebala biti jasna, prikladna i u skladu s vrstom informacija koje se nalaze na izvoru.

Postoji nekoliko vrsta struktura, u svakoj od kojih su elementi raspoređeni na određeni način:

• Linearna struktura – sekvencijalni prikaz informacija. Korisnik otvara jednu stranicu za drugom, postupno se upoznavajući s informacijama prikazanim na njima. Standardna navigacija za takve stranice s knjigama je odlazak na glavnu, prethodnu ili sljedeću stranicu. Linijska struktura može imati nekoliko ogranaka od glavne stranice.
• Struktura stabla - u ovom slučaju izgrađena je hijerarhija u kojoj se korisnik kreće s glavne stranice na odjeljke. Podsekcije se mogu otvoriti za bilo koju sekciju, a za njih se mogu otvoriti vlastite pododjeljke sljedeće razine, kao i konačne interne stranice.
• Struktura rešetke - slična prethodnoj, ali je složenija opcija, kada iz bilo kojeg odjeljka, s bilo koje stranice možete otići na bilo koji dio web mjesta, do potpuno različitih grana.

Najčešće se struktura stabla smatra najoptimalnijim i najprikladnijim - ne komplicira posao pretraživanja, ako je sve učinjeno ispravno, i pomaže da navigacija bude udobna i razumljiva posjetiteljima.

Kako optimizirati strukturu stranice?

Kako ni posjetitelji ni botovi tražilica ne bi trošili puno vremena tražeći potrebne informacije na stranici, struktura mora biti izgrađena prema određenim pravilima. Trebali biste izbjegavati najčešće pogreške koje se javljaju prilikom izrade karte web-lokacije i načina navigacije po njoj.

Zahtjevi za početnu stranicu

Početna stranica je lice stranice i brenda kojem pripada. Ovdje je vrlo važno razraditi svaki najmanji detalj i pobrinuti se da se posjetitelj i dalje upoznaje sa stranicom i informacijama na njoj. Što se SEO tiče, zahtjevi za ovaj element strukture su sljedeći:

• Potrebno je isključiti prisutnost duplikata glavne stranice, dostupnih na različitim adresama. Da biste pronašli duplikate, možete unijeti glavni naslov pod navodnicima u Yandex ili Google traku za pretraživanje.
• Početna stranica služi kao polazište za navigaciju, prezentaciju izvora s kratkim informacijama o njemu. Bolje je ne objavljivati ​​zahtjeve ovdje i ne promovirati je kroz njih.
• Broj telefona i adresa organizacije treba biti na vidljivom mjestu (ukoliko njezina djelatnost zahtijeva da klijent može doći na lokaciju), naziv ispisan tekstom (ne slikom ili ne samo slikom). Obično se takve informacije postavljaju na vrh, u zaglavlju stranice.
• Glavna stranica treba imati prikladan navigacijski imenik za prelazak na druge odjeljke i pojedinačne stranice.
• Elementi kao što su meta oznake trebaju sadržavati naziv organizacije. Trebaju biti kratki, sažeti, bez znakova koji ne nose nikakvu informaciju.

Optimizacija particije

Odjeljci na web mjestu omogućuju vam da podijelite informacije u grupe koje odgovaraju različitim područjima, temama, ujedinjujući homogenu robu ili usluge.

U odjeljcima je preporučljivo početi promovirati visokofrekventne upite o relevantnim temama. Oni bi trebali biti uključeni u tekst iu meta oznake i URL.

Čak bi i komercijalni portali trebali napraviti rubrike s informativnim sadržajem na temu stranice kako bi privukli više posjetitelja. Na primjer, na web stranici trgovine mobilnim uređajima možete objaviti recenzije i vijesti o novim proizvodima koji izlaze na tržište.

Odjeljke sustava i odjeljke koji nisu namijenjeni posjetiteljima treba sakriti od indeksiranja postavljanjem zabrane njihove vidljivosti u "robots.txt". Ovo se ne odnosi na odjeljke koji su odgovorni za prilagodljivi dizajn (ako je pri izradi stranice korišten prilagodljivi izgled). Povremeno biste trebali pratiti jesu li ti odjeljci izbrisani ili preimenovani kako biste ažurirali informacije u datoteci.

Rad s kružnim referencama

Dodavanje poveznica na njih na stranicama izaziva sumnje među SEO stručnjacima. Možete ostaviti kružni link u navigacijskom izborniku, ali njegovo korištenje u tekstu nije opravdano i ne donosi nikakav učinak.

Dinamički sitemap

Korištenje dinamičkog sitemapa u XML formatu može značajno povećati brzinu i učinkovitost indeksiranja resursa od strane robota za pretraživanje. Za postavljanje takve karte možete koristiti dodatak All in One SEO Pack.

Kontrola razine ugniježđenja stranica

Veliki stupanj ugniježđenosti stranica čini strukturu stranice težom. Stranice s puno ugniježđenja lošije indeksiraju tražilice. Da biste identificirali visoko ugniježđene stranice, možete koristiti resurs Xenu Link Sleuth.

Što su breadcrumbs u SEO-u?

Breadcrumbs se shvaćaju kao navigacijski element koji se prikazuje na svakoj stranici i predstavlja opis puta do zadane stranice s glavne stranice, odnosno hijerarhiju razina koje vode od glavne stranice do one na kojoj se nalazi posjetitelj. Na primjer: Dom/Automobili/Toyota/Toyota Land Cruiser 200.

Ovo omogućuje korisniku bolju navigaciju web mjestom i mogućnost povratka na željenu razinu u hijerarhiji u bilo kojem trenutku.

Korištenje simbola autorskog prava

Kako biste pokazali da je stranica zaštićena od kopiranja, možete instalirati ikonu autorskih prava - ©. Ovo je stilizirano slovo "c" iz engleska riječ copyright, što znači "autorska prava".

Ovaj se simbol obično nalazi na web mjestu na samom dnu, u elementu "footer". Kako bi njegovo korištenje donijelo željeni učinak, a vi u budućnosti mogli koristiti činjenicu njegovog postojanja za zaštitu svojih isključivih vlasničkih prava na stranici, potrebno ju je formalizirati u skladu sa zakonom. Standardi za dizajn znakova regulirani su dokumentom GOST R 7.0.1-2003 i člankom 1271. Građanskog zakonika Ruske Federacije.

Kako bi se ispunili svi zahtjevi, sljedeće informacije moraju biti postavljene na stranicu:

• Sama ikona u obliku koji zahtijeva GOST (latiničko slovo "c" postavljeno u krug);
• Podaci o vlasniku prava na objekt (u ovom slučaju web mjesto) - prezime, ime, patronim ako se radi o fizičkoj osobi i ime navedeno kao u službenim registracijskim dokumentima za organizacije;
• Godina kada je stranica postavljena na Internet.

Ispravna vrsta obavijesti o autorskim pravima: © Kisel LLC, 2000-2017. Ovdje je sve važno - čak i interpunkcijski znakovi. Datumski raspon je naznačen ako se novi podaci i materijali povremeno pojavljuju na stranici. Ako nema ažuriranja, možete navesti samo godinu kada je stranica objavljena. Označavanje autorskih prava će dodati kredibilitet web mjestu i, ako ne prestraši prevarante, njegova prisutnost može povećati povjerenje u portal klijenata i partnera.

Prvo shvatimo što je to - mrvice kruha na web mjestu i zašto su potrebne.

Breadcrumbs su izvorno korišteni kako bi korisnicima olakšali navigaciju. U biti, ovo je blok poveznica na vrhu stranice koji prikazuje hijerarhiju stranice. Oni. korisnik se može vratiti, na primjer, na prethodnu stranicu kataloga u online trgovini.
Evo jasnog primjera:

Utjecaj Breadcrumbsa na SEO

S vremenom su SEO optimizatori primijetili da ovaj blok veza ima pozitivan učinak na promociju resursa. I evo zašto funkcionira:

1. Interno povezivanje

Prema hijerarhiji gotovo svake stranice, što je niža razina ugniježđenosti odjeljka, to je on važniji. Stoga je potrebno osigurati da struktura stranice bude takva da poveznice s dubljih stranica vode na one pliće. Lakše je objasniti na primjeru.

Kao što možete vidjeti na slici, svaki proizvod vodi do kategorije, a svaka kategorija vodi do glavne stranice stranice.
Takvo povezivanje postalo je svojevrsni standard na području promocije pa su ga tražilice čak počele koristiti izravno u vlastitim rezultatima. To se radi pomoću označavanja sheme, ali više o tome kasnije.

2. Čimbenici ponašanja

Prije nekoliko godina tražilice su počele analizirati ponašanje korisnika na web mjestu i, ovisno o tome, postavljati stranice na jednu ili drugu poziciju za upite. Kao što možete zamisliti, jedan od ovih čimbenici ponašanja— broj internih prijelaza na mjestu. Breadcrumbs može ozbiljno poboljšati ovaj pokazatelj u nekim slučajevima.

Označavanje sheme za puteve

Mikro označavanje omogućuje tražilicama da točnije identificiraju puteve i čak ih dodaju svojim rezultatima kao bonus. Izgledat će otprilike ovako:

I dok su sami breadcrumbs najčešće instalirani prema zadanim postavkama na web stranicama, mikrooznake se najčešće moraju dodati ručno. Stoga ćemo napisati kratku uputu kako to provesti.

Dom

Sada pogledajmo što je to.

Prvo što trebamo učiniti je zamotati svaku vezu u oznaku i upiši u samu oznaku
itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem"

VEZA

Ova oznaka ostaje zadana. U njemu tražilicama kažemo da je ovo oznaka sheme, a element te oznake naziva se itemListElement. Ova se konstrukcija koristi u svim referencama.

Dom

Sukladno tome, ako bismo imali drugu razinu ugniježđenja, morali bismo napisati content=”2″.

Dobra navigacija iznimno je važna za web mjesto. I tu će vam u pomoć priskočiti krušne mrvice. Pogledajmo što su i kako ih koristiti.

Breadcrumbs su vrsta sekundarne navigacije web stranice koja prikazuje lokaciju korisnika na web stranici ili web aplikaciji.

Obično se putevi mogu pronaći na velikim stranicama, gdje su sve stranice organizirane prema strogoj hijerarhiji. U svom najjednostavnijem obliku, putevi su vodoravno postavljene tekstualne veze odvojene znakom veće od - ">" . Ovaj simbol označava razinu ove stranice u odnosu na druge stranice na web mjestu.

Kada koristiti krušne mrvice?

Zapravo, ne postoji uvijek potreba za korištenjem ovog navigacijskog elementa. Ali pogledajmo kada ih još trebate koristiti.

Koristite navigaciju putem puta za velika web-mjesta i web-mjesta koja imaju hijerarhijski organizirane stranice. Izvrstan scenarij su web-mjesta za e-trgovinu na kojima je širok izbor proizvoda grupiran u logične kategorije.

Ne biste trebali koristiti puteve za web stranice s jednom razinom koje nemaju logičku hijerarhiju ili grupiranje. Sjajan način da odredite hoće li web stranica imati koristi od navigacije putem puta jest izrada karte web mjesta ili dijagrama koji predstavlja navigacijsku arhitekturu web stranice, a zatim analizirati hoće li putevi poboljšati sposobnost korisnika da se kreće unutar i između kategorija.

Navigaciju putem puta treba smatrati samo izbornom značajkom i ne smije zamijeniti učinkovite primarne navigacijske izbornike. Ovo je zgodna značajka; sekundarna navigacijska shema koja korisnicima omogućuje određivanje gdje se nalaze; i alternativni način za navigaciju vašom web stranicom.

Vrste krušnih mrvica

Postoje tri glavne vrste krušnih mrvica. Pogledajmo ih pobliže.

1. Temeljeno na lokaciji.

Ovo je vjerojatno najprepoznatljivija vrsta krušnih mrvica. Prikazuje korisniku gdje se nalazi u hijerarhiji web stranice. Ova se vrsta obično koristi za dizajn navigacije koji ima više razina (obično više od dvije razine). U primjeru online trgovine u nastavku možete vidjeti razine u hijerarhiji.