Baner – co to jest i jak go skutecznie wykorzystać?

Czym jest baner

Cechą definiującą nie jest jednak rozmiar ani ruch, tylko wizualne odcięcie od reszty strony: własne tło, ramka, inny krój pisma. I właśnie to odcięcie decyduje o tym, jak baner działa. A działa zwykle inaczej, niż zakłada projektant.

Ślepota banerowa to nie złośliwość, tylko oszczędzanie uwagi

Nielsen Norman Group opisuje mechanizm bez owijania w bawełnę: „Banner blindness is an instance of selective attention: people direct their attention only to a subset of the stimuli in the environment — usually those related to their goals”.1 Uwaga jest zasobem ograniczonym, więc kierujemy ją tam, gdzie spodziewamy się odpowiedzi na własne pytanie. Wszystko, co wygląda na sprzedaż cudzego pomysłu, wypada z tego zakresu automatycznie.

Z tego wynika rada, którą łatwo przeczytać odwrotnie, niż brzmi: „Do not make content look like ads. Choose colors, type, background, and overall content style carefully. You may think that making it look different from the rest of the site will increase its salience, but it often has the opposite effect”.1 Wyróżnienie stylem nie zwiększa widoczności ważnej treści. Zwykle ją zmniejsza.

Autorzy dodają dwa zalecenia praktyczne: sprawdzać testami, czy istotne elementy są w ogóle zauważane, i „Do not mix content and ads in the same visual section”.1 Mieszanie tych dwóch rzeczy w jednym obszarze uczy czytelnika omijać cały obszar.

Policzyliśmy własne pudełka

„Wygląda jak reklama” brzmi jak ocena gustu, ale da się to zmierzyć. Za blok wyróżniony uznaliśmy każdy element o własnym tle, odcinającym go od tła strony, i sprawdziliśmy, które z nich zawierają odnośnik lub przycisk. Pomiar wykonała przeglądarka na wyliczonych stylach, nie na klasach w kodzie, 21 sierpnia 2026 na czternastu podstronach.2

Wyszło 264 takich bloków, w tym 113 z wezwaniem do działania. Rozkład jest jednak ważniejszy niż suma. Na stronie usługi tworzenia stron internetowych naliczyliśmy 59 wyróżnionych bloków, z czego 26 z przyciskiem, przy długości dokumentu ponad dwudziestu ośmiu ekranów telefonu. Mediana dla wszystkich badanych stron to piętnaście bloków.

Drugi wynik dotyczy głębokości. Bloki z wezwaniem leżą w medianie siedem ekranów od góry strony, a tylko 32 ze 113 mieszczą się w pierwszym ekranie. Zdecydowana większość czeka więc na kogoś, kto przewinie stronę do końca.

Strona czytana liniowo ma jeden

Kontrast z tej samej próby jest pouczający: hasła słownika i strona zbierająca artykuły mają po jednym wyróżnionym bloku: zamykającym, na końcu tekstu. Nie dlatego, że są uboższe, tylko dlatego, że powstały jako tekst do przeczytania, a nie jako zestaw kafelków.

Wniosek jest niewygodny dla stron ofertowych: im więcej wyróżnionych pudełek, tym mniej każde z nich znaczy. Przy kilkudziesięciu blokach z osobnym tłem żaden nie jest już wyróżniony: wyróżnienie stało się tłem.

Kiedy baner, a kiedy zwykły akapit

Baner ma sens tam, gdzie komunikat jest krótki, jednorazowy i naprawdę poboczny wobec treści: informacja o terminie, o zmianie godzin, o trwającej promocji. Jeśli komunikat jest istotny dla zrozumienia oferty, lepiej wypada wpleciony w tekst, tym samym krojem i na tym samym tle co reszta.

Roboczy test przed publikacją: policz na stronie elementy z własnym tłem. Jeśli wychodzi więcej niż kilka, kolejny baner nic nie doda, a odejmie widoczności tym, które już są.

Gdzie sprawdzić, czy baner widać

Baner sąsiaduje z pop-upem i bywa formatem reklamy displayowej. Jego rzeczywistą widoczność sprawdza się w audycie UX, między innymi przy pomocy map cieplnych. Układ strony projektujemy przy budowie serwisu.

Najczęstsze pytania

Dlaczego użytkownicy nie zauważają mojego banera?
Bo wygląda jak reklama, a uwaga kieruje się tam, gdzie czytelnik spodziewa się odpowiedzi na własne pytanie. Wyróżnienie stylem często zmniejsza widoczność, zamiast ją zwiększać.

Ile banerów może być na stronie?
Im mniej, tym lepiej dla każdego z nich. W naszym pomiarze strony ofertowe miały od kilkunastu do 59 wyróżnionych bloków. Przy takiej liczbie wyróżnienie przestaje cokolwiek znaczyć.

Jak przekazać ważny komunikat, żeby został zauważony?
Umieścić go w treści, w tej samej konwencji graficznej co reszta strony, i sprawdzić testami albo mapą cieplną, czy faktycznie jest widziany.

Czy baner na dole strony ma jeszcze sens?
Ma, jeśli domyka lekturę. Trzeba jednak liczyć się z tym, że dotrze do niego mniejszość. W naszym pomiarze bloki z wezwaniem leżały w medianie siedem ekranów od góry.

Źródła

1. Nielsen Norman Group, „Banner Blindness Revisited: Users Dodge Ads on Mobile and Desktop”: „Banner blindness is an instance of selective attention: people direct their attention only to a subset of the stimuli in the environment — usually those related to their goals”; „Do not make content look like ads. Choose colors, type, background, and overall content style carefully. You may think that making it look different from the rest of the site will increase its salience, but it often has the opposite effect”; „Run usability tests to make sure that users actually see important content”; „Do not mix content and ads in the same visual section” (odczyt 2026-08-21). Zobacz artykuł NN/g →

2. Pomiar własny essaseo.pl z 2026-08-21 (`pomiar_banerow.py`): przeglądarka bez interfejsu, ekran 412×915 px, badane wyliczone style. Za blok wyróżniony uznano element o powierzchni ponad 20 000 px² z własnym tłem różnym od tła strony. Wynik: 264 bloki na czternastu podstronach, 113 z odnośnikiem lub przyciskiem; mediana 15 bloków na stronę, maksimum 59; mediana głębokości bloku z wezwaniem — 7,0 ekranu, w pierwszym ekranie 32 ze 113. Hasła słownika i strona zbiorcza: po jednym bloku.