Brödsmulor (breadcrumbs) är inte bara en hjälp för användare att förstå var de befinner sig på en webbplats – de är också viktiga för SEO. I WordPress är Yoast SEO det mest använda verktyget för att implementera brödsmulor. Här går vi igenom hur du som utvecklare kan arbeta med Yoast, integrera dem i ditt tema och optimera både HTML och schema markup.
Varför brödsmulor är viktiga
- Användarvänlighet: Ger besökaren en tydlig väg tillbaka i sidstrukturen.
- SEO: Google använder schema-markup (BreadcrumbList) för att visa brödsmulor i sökresultaten.
- Konsistens: Enhetliga brödsmulor skapar en logisk och navigerbar struktur.
Yoast SEO och breadcrumbs
Yoast SEO har ett inbyggt system för brödsmulor som följer Googles rekommendationer. När du aktiverar funktionen genereras både:
- HTML-brödsmulor – synliga på sidan.
- Schema markup i JSON-LD – Googles föredragna format för strukturerad data.
Aktivera brödsmulor i Yoast
- Gå till Yoast SEO → Inställningar → Avancerat → Brödsmulor.
- Slå på funktionen.
- Anpassa separator, hem-länk och taxonomier efter behov.
Integration i WordPress-tema
För att visa brödsmulorna i ditt tema behöver du lägga till en kodsnutt där du vill att de ska synas (ofta i header.php):
if ( function_exists('yoast_breadcrumb') )
{ yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
Tips: Placera koden strategiskt – ofta direkt under sidrubriken (<h1>).
Anpassa brödsmulor med CSS
Standardutseendet från Yoast är minimalt. Du kan styla via CSS, t.ex.:
#breadcrumbs {
font-size: 14px;
margin-bottom: 1em;
}
#breadcrumbs a {
color: #0073aa;
text-decoration: none;
}
#breadcrumbs a:hover {
text-decoration: underline;
}
Du kan även ersätta standardseparatorn (») i Yoasts inställningar eller via filter i functions.php.
Schema markup och validering
Yoast genererar automatiskt korrekt JSON-LD-schema (BreadcrumbList). Som utvecklare bör du:
- Testa sidor i Rich Results Test.
- Säkerställa att brödsmulorna inte blir för långa (t.ex. vid djup kategoristruktur).
- Kontrollera att den taxonomi du använder (kategori, produktkategori, etc.) är den mest relevanta för SEO.
När ska du bygga egna brödsmulor?
Yoast räcker i de flesta fall, men ibland kan du behöva en anpassad lösning – t.ex. för komplexa webbplatser, flerspråkiga sajter eller avancerade e-handelsflöden (WooCommerce). Då kan du skapa en egen funktion i functions.php och generera både HTML och schema manuellt.
Sammanfattning
- Använd Yoast SEO:s brödsmulor som standard – de är både enkla och SEO-säkra.
- Placera
yoast_breadcrumb()på rätt ställe i temat. - Anpassa utseendet med CSS och eventuellt filter.
- Validera alltid schema i Rich Results Test.
- Bygg egna brödsmulor endast om du har behov utöver standardlösningen.
