Banner

Een banner is een grafische advertentie op een webpagina, meestal een rechthoekig beeld of een korte animatie, die de bezoeker naar de website van de adverteerder brengt. Banners worden ingekocht via netwerken zoals het Google Display Netwerk, of rechtstreeks bij een uitgever. Daarnaast wordt de term gebruikt voor een grote afbeelding bovenaan een eigen pagina, de zogenoemde headerbanner.

Veelgebruikte formaten

De advertentiemarkt draait om een handvol standaardmaten, uitgedrukt in pixels:

• Leaderboard (728 x 90), bovenaan een pagina.
• Medium rectangle (300 x 250), midden in de content of in de zijbalk.
• Wide skyscraper (160 x 600), verticaal in de zijbalk.
• Mobile banner (320 x 50), onderaan het scherm op mobiel.

Wie in Google Ads een displaycampagne draait, levert die maten aan of laat Google responsieve advertenties samenstellen uit losse beelden, koppen en teksten.

Bannerblindheid

Bezoekers hebben geleerd om alles wat op een advertentie lijkt te negeren. Blokken op de bekende bannerposities krijgen daardoor weinig aandacht, ook als de inhoud relevant is. Displaycampagnes leveren daarom zelden directe verkoop op. Ze werken beter als je ze inzet voor merkbekendheid of remarketing, waarbij je mensen benadert die je site al eens bezochten.

Waar het je site pijn doet

Banners op je eigen site kosten laadtijd. Een advertentiescript haalt vaak nog meer scripts op en die vertragen het moment waarop je pagina bruikbaar wordt. Verschuift de pagina als de banner inlaadt, dan tikt dat aan in je Cumulative Layout Shift, een van de Core Web Vitals waar Google op let. De oplossing is simpel: reserveer de ruimte vooraf met vaste afmetingen, zodat de content niet verspringt.

Een concreet geval: een nieuwswebsite plaatste een leaderboard boven de titel, zonder vaste hoogte. Zodra de advertentie laadde, sprong de hele pagina 90 pixels naar beneden. Lezers klikten per ongeluk op de banner en haakten af. Met een vaste hoogte op het bannerblok was dat opgelost.

Headerbanner op je eigen pagina

Gebruik je een grote afbeelding bovenaan je pagina, comprimeer hem dan goed en zet er geen tekst in als afbeelding. Zoekmachines lezen die tekst niet. Zet je boodschap in gewone HTML boven of over het beeld heen.