Kaj je navigacija po drobtinicah?
Navigacija po drobtinicah se nanaša na sled notranjih povezav, znanih kot "drobtinice", ki uporabnika obveščajo o njegovem trenutnem položaju na spletnem mestu v hierarhiji strani spletnega mesta. Izraz "drobtinica" je nastal po zgodbi o Janijelu in Marelici iz pravljice bratov Grimm, ki sta pustila sled drobtinic, da sta našla pot nazaj domov.
Vrste navigacije po drobtinicah
- Drobtinice na podlagi hierarhije: Prikazujejo položaj uporabnika v hierarhiji spletnega mesta.
- Drobtinice na podlagi atributov: Uporabljajo se na spletnih straneh e-trgovine.
- Drobtinice na podlagi zgodovine: Na podlagi posameznih korakov, ki jih je obiskovalec naredil, da je prišel do trenutne strani.
Pomen navigacije po drobtinicah
Navigacija po drobtinicah je pomembna, ker izboljša uporabniško izkušnjo in olajša navigacijo po spletnih mestih. Zagotavlja sekundarno navigacijo, ki obiskovalcem pomaga najti, kar iščejo, in zmanjšuje število klikov, potrebnih za vrnitev na strani višje ravni. Izboljša tudi uporabnost na mobilnih napravah in ima ključno vlogo pri SEO.
Prednosti SEO
- Uporabniška izkušnja: Google nagrajuje spletna mesta, ki dajejo prednost uporabniški izkušnji. Drobtinice olajšajo navigacijo, kar lahko izboljša zadovoljstvo uporabnikov.
- Razumevanje hierarhije spletnega mesta: Google lažje razume strukturo vašega spletnega mesta in učinkoviteje razporeja PageRank, kar lahko izboljša vaše uvrstitve.
- Nižje stopnje odboja: Z zagotavljanjem alternativnih načinov navigacije lahko drobtinice zmanjšajo stopnjo odboja, saj spodbujajo raziskovanje več vsebine na spletnem mestu.
Kako implementirati navigacijo po drobtinicah
Navigacija po drobtinicah je preprosta. Če imate spletno mesto WordPress, vtičniki, kot je Yoast SEO, poenostavijo postopek. Nekatere teme WordPress lahko celo privzeto podpirajo drobtinice. Na spletnih mestih, ki niso v programu WordPress, lahko drobtinice uvedete ročno z uporabo HTML in CSS.
Primer predloge HTML
<ul class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Kategorija</a></li> <li>Prihodnja stran</li> </ul>
Ta predloga ustvari seznam povezav z odebeljenimi vrsticami. Prilagodite slog s CSS, da bo ustrezal vašim oblikovalskim potrebam.
Strukturirani podatki
Če želite, da se drobtinice pojavijo v spletnih servisih SERP, v spletno mesto implementirajte ustrezne strukturirane podatke. Podrobna navodila najdete v Googlovi dokumentaciji o drobtinicah.
Najboljše prakse za navigacijo po drobtinicah
- Podpora primarni navigaciji: Drobtinice so dodatna navigacijska funkcija in ne nadomeščajo primarnega navigacijskega menija.
- Uporabite ločila: Besedilne povezave v drobtinicah ločite s posebnimi znaki, kot so ">", "/" ali puščice.
- Celotna navigacijska pot: Vedno vključite celotno navigacijsko pot, ne glede na to, kako je uporabnik prišel na stran.
- Od leve proti desni Branje: Na levi strani je domača stran, na desni pa trenutna stran.
- Trenutna stran: Zadnja postavka v drobtinicah mora biti trenutna stran in ne sme biti povezava, na katero je mogoče klikniti.
- Nevsiljivo oblikovanje: Zagotovite, da je navigacija po drobtinicah preprosta in nevsiljiva, nameščena na vrhu strani ter da je uporabljena majhna, a berljiva pisava.
Za več informacij in nasvetov o spletni navigaciji in SEO obiščite Ranktrackerjev blog in si oglejte naš obsežen vodnik SEO. Poleg tega si oglejte naš slovarček SEO, da se seznanite s ključnimi izrazi in pojmi SEO.