Waar plaats je een breadcrumb op de pagina?
Bovenaan, tussen je menu en je paginatitel. Dat is waar bezoekers hem verwachten en waar hij het snelst zijn werk doet.
Houd hem klein en rustig van kleur. Hij moet aanwezig zijn zonder aandacht te trekken.
Onderaan de pagina zetten kan technisch, maar dan mist hij zijn doel: je wilt context geven vóór het lezen, niet erna.
De juiste plek
Direct onder je menubalk en boven je h1. Zo leest iemand eerst waar hij is en daarna waar de pagina over gaat.
Laat er wat ruimte omheen, zodat het geen onderdeel van je titel lijkt.
Hoe het eruit hoort te zien
Kleinere letters dan je bodytekst, in een rustige kleur. De links onderstreept of in je linkkleur, het laatste onderdeel in gewone tekst.
Als scheiding werkt een pijltje of een streepje. Beide zijn prima, als je maar consequent bent.
Op mobiel
Daar is de ruimte krap en telt elke regel. Een pad van vier niveaus wordt op een telefoon al snel twee regels.
Kort dan de tussenstappen in of laat het middelste niveau weg. Meer over die schaarse ruimte lees je bij hoe hoog is above the fold op een telefoon.
Mijn vuistregels
- Bovenaan, boven je titel, met ruimte eromheen.
- Kleiner en rustiger dan je gewone tekst.
- Op mobiel maximaal één regel.
- Laat hem niet meescrollen; hij hoort bij de bovenkant.
Die laatste zie ik af en toe misgaan. Een meescrollend kruimelpad neemt ruimte in die je op mobiel niet hebt.
Wat je niet doet
Hem opmaken als tweede menubalk, met een achtergrondkleur en grote letters. Dan concurreert hij met je echte navigatie.
En hem gebruiken om er extra links in te proppen die niet in je structuur horen. Meer daarover lees je bij navigatie.
Bij een webshop
Daar is het pad meestal langer: categorie, subcategorie, product. Vier niveaus is dan normaal en ook nuttig.
Zorg wel dat elk niveau een echte pagina is waar iemand iets aan heeft. Meer daarover lees je bij woocommerce.