Når din hjemmeside vokser, bliver det vigtigt at hjælpe brugerne med at finde rundt. Et klart overblik gør det nemmere at navigere.
Vil du gøre det lettere for dine besøgende at finde rundt og få styr på, hvor de er?
Så kan implementering af brødkrummer (Breadcrumbs) være en god ide.
Hvad er brødkrummer?
Brødkrummer, ofte omtalt som breadcrumbs, er en navigationssti, der viser brugeren, hvor på en hjemmeside de befinder sig ift. sidens struktur. Ofte vises de som links i en vandret række øverst på siden, for eksempel: Forside > Kategori > Underkategori > Aktuel side.
Hvorfor er brødkrummer vigtige?
Brødkrummer hjælper både brugerne med at forstå konteksten og søgemaskinerne med at indeksere indhold mere effektivt. De bidrager dermed til en bedre brugeroplevelse og kan samtidig styrke din søgemaskineoptimering (SEO) ved at skabe en tydeligere navigation.
Funktion og fordele ved brødkrummer
Når du arbejder med større hjemmesider, handler det om at skabe sammenhæng og gøre oplevelsen så enkel som muligt for dine besøgende. Her kan brødkrummer være en smart løsning, der skaber værdi på flere fronter.
Når det kommer til online markedsføring, er det vigtigt at skabe en enkel og logisk brugerrejse, der gør det nemt at finde rundt.
I den anledning er brødkrummer særligt gavnlige, når det kommer til:
- Forbedret brugeroplevelse (UX): Brødkrummer gør det nemmere for brugerne at finde rundt ved at vise dem præcis, hvor de er på hjemmesiden. Så de ikke føler sig “fanget” på en underside.
- Effektiv navigation: Brugerne kan hurtigt klikke sig tilbage til tidligere sider eller hovedkategorier, hvilket er praktisk på f.eks. webshops med mange forskellige produktkategorier.
- SEO-værdi: Brødkrummer hjælper søgemaskiner med at forstå hjemmesidens struktur. Google viser ofte brødkrummer direkte i søgeresultaterne, hvilket kan øge CTR hos brugerne.
- Reduceret bounce rate: Når navigationen er tydelig, bliver det lettere for brugerne at finde indhold, hvilket kan mindske bounce rate.
Typer af brødkrummer
Brødkrummer kan sættes op på forskellige måder, alt efter hvilken oplevelse du vil give dine brugere, og hvilke mål du har med din hjemmeside.
Nogle former hjælper mest med navigation, mens andre kan være gavnlige for SEO eller vise brugerens vej gennem en proces.
Derfor er det vigtigt at vælge den type, der bedst matcher din sides opbygning og dine brugeres behov.
Der findes primært tre typer brødkrummer, som hver tjener forskellige formål:
Hierarkiske brødkrummer
Disse viser stien fra forsiden ned gennem kategorier til den aktuelle side. Denne type er den mest udbredte. Ved at bruge denne type brødkrummer kan du hjælpe besøgende med at forstå hjemmesidens struktur.
Eksempel: Forside > Kategori > Underkategori > Produkt
Historik-baserede brødkrummer
Denne type brødkrummer viser brugerens navigationstrin i den rækkefølge, de er blevet besøgt. Funktionen minder om en browserens tilbageknap, men kan være mindre praktisk, da stien ofte bliver uforudsigelig.
Attribut-baserede brødkrummer
Denne type bruges ofte i e-commerce, hvor navigationen ikke følger en fast struktur. I stedet viser stien de filtre eller attributter, brugeren har valgt. Det kan for eksempel være størrelse, farve eller mærke.
Sådan implementerer du brødkrummer
Driver du en webshop eller hjemmeside med et stort indholdsunivers an brødkrummer være en stor hjælp til at gøre navigationen mere overskuelig. Men når det kommer til implementering af brødkrummer, findes der forskellige måder at gøre tingene på.
Flere CMS systemer og plugins som Yoast, Rank Math mv. tillader automatisk opsætning af brødkrummestier på hjemmesiden. Befinder du dig i anden situation, så kan du også implementere brødkrummer direkte i koden på forskellige sider gennem strukturerede data.
Vil du i gang, kan du starte med disse trin:
- Kortlæg din struktur
Begynd med at danne et overblik over, hvordan din hjemmeside er bygget op, og hvilke trin dine brødkrummer skal vise (fx Forside > Kategori > Produkt). - Gør klar til schema markup
Beslut, hvor på siden brødkrummerne skal vises, og hvilke sider der skal have brødkrumme markup. - Brug et værktøj
Brug bl.a. Googles Structured Data Markup Helper eller læs vejledningen på org for at se, hvilke felter du skal udfylde. For eksempel navn (titel) og URL for hvert trin i stien. - Indsæt markup i koden
Tilføj schema markup i HTML koden på de relevante sider. Det kan være som JSON-LD i headeren eller direkte som microdata i HTML-elementerne. - Test din kode
Brug Googles Rich Results Test til at sikre, at din schema markup er korrekt og kan læses af søgemaskinerne. - Overvåg resultaterne
Tjek i Google Search Console, om dine brødkrummer bliver opfanget og vist i søgeresultaterne. Juster efter nødvendighed din kode.
Brødkrummer og digital strategi
Brødkrummer spiller en vigtig rolle, når det kommer til teknisk SEO og brugeroplevelse. Uden dem kan en hjemmeside hurtigt fremstå uoverskuelig. Det gælder særligt hjemmesider med store indholdsuniverser eller webshops med mange produkter.
En god brødkrummestruktur gør det lettere for søgemaskiner at finde rundt og indeksere dine sider. Når du tænker brødkrummer ind som en naturlig del af din digitale strategi, får du en hjemmeside, der er nemmere at bruge for både besøgende og søgemaskiner.
Det kan på sigt føre til mere organisk trafik, højere engagement og flere konverteringer.
Hvordan vises brødkrummer i Google?
Brødkrummer vises i Google som en sti under sidens titel i søgeresultaterne. Du vil ofte se dem i stedet for hele URL’en. Det giver brugerne et hurtigt overblik over, hvor siden ligger i hjemmesidens struktur.
Hvilken type brødkrummer er bedst?
Der er ikke én type brødkrummer, der er bedst for alle, da det afhænger af din hjemmesides struktur og brugernes behov. For de fleste hjemmesider fungerer hierarkiske brødkrummer udmærket, da de viser, hvordan indholdet hænger sammen.
Kan brødkrummer bruges på mobile enheder?
Ja, brødkrummer kan sagtens bruges på mobile enheder, men de skal tilpasses små skærme. Ofte vises de kortere eller som ikoner for at spare plads. Dog er de er stadig en god hjælp til navigation og for bedre overblik.
