Призыв к действию (Call to Action, CTA) — это элемент страницы, который говорит пользователю, что делать дальше. Казалось бы, просто кнопка с текстом. Но именно в этой «простой» кнопке кроется разница между сайтом с 0.5% и 5% конверсии. Грамотно сделанный CTA удерживает пользователей на сайте, снижает показатель отказов и посылает Яндексу сигнал: здесь пользователь нашёл то, что искал.
Почему CTA влияет на SEO
На первый взгляд, кнопки — это CRO, а не SEO. Но связь прямая:
- Чёткий CTA снижает процент отказов (пользователь не уходит с первой страницы)
- Успешный CTA увеличивает время на сайте (пользователь заполняет форму, читает условия)
- Конверсионные действия — сигнал Яндексу о качестве страницы
- Низкий показатель возврата к поиску после перехода на страницу = высокая релевантность
Алгоритм Яндекса не видит ваш дизайн, но видит последствия хорошего дизайна через поведенческие метрики.
Анатомия эффективного CTA
Хороший призыв к действию состоит из нескольких элементов:
1. Текст кнопки — главное. Должен описывать результат действия, а не само действие.
- Плохо: «Отправить», «Нажмите», «OK»
- Хорошо: «Получить бесплатный аудит», «Записаться на консультацию», «Узнать стоимость»
2. Цвет — должен контрастировать с фоном и выделяться среди других элементов. Нет универсального «правильного» цвета — тестируйте.
3. Размер — кнопка должна быть заметной, но не агрессивной. Минимум 44×44 пикселей для мобильных.
4. Расположение — выше линии сгиба (first screen), рядом с ключевыми преимуществами, после блока возражений.
5. Окружение — что находится рядом с кнопкой: социальные доказательства, гарантии, снятие возражений.
Формулы текста CTA, которые работают
Формула «Глагол + Выгода»
«Получить + [результат]»: Получить скидку 20%, Получить коммерческое предложение, Получить бесплатный анализ
Формула «Я хочу + Действие»
Текст от первого лица повышает конверсию на 90% по данным некоторых исследований: «Хочу узнать цену», «Хочу бесплатную консультацию»
Формула «Действие + Снятие барьера»
«Попробовать бесплатно — без карты», «Получить консультацию — звонок займёт 15 минут»
Формула «Действие + Срочность»
«Записаться до пятницы», «Получить скидку сегодня»
Ошибки в CTA, которые уничтожают конверсию
Слишком много CTA на одной странице. Если пользователь видит 7 разных кнопок с 7 разными призывами, он не знает, что делать, и не делает ничего. Принцип «одна страница — одна главная цель».
Слабый контраст. Серая кнопка на белом фоне, синяя кнопка на синем фоне — пользователь просто не замечает CTA. Используйте инструмент контрастности WebAIM для проверки.
Общие формулировки. «Нажмите здесь» не говорит пользователю, зачем это делать. Всегда указывайте результат.
CTA не соответствует этапу воронки. «Купить сейчас» на информационной статье пугает пользователя. Для холодного трафика подходит «Узнать больше», «Скачать гайд». Для тёплого — «Получить предложение», «Записаться».
Отсутствие CTA на мобильной версии. Часто кнопки, хорошо видные на десктопе, теряются или перекрываются на смартфоне.
A/B тестирование CTA: что тестировать
Тестирование — единственный способ найти CTA, работающий для вашей аудитории. Тестируйте по одному элементу:
| Элемент | Варианты для теста |
|---|---|
| Текст | «Получить консультацию» vs «Узнать стоимость» |
| Цвет | Оранжевый vs зелёный |
| Размер | Большая vs стандартная кнопка |
| Расположение | В шапке vs после блока преимуществ |
| Окружение | С отзывами рядом vs без |
Минимальная выборка для статистической значимости — 100–200 конверсий на каждый вариант.
CTA в разных блоках страницы
Шапка (header): Телефон + кнопка быстрого звонка/заказа. Для мобильных — кликабельный номер.
Первый экран: Главный CTA с максимальной конкретикой. Рядом — снятие главного возражения.
После блока преимуществ: Повторный CTA, апеллирующий к эмоции («Хочу такой же результат»).
После отзывов/кейсов: CTA с социальным доказательством («Присоединитесь к 500+ клиентам»).
В конце страницы: Для тех, кто дочитал — они самые тёплые. Можно использовать более конкретный CTA.
В статьях блога: Контекстные CTA внутри текста. Если статья про SEO-аудит, CTA — «Заказать аудит». Это не только конвертирует, но и увеличивает глубину просмотра.
Как использовать тепловые карты для улучшения CTA
В Яндекс.Метрике → Карта кликов посмотрите, куда кликают пользователи. Типичные открытия:
- Пользователи кликают на изображения или заголовки, ожидая, что они кликабельны — добавьте ссылки
- CTA-кнопка получает мало кликов — она незаметна или текст неубедителен
- Много кликов уходит в «пустые» места — пользователи ищут то, чего нет на странице
Вебвизор покажет, замечают ли пользователи вашу кнопку и двигается ли курсор к ней перед уходом.
Влияние микротекста рядом с CTA
Микротекст — это маленькие подписи под кнопкой, снимающие возражения:
- «Бесплатно и без обязательств»
- «Отвечаем в течение 30 минут»
- «Уже 847 заявок в этом месяце»
- «Ваши данные в безопасности»
По данным исследований, правильный микротекст повышает конверсию CTA на 15–30%.
Мобильные CTA: отдельная история
На смартфоне поведение пользователей отличается от десктопа:
- Большой палец управляет прокруткой — CTA должна попадать в зону большого пальца
- Пользователи склонны звонить, а не заполнять формы — добавьте кнопку «Позвонить»
- Sticky-кнопка в нижней части экрана показывает +20–40% к мобильной конверсии
CTA и поведенческие факторы: синергия
Хорошие CTA не только конвертируют — они создают паттерн взаимодействия, который Яндекс интерпретирует как знак качества страницы. Пользователь кликает на кнопку, попадает на страницу «Спасибо», просматривает 3 страницы — всё это поведенческие сигналы.
ClickFlow помогает улучшить поведенческие факторы, в том числе за счёт отработки сценариев с переходами по CTA. Это особенно полезно для новых страниц, которым нужно набрать первичную историю взаимодействий.
Чек-лист идеального CTA
- [ ] Текст описывает результат, а не действие
- [ ] Кнопка контрастирует с фоном
- [ ] На странице один главный CTA
- [ ] CTA виден без прокрутки (первый экран)
- [ ] На мобильных кнопка ≥ 44px
- [ ] Рядом с CTA есть снятие возражений
- [ ] Настроено отслеживание кликов в Яндекс.Метрике
- [ ] Проведено хотя бы одно A/B тестирование
Работайте с CTA как с живым элементом — тестируйте, измеряйте, улучшайте. Даже небольшое изменение формулировки может дать +30–50% к конверсии без каких-либо других изменений на странице.