Mis on Breadcrumb Navigation?
Breadcrumb-navigatsioon viitab sisemiste linkide jälgedele, mida tuntakse kui "leivakriipsu", mis teavitab kasutajat tema praegusest asukohast veebisaidi lehekülgede hierarhias. Mõiste "leivakriips" on inspireeritud vendade Grimmide muinasjutust "Hansel ja Gretel", kus nad jätsid leivakriipsude jälje, et leida tee koju tagasi.
Breadcrumb-navigatsiooni tüübid
- Hierarhiapõhised leivakriipsud: Need näitavad kasutaja positsiooni veebisaidi hierarhias.
- Atribuutidel põhinevad leivakruvid: Korraldatud atribuutide või siltide alusel, mida kasutatakse tavaliselt e-kaubanduse veebisaitidel.
- Ajaloopõhised leivakriipsud: Korraldatud vastavalt konkreetsetele sammudele, mida külastaja tegi, et jõuda praegusele lehele.
Breadcrumb navigeerimise tähtsus
Breadcrumb-navigatsioon on oluline, sest see parandab kasutajakogemust ja muudab veebilehtedel navigeerimise lihtsamaks. See pakub sekundaarset navigeerimist, aidates külastajatel leida seda, mida nad otsivad, ja vähendades kõrgemal tasemel lehekülgedele tagasipöördumiseks vajalike klõpsude arvu. Samuti parandab see mobiilikasutatavust ja mängib olulist rolli SEO-süsteemis.
SEO eelised
- Kasutajakogemus: Google premeerib veebisaite, mis seavad esikohale kasutajakogemuse. Leivakriipsud muudavad navigeerimise lihtsamaks, mis võib parandada kasutajate rahulolu.
- Veebisaidi hierarhia mõistmine: Breadcrumbs aitavad Google'il mõista teie veebisaidi struktuuri ja jaotada PageRanki tõhusamalt, parandades potentsiaalselt teie edetabelit.
- Madalam tagasilöögimäära: Leivakriipsud võivad vähendada põrgatuse määra, julgustades kasutajaid uurima rohkem sisu saidil.
Kuidas rakendada leivakriipsu navigatsiooni
Leivakriipsu navigatsiooni rakendamine on lihtne. Kui teil on WordPressi veebisait, lihtsustavad seda protsessi sellised pluginad nagu Yoast SEO. Mõned WordPressi teemad võivad isegi vaikimisi leivakriipsu toetada. Mitte-WordPressi veebisaitide puhul võite rakendada leivakriipsu käsitsi, kasutades HTML-i ja CSS-i.
HTML malli näide
<ul class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Blogi</a></li> <li><a href="#">Kategooria</a></li> <li>Tänavalehekülg</li> </ul>See mall genereerib linkide loetelu. Kohandage stiili CSS-i abil vastavalt oma kujundusvajadustele.
Struktureeritud andmed
Selleks, et tagada leivakriipsude ilmumine SERPs, rakendage oma veebisaidil asjakohased struktureeritud andmed. Üksikasjalikud juhised leiate Google'i leivakriipsu dokumentatsioonist.
Leivakriipsu navigatsiooni parimad praktikad
- Toetage esmane navigeerimine: Breadcrumbs on täiendav navigatsioonifunktsioon, mitte esmase navigatsioonimenüü asendaja.
- Kasutage eraldajaid: Eraldage tekstilinkid leivakriipsus erimärkidega, näiteks ">", "/" või nooled.
- Täielik navigeerimistee: Lisage alati täielik navigatsioonitee, olenemata sellest, kuidas kasutaja lehele jõudis.
- Vasakult paremale lugemine: Leivakriips peaks lugema vasakult paremale, nii et avaleht oleks vasakul ja praegune lehekülg paremal.
- Praegune lehekülg: Viimane element leivakriipsus peaks olema praegune lehekülg ja see ei tohiks olla klikitav link.
- Tagasihoidlik disain: Veenduge, et leivakriipsu navigatsioon on lihtne ja tagasihoidlik, asub lehe ülaosas ja kasutab väikest, kuid loetavat kirjastiili.
Rohkem teadmisi ja näpunäiteid veebis navigeerimise ja SEO kohta leiate Ranktracker Blogist ja meie põhjalikust SEO-juhendist. Lisaks vaadake meie SEO-sõnastikku, et tutvuda peamiste SEO-terminite ja -mõistetega.
