Hvad er breadcrumbs, og hvordan fungerer de?
Breadcrumbs, eller stigebane-navigation på dansk, er en navigationssti, som viser brugeren, hvor de befinder sig på en hjemmeside, og hvordan de er kommet dertil. Det ligner en sti, ofte placeret øverst på siden, som f.eks.: Hjem > Blog > SEO > Hvad er breadcrumbs?
Navnet “breadcrumbs” kommer fra eventyret om Hans og Grete, hvor børnene efterlod brødkrummer for at finde tilbage. På samme måde hjælper breadcrumbs dine besøgende med at finde tilbage til tidligere kategorier eller sektioner af din hjemmeside.
Breadcrumbs er særlig nyttige på større websites med komplekse hierarkier, som f.eks. webshops, blogs eller nyhedssites. De forbedrer både brugeroplevelsen og SEO – og det er netop, hvad denne artikel vil hjælpe dig med at forstå.
De vigtigste typer af breadcrumbs
Der findes flere forskellige slags breadcrumbs, og hvilken type du vælger at bruge, afhænger af strukturen på din hjemmeside og dine mål. Her er de mest almindelige:
Lokaliseringsbaserede breadcrumbs
Dette er den mest almindelige type og afspejler strukturen på din hjemmeside. Eksempel:
Hjem > Produkter > Elektronik > Smartphones
Disse breadcrumbs hjælper brugeren med at forstå, hvor de befinder sig i hierarkiet, og giver mulighed for hurtigt at navigere tilbage til overordnede kategorier.
Stibaserede breadcrumbs
Stibaserede breadcrumbs viser den vej, som brugeren har taget for at komme til den nuværende side. Eksempel:
Hjem > Tilbud > Sorte fredag > Elektronik > Smartphones
Disse minder mere om browserhistorik og er oftest dynamisk genereret.
Attribusbaserede breadcrumbs
Ofte brugt af webshops og søgefilter-systemer. Her viser breadcrumbs de valg, brugeren har foretaget:
Hjem > T-shirts > Mænd > Sort > L
Attribusbaserede breadcrumbs viser produktfiltrering, og hjælper med kontekstforståelse i søgning og filtrering.
Hvorfor er breadcrumbs vigtige for din hjemmeside?
Breadcumbs handler ikke kun om navigation – de har også markante fordele for både brugervenlighed og søgemaskineoptimering (SEO). Lad os dykke ned i de konkrete fordele.
1. Forbedrer brugeroplevelsen (UX)
Breadcumbs fungerer som et visuelt kompas og hjælper brugeren med at forstå strukturen på din side. Dette er især vigtigt på sider med mange undersider. Brugere kan nemt:
- Se, hvor de er
- Navigere tilbage med ét klik
- Undgå at fare vild i komplekse træstrukturer
2. Mindsker bounce rate
Når brugerne nemt kan navigere opad i strukturen, er der mindre sandsynlighed for, at de forlader din side. Hvis de lander på en underside via Google, kan en breadcrumb vise dem, at der også findes relevante overkategorier eller relateret indhold.
3. Forbedrer crawlbarhed og intern linkstruktur
Fra et teknisk SEO-perspektiv hjælper breadcrumbs søgemaskiner som Google med at forstå strukturen på dit website. De fungerer som interne links, hvilket gør det lettere for bots at finde og indeksere relaterede sider — og det hjælper dine vigtigste sider med at opnå højere autoritet.
4. Understøtter rich results i Google
Google viser ofte breadcrumb-stier direkte i søgeresultaterne baseret på struktureret data. Det ser ikke bare pænere ud, men det hjælper også brugeren med hurtigt at vurdere indholdets relevans:
Eksempel på søgeresultat:
Hjem › Blog › SEO › Hvad er breadcrumbs?
Eksempler på god breadcrumb-implementering
Eksempel 1: Webshop
En besøgende klikker sig ind på en produktvisning af en iPhone:
Hjem > Elektronik > Smartphones > iPhone 14 Pro
Her giver breadcrumben hurtigt mulighed for at hoppe tilbage til smartphones eller kategorien “Elektronik”. Det skaber overblik og øger sandsynligheden for mersalg.
Eksempel 2: Blog
En bruger læser et blogindlæg om teknisk SEO:
Hjem > Blog > SEO > Teknisk SEO: En introduktion
Breadcrumbs gør det let for læseren at finde flere blogindlæg om SEO – måske lægger de mærke til, at der er en hel kategori om det emne, de er interesseret i.
Sådan implementerer du breadcrumbs på dit website
At tilføje breadcrumbs til et website kræver ikke nødvendigvis kodning fra bunden. Der findes flere løsninger – afhængigt af hvilket CMS eller platform du anvender.
1. WordPress + Yoast SEO
Anvender du WordPress, er Yoast SEO en af de nemmeste måder at implementere breadcrumbs på. Med et par klik kan du aktivere breadcrumb-funktionen og tilpasse stien via deres indstillinger.
Fordele:
- Nem integration
- Styring af separatorer og sti
- Understøtter struktureret data for Google
2. Shopify og andre e-commerce-platforme
De fleste moderne webshop-platforme som Shopify, Magento eller WooCommerce indeholder som standard breadcrumb-navigation. Sørg dog for, at dine breadcrumbs:
- Følger logisk kategori-struktur
- Er klikbare (hver del af stien)
- Ikke indeholder for mange led (max 4–5)
3. Tilpasset kode og struktureret data (Schema.org)
Er du webudvikler eller arbejder med custom websites, bør du tilføje breadcrumbs med korrekt struktureret data markup (JSON-LD). Dette hjælper søgemaskiner med at forstå stien og vise den korrekt i søgeresultatet.
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Hjem",
"item": "https://www.dinside.dk/"
},
{
"@type": "ListItem",
"position": 2,
"name": "SEO",
"item": "https://www.dinside.dk/seo"
},
{
"@type": "ListItem",
"position": 3,
"name": "Hvad er breadcrumbs?",
"item": "https://www.dinside.dk/seo/breadcrumbs"
}
]
}
Best practices for breadcrumbs (do’s and don’ts)
Gør det nemt for brugeren
- Placer breadcrumbs øverst på siden — typisk under headeren
- Gør hvert led klikbart
- Brug tydelige og konsistente navne (helst matchende med sidetitler)
- Brug en synlig separator, som f.eks. “>” eller “/”
Undgå disse fejl
- Ingen breadcrumbs overhovedet (!)
- Brug af forvirrende hierarkier, der ikke stemmer med URL-strukturen
- Breadcrumbs der ikke er responsive eller læsbare på mobil
- For lange breadcrumbs (max. 4–5 niveauer anbefales)
Breadcumbs og mobil: er det stadig relevant?
Selvom mobile brugere har mindre skærmplads, er breadcrumbs stadig meget nyttige. De giver en hurt
FAQ om Breadcrumbs
Hvad er breadcrumbs på en hjemmeside?
Breadcrumbs er navigationsstier, der viser brugerens placering på websitet.
Disse små navigationselementer hjælper med at skabe overblik og kontekst, især på større hjemmesider med dybe strukturer. For brugere forbedrer breadcrumbs oplevelsen ved at gøre det nemt at navigere tilbage til tidligere kategorier. For webudviklere og SEO-specialister er breadcrumbs et effektivt værktøj til både UX og indeksering. Google anvender nemlig breadcrumbs til at forstå en sides struktur – og kan endda vise dem direkte i søgeresultaterne.
Hvorfor er breadcrumbs vigtige for SEO?
Både brugere og søgemaskiner drager fordel af breadcrumbs. Fra et SEO-perspektiv gør breadcrumbs det lettere for søgemaskiner at indeksere dit site korrekt, fordi de illustrerer den hierarkiske struktur. Derudover kan breadcrumbs forbedre klikraten (CTR), da de ofte vises i søgeresultater og giver brugeren en bedre forståelse af sidens indhold. En klar struktur hjælper med at mindske bounce rate og øger tiden brugeren bruger på siden. Det sender positive signaler til søgemaskiner om sidens relevans og kvalitet.
Hvordan implementerer man breadcrumbs på sin hjemmeside?
Du kan implementere breadcrumbs med HTML og CSS eller via plugins, afhængig af dit CMS. I WordPress er det fx nemt at bruge plugins som Yoast SEO eller Rank Math, der automatisk genererer breadcrumbs med struktureret data. Alternativt kan du kode dem manuelt med schema.org markup for at gøre dem synlige for Google. Husk, at breadcrumbs skal følge sidens informationsarkitektur og give logisk mening for brugeren. Test dem desuden med Googles Rich Results Test for at sikre korrekt implementering.
Hvilke typer breadcrumbs findes der?
Der findes tre hovedtyper af breadcrumbs:
- Hierarkiske – viser placering i forhold til struktur (f.eks. Hjem > Kategori > Underside)
- Historik-baserede – viser sidestien baseret på brugerens navigation
- Attribut-baserede – bruges ofte i webshops og viser produktfiltre (f.eks. Hjem > Sko > Herre > Sort)
Hver type har sit eget formål, og valget afhænger af sidens kompleksitet og brugervaner. Hierarkiske breadcrumbs er mest brugte, især i blogs og corporate sites.
Hvornår bør man bruge breadcrumbs?
Breadcrumbs er mest effektive på større eller hierarkiske websites med mange undersider. Hvis din hjemmeside har flere lag i navigationen, hjælper breadcrumbs med at give brugere kontekst og nem adgang tilbage i strukturen. På mindre, flade websites er behovet ofte begrænset. I e-handel er de næsten uundværlige, da de guider brugere hurtigt mellem kategorier og produkter. Overvej altid brugerrejsen, når du beslutter, om breadcrumbs giver mening.
Hvordan vises breadcrumbs i Googles søgeresultater?
Når du tilføjer struktureret data (schema markup) til dine breadcrumbs, kan Google vise dem direkte i søgeresultaterne. Dette erstatter ofte URL’en og gør det lettere for brugere at forstå sidens kontekst før de klikker. For SEO forbedrer det synligheden og kan øge klikraten betydeligt. Det er derfor god praksis at implementere breadcrumbs korrekt og validere dem med Googles værktøjer. Husk, at kun korrekt markerede stier vil blive vist i SERP’en.