Hero-sectie

De hero-sectie is het grote blok bovenaan een homepage: meestal een kop, korte uitleg, een knop en een beeld. Het is het eerste wat elke bezoeker ziet.

Bijgewerkt op 1 oktober 2026

De hero-sectie is het grote blok bovenaan een webpagina, meestal met een kop, korte uitleg, een knop en een beeld. Het is het eerste wat elke bezoeker ziet, en op de meeste homepages vult het het hele eerste scherm, above the fold.

Wat een hero-sectie meestal bevat

  • Een kop met je waardepropositie
  • Een subkop van één of twee regels
  • Een call to action, soms met een tweede link
  • Een afbeelding, video of illustratie, het liefst van het product of het resultaat
  • Eventueel een vertrouwenssignaal, zoals een reviewscore of klantlogo's

Veelgemaakte fouten

  • Een mooi beeld zonder boodschap. Een schermvullende foto met een vage slogan laat bezoekers raden.
  • Sliders. Wisselende slides verdelen de aandacht, en de meeste bezoekers zien alleen de eerste.
  • Te veel tekst. De hero is niet de plek voor je hele verhaal.
  • Kapot op een telefoon. De afbeelding duwt de kop en knop op een klein scherm vaak onder het eerste scherm. Zie je eerste scherm op een telefoon.

Werkt je hero-sectie?

De hero-sectie is wat reviewers op StayOrBounce beoordelen: een screenshot van je eerste scherm op een laptop en een telefoon, beoordeeld op vier vragen. Lage scores op Snap ik wat dit is? wijzen meestal naar de kop; lage scores op Zou ik blijven? vaak naar de knop.