Hvad er Breadcrumbs?

Breadcrumbs (brødkrummer) er et navigationselement, der viser brugerens aktuelle placering i sitets hierarki. Navnet stammer fra eventyret om Hans og Grethe, der lagde brødkrummer for at finde vej tilbage. På et website ser breadcrumbs typisk ud som: Forside > Kategori > Underkategori > Aktuel side.

Hvorfor er breadcrumbs vigtige for SEO?

Breadcrumbs giver søgemaskiner en klar forståelse af dit sites struktur og hierarki. Google viser ofte breadcrumbs direkte i søgeresultaterne i stedet for den rå URL, hvilket giver en mere brugervenlig visning. Derudover skaber breadcrumbs automatisk interne links op igennem sitets hierarki, hvilket fordeler linkjuice og hjælper med crawling.

Typer af breadcrumbs

Der findes tre hovedtyper:

• Hierarkiske breadcrumbs: Viser sidens placering i sitestrukturen (mest almindelige)
• Attributbaserede breadcrumbs: Viser egenskaber ved den aktuelle side (bruges på e-commerce sites)
• Historikbaserede breadcrumbs: Viser brugerens navigationshistorik (sjældent brugt)

Best practices for implementering

Implementér breadcrumbs med strukturerede data (Schema.org BreadcrumbList) for at sikre, at Google kan tolke dem korrekt. Placer dem øverst på siden, under headeren. Sørg for at hvert niveau er klikbart undtagen det aktuelle niveau. Brug konsistent formatering på tværs af hele sitet.

Almindelige fejl

En typisk fejl er at implementere breadcrumbs visuelt uden at tilføje den tilhørende Schema-markup. Uden strukturerede data kan Google ikke pålideligt tolke dine breadcrumbs. En anden fejl er inkonsistente breadcrumb-stier, der ikke afspejler den faktiske sitestruktur.

Praktisk tip

Test dine breadcrumbs med Googles Rich Results Test for at sikre, at Schema-markuppen er korrekt implementeret. I Next.js og React-baserede sites kan du bruge en komponent, der automatisk genererer breadcrumbs baseret på URL-strukturen, så du sikrer konsistens.