TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kaikki mitä sinun tarvitsee tietää korppujauhoista

4

Breadcrumbs on navigointirakenne, joka sisältää kokoelman linkkejä, joiden avulla käyttäjät voivat helposti selata verkkosivustoa. Tämä auttaa käyttäjää milloin tahansa tietämään, missä hän on sivustolla, ja siirtymään suoraan tason rakenteeseen. Pienemmät sivustot, joissa on yksi luokka tai itsenäiset sivut, eivät ehkä vaadi ylimääräistä navigointipolkua, koska sivuston valikko voi tyydyttää käyttäjän navigointitarpeen. Suuremmat sivustot, joissa on suuri määrä luokkia ja vanhempi-lapsi-sivurakenne, tarvitsevat kuitenkin lisäleikkeitä, jotta käyttäjät voivat kertoa, missä nykyinen sivu sijaitsee suhteessa koko sivustoon.

Kiinnostuneet käyttäjät voivat siirtyä ylemmälle tai alemmalle tasolle löytääkseen asiaankuuluvaa sisältöä, joka ei ehkä ole mahdollista ilman korppujauhoja.

Leipäkorppujen merkitys

Käyttäjien auttamisen lisäksi navigointirakon rakenne näkyy myös Googlen ja Bingin hakukoneiden hakutulossivuilla. Hakukoneet, kuten Bing, näyttävät leivänmurujen linkin hakutuloksissa, jotta käyttäjät voivat siirtyä suoraan kyseiseen luokkaan tietyn sivun sijasta.

Kaikki mitä sinun tarvitsee tietää korppujauhoistaKaikki mitä sinun tarvitsee tietää korppujauhoista

Kuinka lisätä korppujauhoja?

Helppo tapa lisätä korppujauhoja sivustoosi on käyttää teemaa, joka tarjoaa tämän ominaisuuden oletuksena. Sisällönhallintajärjestelmät, kuten itse isännöity WordPress, tarjoavat laajennuksia, joiden avulla voit lisätä mukautetun leivänmurun artikkelin otsikon yläpuolelle. Jos sivustosi rakennustyökalu ei tarjoa tällaista toimintoa, sinun on lisättävä se manuaalisesti kullekin sivulle käyttämällä HTML -ankkuritunnistetta. Esimerkiksi Weeblyn kaltaiset sivustonrakennustyökalut eivät tarjoa teemoja, joissa on oletusleipäleipä. Siksi sinun on lisättävä se kullekin sivulle erikseen mukautetulla HTML / CSS: llä.

Esimerkkejä korppujauhoista

Vaikka navigointilappu sijoitetaan yleensä vaakasuuntaiseksi linkiksi sivun otsikon alle tai yläpuolelle, sillä voi olla pystysuora tai vaakasuora rakenne sivuston navigointirakenteesta riippuen. Alla on esimerkkejä korppujauhoista, jotka osoittavat, kuinka helppoa käyttäjien on selata sivustoa.

Kaikki mitä sinun tarvitsee tietää korppujauhoista

Tällä sivustolla käytämme Yoast SEO -laajennusta vaakasuorien korppujauhojen näyttämiseen jokaisen viestin otsikon yläpuolella. Koska meillä on paljon luokkia, tämä auttaa meitä ryhmittelemään artikkelit asianomaiseen luokkaan ja näyttämään sen hakukoneissa. Etuna on, että kun artikkeli on ryhmitelty useisiin luokkiin, voit valita, mikä luokka näytetään leivänmurussa ensisijaisena luokkana.

Kaikki mitä sinun tarvitsee tietää korppujauhoista

Yoast SEO Breadcrumbs

Yoast SEO -mallisto on yksinkertainen tekstipohjainen ja voit lisätä laatikon ja varjon alla olevan CSS: n avulla:

#breadcrumbs { box-shadow: 1px 1px #d5d4d4; background: #eeeded; border: 1px solid #eeeded; border-radius: 5px; padding: 0 5px 0 10px; font-size: 16px; }

Mukautetut CSS -korppujauhot

Voit lisätä mukautettuja CSS -korppujauhoja erityisesti silloin, kun sivustossasi on pienempi määrä sivuja. Alla on vaakasuora CSS -korppujauho, jonka voit lisätä sivustollesi. Lue artikkelistamme kuinka lisätä tämä korppujauho Weebly -sivustoosi.

CSS Breadcrumb Style 1

CSS Breadcrumb Style 2

CSS Breadcrumb Style 3

CSS Breadcrumb Style 4

CSS Breadcrumb Style 5

Bonus CSS Breadcrumb Style 6

Leivänmuruja kutsutaan myös evästeen muruksi tai korppujauhoksi.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja