En vej til de overordnede sider

Brødkrummer, også kaldet breadcrumb navigation, er en kort sti, som viser sidens placering i hjemmesidens struktur. Overordnede punkter er normalt links, så læseren hurtigt kan gå til en relevant kategori eller oversigt.

Et tænkt eksempel er “Forside → Møbler → Spiseborde → Rundt spisebord”. Stien fortæller, hvordan produktet hænger sammen med resten af udvalget. Den er især nyttig, når besøgende lander direkte på en underside via en søgning eller et delt link.

En hierarkisk brødkrummesti er ikke en liste over de sider, brugeren tidligere har besøgt. Browserens tilbageknap og brødkrummer løser derfor forskellige opgaver. Brødkrummer supplerer hovedmenuen; de erstatter den ikke.

Vælg en struktur, der giver mening for læseren

Tag udgangspunkt i de reelle kategorier eller indholdsområder. En guide kan ligge under et vidensområde, og en ydelsesside under en gruppe af relevante ydelser. Brug de samme navne, som læseren møder i navigationen.

Hvis et produkt hører til flere kategorier, skal visningen følge en gennemtænkt regel. Undgå, at en direkte besøgende får en tilfældig sti, som kun giver mening efter et bestemt klikforløb. Flere meningsfulde stier kan være mulige, men hver vist sti skal være forståelig og fungere.

Stien behøver ikke være en kopi af URL'ens mapper. Google anbefaler at beskrive en typisk brugersti frem for blot at spejle adressestrukturen. Googles vejledning om brødkrummer. En eksisterende relevant adresse skal derfor ikke ændres alene for at få stien til at se pænere ud.

Giv hvert punkt en tydelig rolle

Element Praktisk valg
Overordnet side Link til en fungerende kategori eller oversigt
Aktuel side Vis navnet tydeligt; et link til samme side er ofte unødvendigt
Adskillelse Brug et diskret tegn, som ikke forveksles med en knap
Lange navne Sørg for, at stien stadig kan forstås på mobil
Placering Hold mønsteret konsekvent tæt på indholdets begyndelse

Undgå tomme niveauer eller “#”-links. Hvis en kategori ikke har en side, der kan besøges, bør du afklare strukturen frem for at fremstille den som en fungerende destination.

Antallet af niveauer følger strukturen. En vilkårlig grænse på tre eller fire punkter er ikke et mål i sig selv. Hvis stien bliver uoverskuelig, skal du undersøge både navngivning, præsentation og hierarkiet.

Gør navigationen tilgængelig

Markér brødkrummer som et navngivet navigationsområde. Links skal kunne nås og aktiveres med tastaturet og have synlig fokusmarkering. Brugeren skal kunne forstå, hvilket punkt der er den aktuelle side, uden kun at aflæse en farve.

Hvis det aktuelle punkt er et link, angiver W3C's mønster aria-current="page". Når punktet er almindelig tekst, er den attribut valgfri. W3C's breadcrumb-mønster.

Afprøv også lange stier på en smal skærm og ved forstørrelse. Links må ikke blive så små eller tæt placerede, at de er vanskelige at bruge. Hvis noget forkortes visuelt, skal de væsentlige destinationsnavne stadig være forståelige.

Skeln mellem synlig navigation og strukturerede data

Den synlige sti hjælper læseren på hjemmesiden. BreadcrumbList er strukturerede data, som kan beskrive stien for søgemaskiner. At tilføje schema skaber ikke automatisk den synlige navigation.

Googles dokumentation kræver mindst to ListItem-elementer til den beskrevne breadcrumb-visning. Rækkefølge, navne og adresser skal passe sammen. At data består en test, er ikke en garanti for, at Google viser stien i et bestemt søgeresultat. Se også guiden til schema markup.

Brug helst det samme datagrundlag til den synlige sti og schema, så de ikke kommer ud af takt. Hvis en kategori flyttes eller omdøbes, skal begge dele kontrolleres sammen med interne links.

Kontrollér et helt forløb

Åbn en dyb underside direkte, og prøv at gå til den nærmeste overordnede side. Kontrollér, at destinationen findes, har det forventede indhold og viser en sammenhængende sti videre. Gentag på en artikel, en ydelse og et produkt, hvis hjemmesiden har disse sidetyper.

Ved en flytning skal gamle adresser og links indgå i kontrollen. Brødkrummer skal pege på de relevante aktuelle adresser frem for at sende læseren gennem unødige omdirigeringer. Brug redirect-guiden, når strukturen ændres.

Vurder løsningen på forståelighed og funktion. Brødkrummer alene beviser ikke bedre placeringer, lavere afvisningsprocent eller længere besøg.

FAQ

Er brødkrummer det samme som browserens tilbageknap?

Nej. Brødkrummer viser en vej i hjemmesidens hierarki. Tilbageknappen følger brugerens faktiske browserhistorik, som kan føre til en helt anden hjemmeside.

Skal brødkrummer følge URL'ens mapper?

Ikke nødvendigvis. Stien skal vise en forståelig placering i indholdet. En god eksisterende adresse behøver ikke ændres for at matche navigationens navne og niveauer.

Skal den aktuelle side være et link?

Det er ofte tilstrækkeligt at vise navnet som tekst. Hvis den er et link, skal det være tydeligt markeret som den aktuelle side, også for hjælpemidler.

Giver BreadcrumbList automatisk bedre placeringer?

Nej. Strukturerede data kan beskrive stien, men giver ikke en garanti for placering eller en bestemt visning i Google. Den synlige navigation skal først og fremmest hjælpe brugeren.

Få en mere overskuelig navigation

Kontakt mig, hvis du vil have hjælp til hjemmesidens struktur, interne links og præsentation på mobil og desktop.