Hvad er Brødkrumme Navigation på et websted?
Vi taler ikke om de brødkrummer, der bruges til at dække fiskestænger eller valnødder. Brødkrummer bruges til at gøre det lettere at navigere ud over den primære navigationsmenu i WordPress-udvikling. Det er en liste af komponenter i form af links, adskilt af et tegn eller billede, og ses typisk på websteder med flere sider. Hvis et websted således har en høj afvisningsprocent eller en høj procentdel af forladte indkøbsvogne, er det typisk resultatet af en forvirret primær navigation eller en tabt breadcrumb-navigation (sekundær navigation).
Brødkrumme Navigation er typisk mindre synlig end andre numeriske elementer omkring den, men den synes altid at være placeret mellem hovedmenuen og indholdet. Breadcrumbs angiver den besøgendes aktuelle placering på et websted.
Da den komponent, der udgør den venstre fløj i et brødkrummespor, er den største klasseside eller forside, kan en besøgende på webstedet altid spore og genstarte sin rejse for at forbedre dataenes opdagelsesmuligheder. Hvis dit websted har flere kategorier eller et stort antal interne sider, bør du overveje at bruge breadcrumb-trail-navigation. Så lad os begynde med det primære emne for samtalen.
Selv om formålet med alle brødkrummer i webdesign er at forbedre opdagelsesmulighederne på webstedet, er der fire typer brødkrummer, der nu er i brug. En af dem anvendes hyppigere end de andre, og den følgende liste er i faldende rækkefølge af brugen af breadcrumb-navigation på websteder.
Typer af Brødkrumme Navigation
1. Attribute Brødkrumme Navigation
En attributbaseret brødkrumme er en type brødkrumme, der bruger attributter til at bestemme brødkrummens sti. Dette er i modsætning til at bruge en statisk sti eller URL. Når du bruger en attributbaseret brødkrumme, bestemmes brødkrummens sti af attributterne for det objekt, der vises. Hvis du f.eks. ser en produktside, vil brødkrummen bruge produktets attributter til at bestemme stien. Det betyder, at brødkrummen vil være forskellig for hvert produkt. Attributbaserede brødkrummer kan være meget nyttige til at give brugerne en mere kontekstbestemt og relevant oplevelse. De kan dog også være vanskelige at opsætte og administrere. Hvis du overvejer at bruge attributbaserede brødkrummer, skal du sørge for at afveje fordele og ulemper nøje, før du træffer en beslutning.
Den viser metainformationer på hver side, men afslører ikke din position på webstedet. Denne form for breadcrumb-navigation kræver ikke, at du skal følge dine skridt tilbage gennem webstedets navigation. cars.com anvender f.eks. den unikke breadcrumb-navigation, som viser attributterne for hver side fra breadcrumb-sporet.
Prøv at vælge en rute fra webstedet, og du vil se, at på et vist tidspunkt viser brødkrummesporet ikke længere startpunktet, men derimod karakteristika for hver side. Nogle websteder, f.eks. Overstock, anvender breadcrumb-navigation med filtreringsmuligheder for brugerne. Karakternavigation kan indeholde nøgleord for at opnå SEO-fordele på webstedet, men da den ikke viser din placering på webstedet, så du kan følge tilbage i din browsingrute, kan det føre til problemer med brugervenligheden.
Et yderligere problem med forskellige brødkrummer er, at den samme webside kan optræde i både en brødkrummenavigation og en kategoribaseret navigation, hvilket giver dobbeltmateriale. Denne form for brødkrumme-navigation ses af og til på e-handelswebsteder.
2. Brødkrumme Navigation med placering
Denne brødkrumme-navigation viser, som navnet antyder, hvor du befinder dig på et bestemt websted. Denne form for navigation er den mest anvendte på websteder og kan have en enkel struktur. Den viser et websteds indholdshierarki og giver brugerne mulighed for at vende tilbage til en klasseside på et højere niveau med et enkelt klik.
Denne form for breadcrumb-navigation anvendes almindeligvis på websteder med hierarkiske strukturer og metodisk organiserede klasser. Hjemmesidens brødkrumme er inaktiv og forbliver derfor konsistent uanset hvad. Det bedste eksempel, vi kan give, er at tage et kig på vores WordPress vedligeholdelses tjeneste. På denne side skal du scrolle ned til “Locations”, og du vil se det hele i aktion.
3. Stitch Brødkrumme Navigation
Stitch Brødkrumme Navigation angiver den vej, der bruges til at nå en bestemt side. Da visse websider er tilgængelige via forskellige ruter, skaber dette desuden unødvendige komplikationer med dobbeltmateriale. Denne form for brødkrumme genereres på baggrund af den vej, der er fulgt for at nå en bestemt side. Når en bruger når frem til et internt websted direkte fra en søgemaskine på internettet, kan det være, at den foreslåede vej ikke fører ham/hende til den ønskede landingsside. Dette er et godt eksempel for WooCommerce-websteder:
- Hjemmeside > Karrosseritype > Mærke > Model > Generation > Pris fra/til > Produktionsår > Brændstof > Antal KM/Miles
- Forside > Gård og udendørs > Baggård > Levesteder > Levesteder for bier og sommerfugle
- Forside > Herre > Parfumer til mænd > Shop alle herreprodukter > Eau De Toilette til ham
4. Titel Brødkrumme Navigation
Denne tidligere anvendte brødkrumme-navigationsmetode er blandt de mest ejendommelige, og webstedet anvender den ikke længere. Denne breadcrumb-navigation kan ses i webstedets title tag. Denne type brødkrummenavigation blev sandsynligvis indført for at forbedre webstedets SEO; den har dog ingen fordele for brugervenligheden og er derfor blevet fjernet. Dette er de fire typer breadcrumb-navigation, som du skal forstå. Lad os nu undersøge, hvorfor breadcrumb-navigation er vigtig for dit websted.
Fordele ved Brødkrumme Navigation

