
Vad är breadcrumbs?
Breadcrumbs, eller brödsmulor på svenska, är navigeringslänkar som visar var en sida ligger i webbplatsens struktur. De placeras ofta ovanför sidans huvudrubrik och består av länkar till överordnade sidor samt en markering av vilken sida besökaren befinner sig på.
Ett exempel på breadcrumbs för en e-handel kan se ut så här:
Startsida > Kläder > Skor > Löparskor
Om du befinner dig på en sida om löparskor kan du klicka på Skor för att gå tillbaka till den kategorin. Du behöver alltså inte använda bakåtknappen eller börja om från startsidan.
Breadcrumbs är särskilt användbara på webbplatser med många sidor och flera kategorinivåer, exempelvis webbutiker, kunskapsbanker och större företagswebbplatser.
Olika typer av breadcrumbs
Det finns flera sätt att bygga upp breadcrumbs. De vanligaste varianterna är:
| Typ | Beskrivning |
|---|---|
| Hierarkiska breadcrumbs | Visar var sidan ligger i webbplatsens hierarki, från startsidan till den aktuella sidan. |
| Attributbaserade breadcrumbs | Visar kategorier eller egenskaper som en produkt tillhör. Det är vanligt i webbutiker där produkter kan filtreras efter exempelvis varumärke, färg eller storlek. |
| Sökvägsbaserade breadcrumbs | Visar vilka sidor besökaren har passerat för att nå den aktuella sidan. |
Hierarkiska breadcrumbs är ofta ett bra val för SEO eftersom de speglar webbplatsens struktur och ger en tydlig väg till överordnade sidor.
Varför är breadcrumbs viktiga för SEO?
Breadcrumbs kan bidra till en tydligare webbplatsstruktur och göra det enklare för både besökare och sökmotorer att förstå hur olika sidor hänger ihop. De är ingen garanti för bättre placeringar i Google, men de kan stödja flera delar av sökmotoroptimeringen.
1. De förbättrar navigeringen för besökare
En tydlig navigering hjälper besökaren att förstå var på webbplatsen hen befinner sig. Med breadcrumbs går det snabbt att ta sig tillbaka till en kategori eller en överordnad sida utan att behöva navigera hela vägen via menyn.
Det är särskilt värdefullt om en besökare landar direkt på en undersida från Google. Personen kanske aldrig har besökt startsidan och behöver därför hjälp att förstå hur innehållet hänger ihop.
En tydlig navigering kan göra webbplatsen enklare att använda och hjälpa besökaren att hitta mer relevant information.
2. De hjälper sökmotorer att förstå webbplatsens struktur
Google använder länkar för att upptäcka sidor och förstå hur de förhåller sig till varandra. Breadcrumbs ger ytterligare sammanhang genom att visa vilken kategori eller nivå en sida tillhör.
En produktsida kan exempelvis länka till sin produktkategori, som i sin tur länkar till en övergripande kategori. Det gör sambandet mellan sidorna tydligare.
Breadcrumbs ersätter inte en genomtänkt intern länkning eller en tydlig meny, men de kan komplettera webbplatsens övriga navigering.
3. De skapar tydligare interna länkar
Interna länkar är länkar mellan sidor på samma webbplats. De hjälper besökare att hitta vidare och gör det möjligt för sökmotorer att upptäcka och förstå relationen mellan olika sidor.
Breadcrumbs skapar en återkommande struktur av interna länkar från undersidor till deras överordnade sidor. Det kan vara särskilt användbart på webbplatser med många produkter, kategorier eller artiklar.
För att få ut så mycket som möjligt av breadcrumbs bör länkarna peka på relevanta sidor och följa webbplatsens faktiska struktur. Undvik att skapa onödigt många nivåer bara för att få en längre brödsmulenavigering.
4. De kan påverka hur sidan visas i Googles sökresultat
Breadcrumbs kan också ha betydelse för hur Google presenterar en sida i sökresultaten. Google kan använda information om sidans placering i webbplatsens struktur för att visa en brödsmulesökväg i stället för, eller som en del av, den vanliga webbadressen.
Det är däremot inte garanterat att Google visar breadcrumbs för varje sida. Sökmotorn avgör själv hur sökresultatet ska utformas, och visningen kan skilja sig mellan olika sökningar och enheter.
Skilj därför mellan breadcrumbs på själva webbplatsen och breadcrumbs som eventuellt visas i Googles sökresultat. Du kan utforma navigeringen på din webbplats, men du kan inte styra exakt hur Google presenterar den.
Hur implementerar du breadcrumbs på din webbplats?
Det finns flera sätt att lägga till breadcrumbs. Vilken metod som passar bäst beror på vilket publiceringssystem du använder och hur webbplatsen är byggd. Tänk på att följa Googles rekommendationer för uppmärkning av breadcrumbs och se till att alla sidor på webbplatsen har brödsmulor.
1. Skapa en logisk struktur
Börja med att se över hur webbplatsens sidor är organiserade. En besökare ska enkelt kunna förstå hur en undersida hör ihop med en kategori eller ett övergripande ämne.
En enkel struktur för en webbplats med SEO-innehåll kan exempelvis se ut så här:
Startsida > SEO > Teknisk SEO > Breadcrumbs
Strukturen bör spegla webbplatsens informationsarkitektur, det vill säga hur innehållet organiseras och grupperas. Undvik onödigt djupa nivåer och se till att kategorierna är relevanta för innehållet.
2. Lägg till breadcrumbs i webbplatsens navigering
När strukturen är tydlig kan du lägga till breadcrumbs på relevanta sidor. På en webbplats med många undersidor är det ofta lämpligt att placera dem nära sidans början, ovanför H1-rubriken.
Varje nivå bör vara klickbar om den leder till en överordnad sida. Den aktuella sidan kan visas som vanlig text i slutet av sökvägen.
Om du använder WordPress kan ditt tema eller ett SEO- eller navigeringsplugin ha stöd för breadcrumbs. Kontrollera hur funktionen är uppbyggd innan du installerar ytterligare ett plugin. På specialbyggda webbplatser kan funktionen behöva utvecklas separat.
3. Använd strukturerad data för breadcrumbs
Strukturerad data är en standardiserad märkning som hjälper sökmotorer att tolka information på en webbsida. För breadcrumbs kan du använda formatet BreadcrumbList från Schema.org.
Märkningen beskriver de olika nivåerna i brödsmulesökvägen och vilken ordning de kommer i. Den bör stämma överens med de breadcrumbs som besökaren faktiskt ser på sidan.
Strukturerad data kan hjälpa Google att förstå navigeringen, men den garanterar inte att breadcrumbs visas i sökresultaten. Det är inte heller en direkt garanti för bättre ranking.
4. Testa och kontrollera implementationen
När breadcrumbs är på plats bör du kontrollera att de fungerar som tänkt.
Gå igenom följande:
-
Att länkarna leder till rätt sidor
-
Att sökvägen följer webbplatsens faktiska struktur
-
Att den aktuella sidan framgår tydligt
-
Att navigeringen fungerar på både dator och mobil
-
Att eventuell strukturerad data är korrekt implementerad
Du kan använda Googles Rich Results Test för att kontrollera om sidan har strukturerad data som verktyget stöder. Google Search Console kan också ge information om eventuella problem som upptäcks på webbplatsen.
4 vanliga misstag med breadcrumbs
Breadcrumbs är relativt enkla att implementera, men det finns några misstag som kan göra navigeringen mindre användbar.
Att använda en ologisk hierarki
Om breadcrumbs visar en väg som inte stämmer överens med webbplatsens struktur kan besökaren bli förvirrad. Se till att varje nivå har ett tydligt samband med nästa.
Att bara använda breadcrumbs för SEO
Breadcrumbs ska i första hand hjälpa besökare att förstå var de befinner sig och navigera på webbplatsen. Att lägga till dem enbart för att försöka påverka sökresultaten ger inte samma nytta om navigeringen saknar en tydlig funktion.
Att glömma internlänkarna
Om breadcrumbs innehåller länkar som inte fungerar, eller som leder till irrelevanta sidor, förlorar navigeringen sitt värde. Kontrollera att länkarna pekar rätt och att de överordnade sidorna faktiskt är användbara.
Att förvänta sig en rankingökning
Breadcrumbs kan stödja webbplatsens struktur och användbarhet, men det finns ingen garanti för att de leder till högre placeringar. SEO påverkas bland annat av innehållets relevans, sidornas kvalitet och webbplatsens tekniska förutsättningar.
Artikelns innehåll
- Vad är breadcrumbs?
- Olika typer av breadcrumbs
- Varför är breadcrumbs viktiga för SEO?
- 1. De förbättrar navigeringen för besökare
- 2. De hjälper sökmotorer att förstå webbplatsens struktur
- 3. De skapar tydligare interna länkar
- 4. De kan påverka hur sidan visas i Googles sökresultat
- Hur implementerar du breadcrumbs på din webbplats?
- 1. Skapa en logisk struktur
- 2. Lägg till breadcrumbs i webbplatsens navigering
- 3. Använd strukturerad data för breadcrumbs
- 4. Testa och kontrollera implementationen
- 4 vanliga misstag med breadcrumbs
- Att använda en ologisk hierarki
- Att bara använda breadcrumbs för SEO
- Att glömma internlänkarna
- Att förvänta sig en rankingökning



