Sticky header

Een sticky header is een balk met je logo, menu of hoofdknop die bovenin het scherm blijft staan terwijl bezoekers naar beneden scrollen. Hij heet ook wel een vaste header.

Wanneer hij helpt

• Lange pagina's. Bezoekers bereiken het menu of je hoofdknop zonder helemaal terug te scrollen.
• Eén belangrijke actie. Een knop "Boek nu" of "Bestel" die altijd in beeld is, houdt de volgende stap binnen bereik.
• Webwinkels. Een zichtbaar winkelmandje en zoekveld helpen mensen die producten vergelijken.

De prijs: ruimte

Op een telefoon is het scherm klein. Een hoge sticky header neemt bij elke scroll een deel ervan in. Samen met een cookiebanner en de balk van de browser blijft er soms weinig ruimte over voor je eigenlijke inhoud. Dat telt het zwaarst in het eerste scherm op mobiel.

Richtlijnen

• Houd hem laag: logo, een menu-icoon en hooguit één knop.
• Overweeg hem kleiner te maken zodra bezoekers scrollen, of hem alleen te tonen als ze terug omhoog scrollen.
• Zorg dat hij geen koppen of links bedekt als iemand naar een sectie springt.
• Controleer dat hij niet overlapt met je cookiebanner of chatwidget.

Op StayOrBounce zien reviewers je eerste scherm op een laptop en een telefoon, dus je ziet hoeveel ruimte je header overlaat voor je boodschap.