Poproś o kontaktKontakt

Academy · Kampanie Ads

Jak zaprojektować baner reklamowy, żeby w niego klikano?

Bartosz MrózSenior Digital Ads Specialist · Zaktualizowano · 7 min czytania
Bartosz Mróz
  1. Insights
  2. Academy
  3. Kampanie Ads
  4. Jak zaprojektować baner reklamowy, żeby w niego…

Rozdział Kampanie Ads · wpis 6 z 33 · nr 069 w programie Academy

Baner, w który ktoś klika, pokazuje jedną konkretną ofertę, ma jasne wezwanie do działania i trafia do osób, dla których ta oferta ma sens. Sama grafika to tylko część pracy: o kliknięciu decydują też miejsce wyświetlenia i strona, na którą baner prowadzi. Poniżej znajdziesz, jak przygotować baner krok po kroku, jakie wymagania stawia Google Ads i jak sprawdzić, która wersja naprawdę sprzedaje.

Najważniejsze w skrócie

  • Kliknięcie w baner reklamowy zależy od trzech rzeczy: kto go widzi, co pokazuje i dokąd prowadzi. Sama grafika nie naprawi złego doboru odbiorców.
  • Elastyczne reklamy displayowe w Google Ads składa z obrazów, logo i nagłówków Google AI, więc projekt baneru to dziś głównie przygotowanie dobrych zasobów.
  • Zasoby graficzne w elastycznych reklamach Google Ads nie mogą mieć nałożonego tekstu ani logo (poza kampaniami Performance Max), a najważniejsza treść powinna stać w środkowych 80% obrazu.
  • Animowany baner w Google Ads może trwać najwyżej 30 sekund, a animowany GIF musi mieć mniej niż 5 klatek na sekundę.
  • Skuteczność baneru reklamowego ocenia się po koszcie konwersji, nie po samym CTR.

Dlaczego ludzie nie klikają banerów?

Najczęściej dlatego, że baner nie ma dla nich znaczenia w chwili, w której go widzą. Użytkownik wchodzi na stronę po treść, a nie po reklamę, więc omija wzrokiem wszystko, co wygląda na dodatek bez związku z tym, czego szuka.

Rzadko winna jest sama grafika. Typowe przyczyny niskiej klikalności to:

Reklama displayowa pracuje więc dobrze wtedy, gdy grafika, odbiorca i strona docelowa mówią o tym samym.

  • baner pokazywany osobom, które nie są klientami danej oferty,
  • za dużo treści naraz: kilka produktów, kilka haseł, mały przycisk,
  • ogólnik zamiast konkretu, np. „Najlepsza jakość” zamiast tego, co klient dostaje,
  • brak wezwania do działania albo wezwanie, którego nie widać na tle,
  • obietnica, której strona po kliknięciu nie spełnia.

Reklama displayowa pracuje więc dobrze wtedy, gdy grafika, odbiorca i strona docelowa mówią o tym samym. Każdy z tych elementów omawiamy niżej.

Od czego zależy, czy ktoś kliknie baner?

Kliknięcie zależy od trzech rzeczy: kto widzi baner, co ten baner pokazuje i dokąd prowadzi. Słaby punkt w jednym miejscu psuje wynik całej kampanii, nawet przy bardzo dobrej grafice.

  1. Kto widzi baner. Reklama koparek na stronie dla młodych rodziców może mieć świetny projekt i nadal nikt jej nie kliknie. Odbiorców wybierasz przez kierowanie na zainteresowania, listy klientów albo tematykę stron, o czym więcej we wpisie o targetowaniu kontekstowym.
  2. Co pokazuje baner. Jeden obraz, jedna konkretna oferta, jedno wezwanie do działania. Odbiorca ma zrozumieć reklamę w czasie, w którym przewija stronę.
  3. Dokąd prowadzi baner. Strona docelowa powinna od pierwszego ekranu potwierdzać obietnicę z baneru: ten sam produkt, ta sama cena, ten sam styl.

Dla biznesu ta kolejność ma znaczenie, bo kliknięcie bez dalszego działania to koszt. Baner, który przyciąga przypadkowe osoby, może mieć wysoki CTR i jednocześnie podnosić koszt pozyskania klienta.

Baner czy reklama elastyczna: co przygotować w Google Ads?

W sieci reklamowej Google masz dwie drogi: elastyczną reklamę displayową albo własne, gotowe banery. W reklamie elastycznej wgrywasz zasoby (obrazy, logo, nagłówki, opisy, wideo), a Google AI dobiera ich połączenie do każdego miejsca na podstawie historii wyników i dopasowuje rozmiar oraz wygląd reklamy do dostępnej powierzchni. Projekt baneru zmienia się tu w przygotowanie dobrych składników.

