A/B-тестування лендингу 2026: 12 елементів які варто тестувати + методологія

Що таке A/B-тест і чому це не «змінили колір кнопки»

A/B-тест — це статистично коректне порівняння двох версій сторінки. Не «нам здалось що так краще», а доказ цифрами.

Базова методологія A/B-тесту

Крок 1: Сформулюйте гіпотезу

Поганий приклад: «Хочу спробувати зелену кнопку замість оранжевої».

Хороший приклад: «Якщо змінити CTA з “Замовити” на “Отримати безкоштовну консультацію”, очікую +15% CR на лендингу, бо знижуємо barrier у психологічному сприйнятті».

Формула гіпотези:

Якщо ми [зміна], то [метрика] зміниться на [%], бо [причина].

Крок 2: Розрахуйте sample size

Калькулятор: evanmiller.org/ab-testing/sample-size.html

Параметри:

• Поточна CR: 3%
• Очікуваний приріст: +20% (з 3% до 3.6%)
• Power: 80%
• Significance: 95%
• → Sample size: ~6400 на варіант

При трафіку 500 visits/тиждень — тест триватиме ~6 тижнів.

Крок 3: Розділіть трафік 50/50

Не 70/30, не «обережно 90/10». Розрівняйте умови.

Крок 4: Дочекайтесь sample size

НЕ зупиняйте тест раніше, навіть якщо «вже видно різницю». Це найчастіша помилка — peeking.

Крок 5: Перевірте статистичну значущість

p-value менше 0.05 = різниця реальна, не випадковість.

12 елементів для A/B-тестування — від найвищого ROI

1. CTA-кнопка (текст)

Приклади тестів:

Принцип: конкретика + усунення barriers + value proposition в кнопці.

2. CTA-кнопка (колір/контраст)

НЕ «червона vs зелена» — а контраст до фону.

• Помаранчева на синьому → max contrast → +12-25%
• Та сама помаранчева на бежевому → -5%

Тестуйте: колір з найвищим контрастом до домінантного кольору сторінки.

3. Заголовок hero

Найвпливовіший елемент. 80% користувачів читають тільки H1.

Реальний кейс: Заміна «Розробка сайтів у Дніпрі» → «Корпоративний сайт за 14 днів з прозорим бюджетом» = +47% CR.

4. Підзаголовок (subheadline)

Функція: додає контекст до H1.

Тест: з підзаголовком vs без — зазвичай +8-15% на користь with-subheadline.

5. Hero-зображення

6. Форма (кількість полів)

Принцип: менше полів = більше leads. Але кожен зайвий лід = слабший lead.

7. Соціальний proof

Типи:

• Логотипи клієнтів (як рядок)
• Кількість клієнтів («2300+ компаній»)
• Відгуки (1-3 видимі + ще більше за click)
• Зірковий рейтинг + платформа (Google 4.8 / 230 reviews)

Приріст: +15-30% коли є та немає взагалі.

8. Розташування CTA

9. Pricing-секція

Тести:

• 3 тарифи vs 4 (3 краще — менше paralysis)
• Місячна оплата (першою) vs річна
• Highlight «Recommended» tier (+25-40% обирає його)
• Грн vs USD у В2B
• Знижка показана vs «всі ціни до знижки»

10. Trust-сигнали

Що тестувати:

• Безпека (іконки SSL, гарантії)
• Видимий phone і адреса (B2B)
• Гарантія повернення коштів
• Сертифікати, нагороди
• Підтримка (live chat / години)

Приріст: +10-20% коли trust-сигнали зʼявляються above the fold.

11. Довжина сторінки

Міф: «Коротко краще».

Реальність:

• Low-cost / impulse buy (до 100 USD) → коротко (1 screen) ✓
• High-cost / B2B / complex → лонгрід (3000+ слів) ✓

Тест: короткий лендинг vs довгий — для дорогого продукту довгий зазвичай +30-60%.

12. Швидкість завантаження

Не зовсім A/B, але прямий impact на CR:

−1s LCP → +10-15% CR у середньому. Деталі по оптимізації швидкості — у гайді з Core Web Vitals 2026.

Інструменти A/B-тестування 2026

Для українського SMB: GTM + GA4 (DIY) — безкоштовно, працює, +Microsoft Clarity для heatmaps.

7 типових помилок A/B-тестування

1. Зупинити тест рано — побачили різницю на 200 visit, оголосили переможця. Через 2 тижні різниця зникла.
2. Тестувати багато змін одночасно — не знаєте, що саме спрацювало.
3. Замалий sample size — статистично незначущий результат.
4. Тест менше 7 днів — захопить тільки частину тижневих циклів.
5. Тестувати на 100% audience — без сегментації втрачаєте інсайти.
6. Ігнорувати external factors — Black Friday, війна, відключення = шум.
7. Не документувати тести — повторюєте те що вже знаєте.

Базові тести добре поєднуються з юзабіліті-чек-лістом на 25 проблем — він допомагає виявити що тестувати першим.

CRO-roadmap на 90 днів

Місяць 1: Discovery

1. Поставити heatmap (Microsoft Clarity)
2. Налаштувати GA4 funnels для всіх key flows
3. Зробити 5 user interviews
4. Знайти 10 потенційних bottlenecks
5. Пріоритезувати за impact × ease (ICE framework)

Місяць 2: 2-3 тести

1. Тест 1: CTA-кнопка (текст)
2. Тест 2: Hero-заголовок
3. Тест 3: Форма (кількість полів)
4. Аналіз результатів

Місяць 3: Масштаб

1. Запустити переможців
2. Нові тести на тих же елементах + інших сторінках
3. Документувати learnings у CRO-playbook
4. Готувати наступну хвилю

Висновок

A/B-тестування — це не «змінити колір кнопки». Це систематичний процес гіпотез + тестів + learnings.

3 правила від нашого CRO-практики:

1. Тестуйте велике — H1, CTA, форма. Маленькі зміни → маленькі прирости.
2. Чекайте sample size — 1000+ конверсій на варіант. Без винятків.
3. Документуйте все — навіть «провалені» тести = insight.