CTA – co to jest i jak je skutecznie napisać?

Czym jest CTA

Rozmiar przycisku to nie kwestia gustu: jest norma

Dyskutuje się zwykle o treści wezwania, rzadziej o tym, czy da się w nie trafić palcem. Wytyczne dostępności mają na to osobne kryterium (WCAG 2.2, 2.5.8, poziom AA): „The size of the target for pointer inputs is at least 24 by 24 CSS pixels”, z kilkoma wyjątkami, między innymi dla odnośników wewnątrz zdania.1

Najważniejszy w praktyce jest wyjątek dotyczący odstępu: mniejszy przycisk spełnia kryterium, jeśli okrąg o średnicy 24 pikseli wyśrodkowany na nim nie zachodzi na inne klikalne elementy.1 To odpowiedź na typową sytuację: dwa wąskie przyciski „Zadzwoń” i „Napisz” wciśnięte obok siebie na telefonie. Problem nie polega na tym, że są małe, tylko że są małe i stykają się ze sobą.

Zmierzyliśmy, jak głęboko leży nasze wezwanie

Pytanie „czy mamy CTA nad zagięciem” brzmi rozsądnie i potrafi dać fałszywie uspokajającą odpowiedź. 20 sierpnia 2026 zmierzyliśmy odległość od góry strony do pierwszego wezwania na 14 własnych podstronach, przy oknie wysokości 915 pikseli.2

Wynik był podejrzanie równy: 45 pikseli na każdej z 14 stron, co do jednego piksela. Powód jest prozaiczny: to przycisk z nagłówka serwisu, ten sam wszędzie. Test wypadł więc wzorowo i nie powiedział nic o żadnej z tych stron z osobna.

Ciekawie zrobiło się przy wezwaniu, które faktycznie należy do konkretnej strony. Formularz kontaktowy na stronie usługi tworzenia stron leży 16 ekranów od góry, na stronie pozycjonowania — 11,6 ekranu, przy kampaniach reklamowych i wizytówce około 8. Numer telefonu wypada bliżej, między pierwszym a drugim ekranem, i to on w praktyce przejmuje rolę wezwania.

Wniosek jest metodyczny, nie estetyczny: mierzyć trzeba odległość do wezwania właściwego dla tej strony, a nie do pierwszego napotkanego przycisku. Element z nagłówka jest wspólny dla całego serwisu i z definicji zawsze wypadnie dobrze, przez co jako miara jest bezużyteczny.

Zamów wycenę zamiast kliknij tutaj

Skuteczne wezwanie jest konkretne („Zamów bezpłatną wycenę” zamiast „Kliknij tutaj”), widoczne bez szukania i wystarczająco duże, by trafić w nie kciukiem. Jedna strona ma jeden główny cel, powtórzony w naturalnych miejscach treści.

Kilka wezwań o równej wadze

Na jednej stronie potrafi stać kilka wezwań tej samej rangi („Zadzwoń”, „Napisz”, „Zapisz się do newslettera” naraz) i każde odbiera pozostałym część uwagi. Na telefonie dochodzi problem geometryczny: im więcej przycisków obok siebie, tym mniej miejsca na każdy z nich, a wtedy wraca kryterium odstępu opisane wyżej. Mniej wezwań oznacza prostszy wybór i większe cele do trafienia.

Co decyduje o skuteczności wezwania

CTA jest ważnym elementem landing page i wpływa na współczynnik konwersji, a jego skuteczność sprawdza się testami A/B. Widoczność bez przewijania opisuje hasło above the fold.

Najczęstsze pytania

Jak duży powinien być przycisk CTA?
WCAG 2.2 wskazuje minimum 24×24 piksele CSS na poziomie AA albo mniejszy cel, wokół którego jest odpowiedni odstęp od innych klikalnych elementów.

Ile wezwań powinno być na stronie?
Jedno główne, powtórzone w kilku miejscach. Kilka równorzędnych rozprasza decyzję, a na telefonie dodatkowo odbiera sobie nawzajem miejsce.

Jak sprawdzić, czy wezwanie leży wystarczająco wysoko?
Mierząc odległość do wezwania właściwego dla tej strony, nie do przycisku z nagłówka. Ten drugi wypada tak samo dobrze wszędzie i niczego nie różnicuje.

Czy „Kliknij tutaj” to dobre wezwanie?
Nie, bo nie zapowiada, co się stanie po kliknięciu. Konkretna zapowiedź działania jest też lepszym tekstem odnośnika.

Źródła

1. W3C, „Understanding SC 2.5.8: Target Size (Minimum)” (WCAG 2.2, poziom AA): „The size of the target for pointer inputs is at least 24 by 24 CSS pixels”, z wyjątkami obejmującymi odstęp (okrąg o średnicy 24 pikseli wyśrodkowany na celu nie może zachodzić na inne cele), cele w tekście zdania oraz przypadki, w których dana prezentacja jest niezbędna (odczyt 2026-08-21). Zobacz wytyczne W3C →

2. Pomiar własny essaseo.pl z 2026-08-20 na 14 podstronach, okno o wysokości 915 pikseli (`pomiar_glebokosci_cta.py`). Pierwsze wezwanie do działania wypadało na każdej stronie na 45 pikselu; jest to przycisk nagłówka serwisu, wspólny dla wszystkich podstron. Odległość do formularza kontaktowego: 14 649 px (16,0 ekranu) na stronie tworzenia stron, 10 587 px (11,6 ekranu) przy pozycjonowaniu, 7 580 px (8,3) przy kampaniach reklamowych, 7 390 px (8,1) przy wizytówce, 1 283 px (1,4) na stronie kontaktu. Numer telefonu: od 0,7 do 1,6 ekranu.