ElementElastyczna reklama displayowaPrzesłany baner graficzny
Co przygotowujeszobrazy, logo, nagłówki, opisy, opcjonalnie wideogotowe grafiki w wybranych rozmiarach
Kto składa reklamęGoogle, osobno dla każdego miejscaTy, każdy rozmiar osobno
Obrazykwadrat 1:1 (zalecany 1200×1200 px, minimum 300×300 px), poziomy 1,91:1 (zalecany 1200×628 px, minimum 600×314 px), do 5120 KBJPG, PNG albo GIF do 150 KB
Logokwadrat 1:1 i poziome 4:1 (zalecane 1200×300 px)na grafice
Tekstdo 5 krótkich nagłówków po 30 znaków, długi nagłówek do 90 znaków, do 5 opisówna grafice
Rozmiarydobiera Googlem.in. 300×250, 336×280, 728×90, 300×600, 320×50, 320×100; w Polsce także 750×100, 750×200 i 750×300

Dane z tabeli pochodzą z pomocy Google Ads o tworzeniu reklam elastycznych i ze specyfikacji przesyłanych reklam displayowych. Banery HTML5 (plik ZIP do 600 KB) są dostępne tylko dla kont spełniających warunki Google, m.in. otwartych ponad 90 dni i z łącznymi wydatkami powyżej 9000 USD.

W praktyce większość kampanii łączy obie drogi: reklama elastyczna daje zasięg w wielu formatach, a własne banery pozwalają zachować pełną kontrolę nad wyglądem. Jak działa sama sieć, opisujemy w haśle kampania GDN i we wpisie o sieci reklamowej Google.

Co to oznacza dla Twojego biznesu?

Reklamy elastyczne przenoszą część pracy grafika na system Google, ale nie zdejmują z Ciebie odpowiedzialności za materiał. Słabe zdjęcie albo ogólnikowy nagłówek pojawi się w wielu miejscach naraz. Budżet na kreację lepiej wydać na kilka mocnych zdjęć i konkretne nagłówki niż na dziesiątki rozmiarów jednego baneru.

Jak zaprojektować baner krok po kroku?

Zacznij od jednej decyzji: co odbiorca ma zrobić po zobaczeniu baneru. Reszta projektu wynika z tej odpowiedzi.

  1. Jeden cel, jedna oferta. Baner promuje jeden produkt, jedną promocję albo jedną usługę. Kilka ofert naraz rozprasza i żadna nie wygrywa.
  2. Konkret zamiast hasła. Pomoc Google Ads radzi wprost: bądź konkretny w opisie oferty i nie przesadzaj z obietnicami. „Dostawa jutro przy zamówieniu do 14:00” mówi więcej niż „Szybka dostawa”.
  3. Jasna hierarchia. Najpierw obraz produktu albo efektu, potem krótki nagłówek, potem przycisk z wezwaniem do działania. Logo ma być widoczne, ale nie dominuje.
  4. Tekst poza obrazem w reklamach elastycznych. Zasady Google nie dopuszczają w zasobach graficznych obrazów z nałożonym tekstem, grafiką ani logo (wyjątek to kampanie Performance Max). Tekst wpisujesz w pola nagłówków i opisów.
  5. Najważniejsze w środku. Google zaleca trzymać najważniejszą treść w środkowych 80% obrazu, bo system może przyciąć kadr przy dopasowaniu do miejsca.
  6. Kontrast przycisku. Nie ma uniwersalnie najlepszego koloru. Przycisk ma odcinać się od tła baneru i od typowego tła stron, na których baner się wyświetla.
  7. Spójność ze stroną. Te same kolory, krój pisma i zdjęcie produktu na banerze i na stronie docelowej. Odbiorca od razu wie, że trafił we właściwe miejsce.
  8. Ostry obraz. Zasady Google odrzucają obrazy rozmyte, zniekształcone, źle przycięte i kolaże składane w obróbce.

Czy animacja zwiększa klikalność baneru?

Animacja może przyciągnąć wzrok, ale nie zastąpi dobrej oferty. Ruch działa wtedy, gdy prowadzi oko do przekazu, a nie wtedy, gdy miga dla samego migania.

W Google Ads obowiązują twarde granice. Według specyfikacji przesyłanych reklam animacja trwa najwyżej 30 sekund, może się zapętlać, ale musi zatrzymać się po 30 sekundach, a animowany GIF musi mieć mniej niż 5 klatek na sekundę.

Warto też pamiętać o dostępności. Kryterium 2.2.2 wytycznych WCAG wymaga, żeby ruchomą treść, która startuje sama i trwa ponad pięć sekund, dało się zatrzymać, wstrzymać albo ukryć. Jako zgodny przykład W3C podaje reklamę, która miga, żeby zwrócić uwagę, ale przestaje po pięciu sekundach.

Praktyczna zasada: najważniejszy przekaz i przycisk umieść na ostatniej klatce. Kto zobaczy baner już po zatrzymaniu animacji, dostanie pełną informację.

Jak sprawdzić, który baner działa?

