TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Alt du bør vite om brødsmuler

5

Brødsmuler er en navigasjonsstruktur som inneholder samlinger av lenker som hjelper brukerne med å bla gjennom nettstedet enkelt. Dette hjelper brukeren til å vite når som helst hvor han er på nettstedet og flytte opp eller ned nivåstrukturen direkte. Mindre nettsteder med én kategori eller uavhengige sider krever kanskje ikke en ekstra brødsmulenavigasjon siden nettstedets meny kan tilfredsstille navigasjonsbehovet til en bruker. Men større nettsteder med stort antall kategorier og sidestruktur mellom foreldre og barn trenger ytterligere brødsmuler for å informere brukerne om nøyaktig hvor gjeldende side er plassert i forhold til hele nettstedet.

Interesserte brukere kan gå til øvre eller nedre nivå for å finne relevant innhold som kanskje ikke er mulig uten brødsmuler på plass.

Viktigheten av brødsmuler

I tillegg til å hjelpe brukerne, er brødsmulestrukturen også vist på søkemotors resultatsider på Google og Bing. Søkemotorer som Bing viser lenken til brødsmulene i søkeresultatene, slik at brukerne kan gå direkte til den kategorien i stedet for en bestemt side.

Alt du bør vite om brødsmulerAlt du bør vite om brødsmuler

Hvordan legge til brødsmuler?

Den enkle måten å legge til brødsmuler på nettstedet ditt er å bruke et tema som tilbyr denne funksjonen som standard. Innholdshåndteringssystemer som egenvert WordPress tilbyr plugins for å sette inn tilpasset brødsmul over artikkeloverskriften. Hvis nettstedbyggeren ikke tilbyr en slik funksjon, må du legge den til manuelt på hver side ved å bruke HTML -anker -tag. For eksempel tilbyr nettstedbyggerverktøy som Weebly ikke temaer med standard brødsmuler. Derfor må du legge den til på hver side separat med tilpasset HTML / CSS.

Eksempler på brødsmuler

Selv om brødsmuler vanligvis er plassert som en horisontal lenke under eller over tittelen på en side, kan den ha en vertikal eller horisontal struktur avhengig av nettstedets navigasjonsstruktur. Nedenfor er eksemplene på brødsmuler som viser hvor enkelt det gjør brukerne å bla gjennom nettstedet.

Alt du bør vite om brødsmuler

På dette nettstedet bruker vi Yoast SEO -plugin for å vise de horisontale brødsmulene over hver innleggstittel. Siden vi har mange kategorier, hjelper dette oss med å gruppere artiklene i den relevante kategorien og vise den i søkemotorer. Fordelen er at når en artikkel er gruppert med flere kategorier, kan du velge hvilken kategori som skal vises i brødsmulet som hovedkategori.

Alt du bør vite om brødsmuler

Yoast SEO Brødsmuler

Yoast SEO -brødsmulingen vil være enkel tekstbasert, og du kan legge til boks og skygge ved hjelp av CSS nedenfor:

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

Egendefinerte CSS -brødsmuler

Du kan legge til egendefinerte CSS -brødsmuler, spesielt når nettstedet ditt har et mindre antall sider. Nedenfor er en horisontal CSS -brødsmuler som kan legges til på nettstedet ditt. Ta en titt på artikkelen vår om hvordan du legger til denne brødsmulen på ditt Weebly -nettsted.

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

Brødsmuler blir også referert til som kakekrummel eller brødsmulespor.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon