Hvad er Breadcrumb-navigation?
Breadcrumb-navigation henviser til sporet af interne links - kendt som "brødkrummer" - der informerer brugeren om deres aktuelle placering på et website i hierarkiet af sider. Udtrykket "brødkrumme" er inspireret af historien om Hans og Grete fra Brødrene Grimms eventyr, hvor de efterlod et spor af brødkrumme for at finde vej hjem igen.
Typer af Breadcrumb-navigation
- Hierarkibaserede brødkrummer: De er også kendt som lokationsbaserede brødkrummer og viser brugerens position i hjemmesidens hierarki.
- Attributbaserede brødkrummer: Organiseret ud fra attributter eller tags, som ofte bruges på e-handelswebsteder.
- Historisk baserede brødkrummer: Arrangeret ud fra de specifikke trin, den besøgende tog for at nå frem til den aktuelle side.
Vigtigheden af Breadcrumb-navigation
Breadcrumb-navigation er vigtig, fordi den forbedrer brugeroplevelsen og gør det lettere at navigere på hjemmesider. Den giver sekundær navigation, hjælper besøgende med at finde det, de leder efter, og reducerer antallet af klik, der kræves for at vende tilbage til sider på højere niveau. Det forbedrer også den mobile brugervenlighed og spiller en afgørende rolle i SEO.
SEO-fordele
- Brugeroplevelse: Google belønner hjemmesider, der prioriterer brugeroplevelsen. Brødkrummer gør navigationen lettere, hvilket kan forbedre brugertilfredsheden.
- Forståelse af hjemmesidens hierarki: Brødkrummer hjælper Google med at forstå din hjemmesides struktur og fordele PageRank mere effektivt, hvilket potentielt kan forbedre dine placeringer.
- Lavere afvisningsprocent: Ved at give brugerne en alternativ måde at navigere på kan brødkrummer reducere afvisningsprocenten ved at opfordre til at udforske mere indhold på webstedet.
Sådan implementerer du Breadcrumb-navigation
Det er ligetil at implementere brødkrumme-navigation. Hvis du har et WordPress-websted, forenkler plugins som Yoast SEO processen. Nogle WordPress-temaer understøtter måske endda brødkrummer som standard. For ikke-WordPress-websteder kan du implementere brødkrummer manuelt ved hjælp af HTML og CSS.
Eksempel på HTML-skabelon
<ul class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Kategori</a></li> <li>Nuværende side</li> </ul>.Blog</a></li> <li><a href="#">Kategori</a></li> <li>Nuværende side</li> </ul>.Denne skabelon genererer en punktliste med links. Tilpas stilen med CSS, så den passer til dine designbehov.
Strukturerede data
For at sikre, at brødkrummer vises i SERP'er, skal du implementere relevante strukturerede data på dit website. Se Googles Breadcrumb-dokumentation for detaljeret vejledning.
Bedste praksis for breadcrumb-navigation
- Understøtter den primære navigation: Brødkrummer er en ekstra navigationsfunktion, ikke en erstatning for din primære navigationsmenu.
- Brug separatorer: Adskil tekstlinks i brødkrummesporet med specialtegn, f.eks. ">", "/" eller pile.
- Fuld navigationssti: Medtag altid den fulde navigationssti, uanset hvordan brugeren er kommet til siden.
- Læsning fravenstre mod højre: Brødkrummesporet skal læses fra venstre mod højre, med startsiden til venstre og den aktuelle side til højre.
- Nuværende side: Det sidste element i brødkrummesporet skal være den aktuelle side og må ikke være et klikbart link.
- Diskret design: Sørg for, at brødkrummenavigationen er enkel og diskret, placeret øverst på siden og med en lille, men læsbar skrifttype.
For mere indsigt og tips om webnavigation og SEO kan du besøge Ranktracker-bloggen og udforske vores omfattende SEO-guide. Tjek også vores SEO-ordliste for at gøre dig bekendt med vigtige SEO-termer og -begreber.