Skuteczność baneru ocenia się po tym, co dzieje się po kliknięciu: po koszcie konwersji, a nie po samym CTR. Bez skonfigurowanego pomiaru konwersji porównujesz tylko to, który baner lepiej przyciąga uwagę.

  • Testuj jedną zmianę naraz. Dwie wersje różniące się tylko nagłówkiem albo tylko zdjęciem pokazują, co naprawdę zmieniło wynik.
  • Dawaj systemowi wybór. Do reklamy elastycznej możesz dodać do 15 obrazów i 5 logo. Według pomocy Google Ads więcej obrazów daje systemowi więcej możliwości optymalizacji.
  • Patrz na siłę reklamy. Ad Strength ocenia trafność, jakość i różnorodność zasobów w skali od „Poor” do „Excellent”. To wskazówka, czego brakuje, a nie wynik kampanii.
  • Sprawdzaj miejsca wyświetleń. Raport miejsc docelowych pokazuje, na których stronach i w których aplikacjach wyświetlał się baner. Miejsca z kliknięciami bez konwersji wykluczasz.
  • Kontroluj częstotliwość. Ten sam baner pokazywany tej samej osobie wiele razy przestaje działać. Więcej we wpisie o częstotliwości wyświetlania reklam.
Weronika Graczyk

Zdaniem eksperta ICEA

„Nie oceniamy banerów po CTR z pierwszego tygodnia. Najpierw przeglądamy miejsca wyświetleń i wykluczamy te, z których przychodzą przypadkowe kliknięcia, a dopiero potem porównujemy kreacje po koszcie konwersji. Baner z rekordowym CTR, wyświetlany głównie w grach mobilnych, potrafi nie dać ani jednej sprzedaży.”

Weronika GraczykDigital Ads Team Leader, ICEA.

Jakich błędów unikać przy projektowaniu banerów?

Część błędów obniża klikalność, a część blokuje reklamę już na etapie weryfikacji w Google Ads.

  • Udawane komunikaty systemowe. Zasady reklam graficznych zabraniają obrazów, które przypominają ostrzeżenia witryny albo komunikaty o błędzie. Takie zagranie może dać kliknięcia, ale grozi odrzuceniem reklamy.
  • Obietnica bez pokrycia. Google wymaga, żeby informacje w reklamie były dokładne i opisywały to, co reklamujesz. Rabat z baneru musi być widoczny na stronie po kliknięciu.
  • Za dużo elementów. Logo, produkt, nagłówek, przycisk i nic więcej. Każdy dodatkowy element zabiera uwagę przyciskowi.
  • Logo zamiast oferty. Duże logo buduje rozpoznawalność, ale odbiorca klika ofertę, nie znak firmy.
  • Jedna wersja na wszystko. Baner zaprojektowany na duży ekran po zmniejszeniu do formatu mobilnego bywa nieczytelny. Każdy rozmiar sprawdź na docelowym urządzeniu.
  • Animacja bez końca. Poza limitem Google ruch bez przerwy męczy odbiorcę i utrudnia czytanie strony, na której stoi baner.

Co zrobić teraz?

Dobry baner to efekt trzech decyzji: komu go pokazać, co obiecać i dokąd poprowadzić. Grafika ma tę decyzję czytelnie przekazać, a pomiar konwersji pokazuje, czy się udało.

  1. Zapisz jednym zdaniem cel baneru i ofertę, którą promuje.
  2. Przygotuj zasoby do reklamy elastycznej: ostre zdjęcia bez nałożonego tekstu, logo w dwóch proporcjach, kilka konkretnych nagłówków.
  3. Jeśli robisz własne banery, przygotuj rozmiary mobilne i sprawdź każdy na telefonie.
  4. Porównaj baner ze stroną docelową: ta sama oferta, ten sam wygląd.
  5. Uruchom co najmniej dwie wersje różniące się jednym elementem i oceniaj je po koszcie konwersji.

W modelu Search Ecosystem™ baner rzadko sprzedaje sam. Najczęściej przypomina ofertę osobom, które już szukały Twojej marki albo były na stronie, dlatego dobrze łączy się z remarketingiem. Jak układamy takie kampanie w całość, opisujemy na stronie kampanii Ads.

Najczęstsze pytania.

Czy baner reklamowy musi zawierać logo?

W reklamie elastycznej Google Ads logo jest opcjonalne, ale zalecane. Jeśli go nie dodasz, Google użyje w reklamie nazwy firmy.

Czy mogę wybrać konkretne strony, na których wyświetli się mój baner?

Tak. W kampanii w sieci reklamowej Google możesz wskazać konkretne witryny, aplikacje albo kanały YouTube jako miejsca docelowe. Możesz też kupić powierzchnię bezpośrednio u wydawcy portalu.

Jak często zmieniać banery w kampanii?

Wtedy, gdy wyniki spadają przy tym samym budżecie i tych samych odbiorcach albo gdy ta sama grupa widzi reklamę wiele razy. Google zaleca regularne testy i dokładanie świeżych zasobów graficznych.

Bartosz Mróz
Bartosz MrózSenior Digital Ads Specialist

Pisze w Insights o temacie Kampanie Ads.

Kampanie Ads

Sprawdźmy, gdzie ucieka budżet.

Przeglądamy konto, śledzenie konwersji i stronę docelową, zanim ruszymy stawki.

Zamów bezpłatny audyt kampanii

Dołącz do newslettera

Solidna dawka wiedzy co dwa tygodnie na Twoim mailu.

* Zapisując się, akceptujesz politykę  prywatności.