Wat is een header op een website?
Een header is de balk bovenaan je website, met meestal je logo links en je menu rechts. Hij staat op elke pagina hetzelfde.
Het is het eerste wat een bezoeker ziet en de plek waar hij naar terugkeert als hij de weg kwijt is.
Dat maakt het het drukst bekeken onderdeel van je site.
Wat erin hoort
Je logo dat naar je startpagina linkt, je hoofdmenu, en meestal één opvallende knop met de belangrijkste vervolgstap.
Soms ook je telefoonnummer of een zoekfunctie. Meer daarover lees je bij wat je in je header zet.
Waarom hij overal gelijk is
Omdat bezoekers erop rekenen. Een menu dat per pagina verspringt, kost mensen hun oriëntatie.
Consistentie is hier belangrijker dan creativiteit. Meer daarover lees je bij accessibility.
Wat het niet is
Geen hero. Dat is het grote beeld met een kop eronder, direct onder je header.
Meer daarover lees je bij het verschil tussen een header en een hero.
Mijn vuistregels
- Logo linksboven, en laat hem naar je startpagina linken.
- Houd je menu kort.
- Eén opvallende knop, niet drie.
- Controleer hoe hij op een telefoon oogt.
Die eerste klinkt vanzelfsprekend en ontbreekt op meer sites dan je zou denken.
Hoeveel ruimte hij mag innemen
Zo weinig mogelijk, want alles eronder is wat je bezoeker eigenlijk zoekt.
Een header van tweehonderd pixels hoog duwt je inhoud van het scherm. Meer daarover lees je bij above the fold.
Waar je hem instelt
Bij een klassiek thema via de themabeheerder, bij een blokkenthema in de site-editor, en met een paginabouwer in de themabouwer.
Meer daarover lees je bij footer.