Banner blindness
Ook wel bannerblindheid
Wat betekent banner blindness?
Banner blindness (ook wel bannerblindheid) is het onbewust negeren van reclame-achtige elementen op een website. Bezoekers slaan alles over wat eruitziet als een banner, ook als het nuttige informatie of een belangrijke knop is.
Veelgestelde vragen over banner blindness
Hoe voorkom ik banner blindness op mijn website?
Ontwerp belangrijke elementen zo dat ze niet op reclame lijken, en zet ze op plekken waar bezoekers al kijken.
- Zet knoppen en aanbiedingen in de content, dicht bij de tekst waar ze bij horen.
- Vermijd typische bannerplekken, zoals de rechterkolom en een strook helemaal bovenaan.
- Gebruik dezelfde stijl en lettertypen als de rest van je site.
- Schrijf concrete knopteksten, zoals "Bekijk de prijzen" in plaats van "Klik hier".
- Houd de pagina rustig. Hoe minder er om aandacht vraagt, hoe beter je belangrijkste knop opvalt.
Hoe meet ik of bezoekers mijn belangrijke knoppen overslaan?
Gebruik een heatmap. Dat is een kaart die laat zien waar bezoekers klikken en hoe ver ze scrollen. Een knop waar veel mensen langs scrollen maar die bijna niemand aanklikt, wijst op bannerblindheid.
In WordPress koppel je zo'n tool eenvoudig met de gratis plugin Microsoft Clarity of met de plugin van Hotjar. Je kunt ook in Google Analytics klikken op een knop meten als gebeurtenis en die vergelijken met het aantal bezoekers van de pagina. Laat de meting lopen tot je genoeg bezoeken hebt. Hoe lang dat duurt, hangt af van hoeveel verkeer je site krijgt.
Helpt een knipperende of felgekleurde banner tegen bannerblindheid?
Meestal niet, en vaak werkt het juist averechts. Knipperende animaties, felle kaders en schreeuwerige kleuren zijn precies de kenmerken die bezoekers met reclame verbinden. Je element wordt dan nog sneller overgeslagen. Veel mensen vinden bewegende elementen bovendien storend.
Beter werkt contrast binnen je eigen huisstijl: een knop die duidelijk afsteekt tegen de achtergrond, maar wel bij de rest van de pagina past. Combineer dat met een logische plek en een tekst die precies zegt wat de bezoeker krijgt. Controleer daarna met een heatmap of het effect heeft.
Hoe maak ik in WordPress een knop die niet als reclame oogt?
Gebruik de standaard blokeditor en plaats je knop midden in de content in plaats van in een widget of zijkolom.
- Voeg het blok Knoppen toe direct na de alinea waar de knop bij hoort.
- Kies kleuren uit het kleurenpalet van je eigen thema.
- Gebruik geen afbeelding als knop. Een echte tekstknop oogt natuurlijker en is beter leesbaar.
- Houd de knoptekst kort en concreet.
- Wil je meer opmaakopties, zoals een call-to-action-blok met tekst en knop, dan biedt de plugin Kadence Blocks die mogelijkheden.
Heeft het nog zin om banners in mijn sidebar te zetten?
Wel, maar verwacht er niet te veel van. De zijkolom is een van de plekken waar bezoekers reclame verwachten, dus die slaan ze vaak over. Op mobiel komt de sidebar bovendien meestal pas onder de content te staan, waar weinig mensen nog kijken.
Gebruik de sidebar daarom voor aanvullende zaken, zoals populaire artikelen of een zoekveld. Je belangrijkste actie, zoals een offerteaanvraag of nieuwsbriefinschrijving, zet je beter in of direct onder de tekst. Twijfel je? Meet met een heatmap hoeveel klikken je sidebar echt oplevert.