Her er de vigtigste fordele ved Brødkrumme Navigation
1. SEO:
Da et websted informerer søgemaskinerne om en stor del af opbygningen af dit websted, er et brødkrummespor også med til at udarbejde en lignende funktion. Ved hjælp af et breadcrumb trail bliver forretningen af dit websteds indhold tydeligere. Søgemaskiner som Google genkender disse sekundære navigationsspor og giver præcise og bedre oplysninger om dine websider i deres søgeresultater. Desuden kan de ord, der bruges på et brødkrummespor, blive til nøgleord på dit websted. De indre hyperlinks om brødkrumme-navigationen giver også søgemaskinerne flere oplysninger om den pågældende side og den webside, som den linker til.
Derudover begyndte Google at vise brødkrummer i sine egne søgeresultater, og selv om den kan finde denne funktion for websteder, der ikke har brødkrummer udført, bør erhvervelse af brødkrummenavigation hjælpe søgemaskinen med at vise brødkrummer i jagten. Bemærk venligst: brødkrummer vises kun i Googles søgeresultater for et udvalg af søgeordssøgninger.
2. Forlængelse af tiden på website:
Lad os for eksempel sige, at en bruger indtaster et søgekøb for at få en hvid elektrisk lysvarmer og kan blive ført til varesiden på dit websted ved hjælp af et søgeresultat. Brugeren kan klikke på linket Elektriske lysvarmere på brødkrumme-navigationen for at teste forskellige muligheder fra gruppen. Dette reducerer afvisningsraten på dit websted betydeligt. Tag et kig på et par skærmbilleder nedenfor. Der er oprettet en jagt på en hvid elektrisk lysvarmer på Google-søgning. Begge produktsider er inkluderet i opslagsresultaterne.
Så hvis kunden ikke er tilfreds med oplysningerne på websiden, kan han/hun samtidig forlade websiden. Det andet resultat kræver ikke desto mindre, at vi skal gå til en eller anden side ved hjælp af defineret breadcrumb-navigation. Dette kan få kunderne til at navigere videre ind i større komponenter af brødkrummenavigation, selv såsom elektriske stearinlysvarmere i dette scenario, for at finde bredere valgmuligheder og sammenligne med deres egen første mulighed.
3. Lille plads optaget:
De fylder mindst muligt på en side ved hjælp af deres diskrete skriftstørrelse. De medfører ikke yderligere problemer med websidens indlæsningstid. Dette vil være de fire store fordele ved at have en mere breadcrumb-navigation på dit websted. Da der næsten ikke er nogen ulemper, ser det ud til, at det er en virkelig nem beslutning at oprette et websted, der overvejer at indarbejde breadcrumb-navigation.
4. Brugervenlighed:
Brugervenlighed er tæt på at blive den vigtigste fordel ved at have breadcrumb-navigation på dit websted. Nogle mennesker vil måske overse at brødkrumme-navigation; ikke desto mindre har folk, der ønsker at bruge dem, ingen problemer med at navigere nemt gennem de mange sider på webstedet for at finde deres foretrukne oplysninger eller elementer. Brødkrumme Navigation forbedrer Findbarheden og gør det dermed muligt for brugerne at afslutte deres arbejde hurtigere.
Lad os liste nogle af de bedste metoder nedenfor
Bedste praksis for brødkrumme navigation:
1. Start med webstedet
Dette er en af de konventioner, der gælder for placering af breadcrumb-navigation. Start altid dit brødkrummespor med alle hjemmesider og slut med den aktuelle side. Nogle websteder, herunder Zara, går uden om din ejendomsside og starter brødkrummesporet ved hjælp af en side af høj klasse. Meget gerne som situationen med Target.com. Dette kan få en besøgende til at begynde at lede efter forskellige muligheder for at vende hjem, hvilket kan skyldes dårlig brugervenlighed.
Karakterbaserede brødkrummer begynder typisk ikke med websiden, og hvis du har valgt en sådan, skal du blot sørge for, at kunden får vist en fremtrædende metode til at vende tilbage til websiden. Når du arbejder på et WordPress-websted, så giver brugerdefinerede WordPress-udviklingstjenester nogle tilpasninger til Breadcrumb Navigation, det gør dit arbejde let.
2. Opret et sitemap
Hvis dit websted ikke ejer et websted, skal du lave et visuelt et, som et træ. Dette giver dig en god idé til at koordinere din egen breadcrumb navigation på dit websted. Hvis du opdager, at næsten alle de reducerede sider på webstedet indeholder flere klasser, kan du vælge at omgå breadcrumb-navigation. På den anden side kan du prøve at ændre webstedet, så hver webside har sin egen karakteristiske sti, hvilket gør det lettere at implementere breadcrumb-navigation (den mest anvendte).
3. Fjern unødvendige elementer
Nogle websteder opregner unødvendige komponenter, der beskriver breadcrumb-navigation eller giver overdreven ydelse til denne breadcrumb-navigation. Brugerne tror måske, at det er et hyperlink og spilder måske deres tid på at klikke på det. Konventionelt set er hver af de komponenter, der bruges i en breadcrumb-trail, links, og disse misforståelser vil uundgåeligt ske. På samme måde giver nogle websteder områdevalg sammen med brødkrummelinks.
Dette kan også skabe forvirring blandt kunderne på dit websted, da de ikke ville vide, hvilken side backlinket ville kræve dem. Brødkrummene komponenterne er måske ikke. Dette kan være en unødvendig tilføjelse til et formål, som i øjeblikket findes i de fleste af de browsere, som brugerne normalt er vant til. Der er ingen skade ved at have disse komponenter; de er bestemt ikke årsagen til en højere afvisningsrate. Men det er godt at forhindre noget, der får brugeren til at undre sig over sit eget formål eller replikere en rolle, der i øjeblikket findes i browsere.
4. Altid en sekundær navigation
Breadcrumb-navigation er navigationen til dit website. Det er en flad linje af forbundne elementer. Nogle websteder bruger en fly-out menu på en breadcrumb-komponent, og dette er normalt en funktion af hovedmenuen placeret på et traditionelt webstedlayout. Hvis du ikke følger skikken og eksperimenterer med formålet med en breadcrumb, kan det give bagslag for styrken af dit websted.
5. Altid over folden
Dette kan virke som en klar bedste praksis, fordi stort set alle websteder har deres egen breadcrumb-navigation direkte under hovednavigationen, som er placeret over divideren. Der er en række websteder, der placerer dem i footeren, og det anbefales at forhindre dette. Dette er kun af hensyn til brugervenligheden og også af den simple årsag, at betjening af et design eller materiale kræver længere tid for en person at opdage eller bruge sammenlignet med de konventioner, som de normalt er vant til.
6. Skriftstørrelsen skal være mindre end menuens skriftstørrelse
Sørg for, at skriftstørrelsen på denne breadcrumb-navigationskomponent er mindre sammenlignet med dem, der findes i hovednavigationen. Der skal være en klar differentiering mellem dem.
7. Konsistens med hensyn til nøgleord
Nøgleord er en del af bedste SEO-praksis, og da brødkrummer kan spille en lille rolle i SEO, skal du sørge for at bruge de helt samme nøgleord i brødkrummens ankertekst som dem, der findes i sidens navn og sidens URL.
8. Variationer af tegnsymboler
Der er dog en række forskellige tilpasninger, der kan anvendes på dit breadcrumb-spor. ‘ Dette er nogle af de mest effektive strategier til at implementere breadcrumb-navigation på dit websted. Husk kun at anvende breadcrumb-navigation, hvis det er til gavn for de besøgende på dit websted. Hvis dit websted indeholder mange niveauer af websider, og du mener, at brødkrummer kan hjælpe dine kunder med at navigere på webstedet, bør du bruge brødkrummer.
Ellers kan du installere WordPress plugins med hjælp fra WordPress udviklingstjenester. Det er på tide at begynde at forberede sig på udviklingen af optimale breadcrumb navigationsspor. Da installation af disse ikke påvirker din hjemmesides indlæsningstid eller layout, er det ikke skadeligt at give dine forbrugere adgang til denne meget praktiske sekundære navigationsplatform. Er dit websted udstyret med breadcrumb-navigation? Fortæl os, hvordan du ville bruge breadcrumb-navigation til at forbedre funktionaliteten på et websted.