Brødkrummenavigation

Hvad er brødkrummenavigation?

Brødkrummenavigation hjælper brugerne med nemt at forstå, hvor de befinder sig i et websites hierarki. Brødkrummer er små tekststier øverst på en webside, der viser brugerne, hvor de er på websitet.

Navnet stammer fra det velkendte eventyr »Hans og Grethe«, hvor personerne drysser brødkrummer for at kunne finde vej hjem.

I webdesign fungerer brødkrummenavigation på samme måde: den fører brugerne tilbage til deres udgangspunkt og gør det nemt for dem at følge deres egne spor tilbage.

Hvilke typer brødkrummenavigation findes der?

Der findes tre typer brødkrummenavigation: placeringsbaseret, attributbaseret og stibaseret.

Placeringsbaseret navigation

Placeringsbaseret brødkrummenavigation viser brugerne, hvor de er i websitets hierarki. Placeringsbaseret brødkrummenavigation på et website om søgemaskineoptimering kunne for eksempel se sådan ud: Forside > Blog > Ordliste > Brødkrummenavigation. Denne brødkrummesti fortæller brugeren, at hun aktuelt er på siden »Brødkrummenavigation«, som ligger i afsnittet »Ordliste« under kategorien »Blog«.

Attributbaseret navigation

Attributbaseret brødkrummenavigation giver yderligere oplysninger om den side, brugeren er på — for eksempel filtre eller søgekriterier. En bruger kunne for eksempel filtrere en produktsøgning efter prisinterval eller farve, og attributbaseret brødkrummenavigation ville vise disse filtre i brødkrummestien.

Stibaseret navigation

Stibaseret brødkrummenavigation kombinerer den placeringsbaserede og den attributbaserede stil. Den viser brugeren både den aktuelle placering i websitets hierarki og eventuelle filtre eller søgekriterier, som brugeren har anvendt. Denne type brødkrummenavigation bruges oftest på e-handelswebsites og kan hjælpe brugerne med nemt at indsnævre deres søgeresultater.

Hvilke fordele giver brødkrummenavigation?

Der er tre væsentlige fordele ved at bruge brødkrummenavigation på dit website:

1. Bedre brugeroplevelse

Brødkrummenavigation giver brugerne en klar og overskuelig måde at navigere på et website. Den hjælper brugerne med at forstå, hvor de er i websitets hierarki, og hvordan de er kommet dertil. Det gør det nemmere for dem at finde det, de leder efter, og fuldføre den opgave, de er kommet for.

2. Højere brugervenlighed

Brødkrummenavigation gør et website mere brugervenligt, fordi den reducerer antallet af klik, der skal til for at nå en bestemt side. Brugerne kan hurtigt og nemt navigere tilbage til tidligere sider uden at bruge browserens tilbage-knap eller starte deres søgning forfra.

3. Bedre SEO

Brødkrummenavigation kan også forbedre et websites søgemaskineoptimering (SEO). Med klare navigationsstier og interne links kan søgemaskinerne nemmere crawle og indeksere websitets sider.

Sådan sætter du brødkrummenavigation op

Trin 1: Beslut, hvilken type brødkrummenavigation du vil bruge. Som nævnt findes der tre typer: placeringsbaseret, attributbaseret og stibaseret. Overvej, hvilken type website du har, og hvilken form for brødkrummenavigation der vil være mest nyttig for dine brugere.

Trin 2: Bestem, hvor på dit website du vil placere brødkrummenavigationen. Almindelige placeringer er over sidetitlen, under sidetitlen eller i sidebjælken. Vælg en placering, der er let at se, og som ikke forstyrrer andre vigtige elementer på siden.

Trin 3: Kod brødkrummenavigationen med HTML eller CSS. Hvis du ikke er vant til at kode, tilbyder flere website-byggeværktøjer og content management-systemer brødkrummenavigation som en indbygget funktion. Du kan også bruge plugins eller widgets fra tredjeparter til at tilføje brødkrummenavigation til dit website.

Trin 4: Test brødkrummenavigationen for at sikre, at den fungerer korrekt. Naviger gennem dit website og kontrollér, at brødkrummestien afspejler din placering i websitets hierarki korrekt. Justér koden eller placeringen, hvis det er nødvendigt.