Skip to main content
cta-efficace

Call-to-action: Как оптимизировать Ваши CTA?

ВРЕМЯ ЧТЕНИЯ
4 минуты
Автор
Gilyana
Gilyana Akuginova
Контент-маркетолог Kameleoon, Гиляна анализирует отзывы наших клиентов и консультантов, а также делится новыми практиками в области оптимизации конверсии.
Поделиться

Кнопки CTA позволяют посетителям взаимодействовать с Вашим сайтом: когда посетители интересуются Вашим брендом, контентом или предложениями, именно CTA (англ. "призыв к действию") позволяет им конкретизировать этот интерес. Даже если речь идет о маленьком (по размеру) элементе, он все равно является важным порталом по направлению к конверсии, а поэтому оптимизировать Ваши кнопки CTA просто необходимо.

1. Что такое CTA и зачем его оптимизировать?

Call-to-action – это кнопка, расположенная на любой из страниц Вашего сайта или электронного сообщения, которая призывает посетителя совершить то или иное действие (подписка, регистрация, скачивание, покупка и т.д.)

Хорошая кнопка CTA должна:

  • Быть понятной

  • Быть заметной

  • Позволять посетителю осуществить действие, ради которого он оказался на сайте

Многие элементы должны быть учтены, когда мы ведем речь об оптимизации CTA: размер, цвет, формулировки, а также контекст, в котором CTA предлагается посетителям. Я Вам предлагаю поговорить об основных моментах оптимизации CTA.

2. Каков правильный контекст для Ваших CTA?

Прежде, чем задействовать любого рода оптимизацию дизайна или контента, нужно поразмышлять о контексте появления Ваших CTA: как посетители дойдут до этой кнопки? Какой интерес кликать?

Что ищут посетители на Вашем сайте?

Посетители, которые попадают на Ваш сайт, не  характеризуются идентичными интересами, не все из них заинтересуются Вашим главным CTA. Для увеличения шансов конвертировать посетителей, Вы можете варьировать CTA, чтобы подстраиваться под ожидания и интересы каждого. Это то, что мы частенько наблюдаем на сайтах онлайн-торговли на примере выбора между «Добавить в корзину» и «Забрать заказ в магазине». Это позволяет отвечать ожиданиям и посетителя, который делает покупки онлайн, и того, который просто присматривает товар прежде, чем податься в магазин. Сайт Birchbox, например, идентифицировал два типа покупателей: те, кто заказывает товар для себя, а еще те, кто подбирает подарок. Чтобы одновременно ответить потребностям и тех, и других, две кнопки CTA были размещены «Хочу» и «На подарок».

2 types de CTAs

Если Вы используете несколько CTA, как и в этой ситуации, смелее используйте разные способы, чтобы отвечать своим бизнес-целям, а для этого применяйте весь спектр возможностей: варьируйте цвета, размеры и различный дизайн.

Где находятся Ваши посетители в тоннеле конверсии?

Вы должны адаптировать предложение в зависимости от зрелости посетителя по отношению к Вашему бренду. Действительно: посетители, которые заходят на Ваш сайт, не станут все без исключения покупать Ваш продукт или записываться на услугу в первый же визит. Таким образом, Вы должны быть в состоянии предложить адаптированный опыт всем посетителям, чтобы они могли в долгосрочной перспективе конвертироваться на Вашем сайте. На главной странице Kameleoon у Вас есть выбор между "Запросить демо" или сначала изучить вопрос перед решительным шагом, прочитав истории успеха и т.п. Так все посетители могут найти то, что они ищут. И неважно, насколько они созрели.

Choix entre 2 CTAs кнопка CTA

С какого устройства действуют Ваши посетители?

Согласно исследованию, SalesForce 60% интернет-трафика приходится на мобильные устройства: поэтому крайне важно оптимизировать Ваши CTA, чтобы они были максимально кликабельными и эффективными на всех типах устройств. Вы можете также предложить CTA, предназначенные для пользователей мобильных устройств, например, CTA звонка. Просто клик, а номер уже набран на телефоне.

CTA d'appel

3. Какой дизайн, какое место выбрать для Ваших CTA?

Где разместить Ваш CTA на странице?

Цель Ваших CTA – это, чтобы по ним кликали максимально часто, а для этого Вы должны их разместить в месте, где посетитель будет в состоянии их заметить. Споры по этому вопросу ведутся давно, мы часто слышим, что лучшее расположение на странице для важных элементов – это выше линии прокрутки (т.е. в видимой части до скролла). Но это не так просто: если посетителю Ваш бренд знаком, возможно, что он сразу кликнет по CTA вверху страницы. Тем не менее, новым посетителям будет нужна дополнительная информация прежде, чем кликнуть по CTA, поэтому они скорее захотят прокрутить страницу. Все зависит от Ваших целей и опыта, который Вы хотите предоставить Ваших посетителям. Здесь несколько примеров, которыми Вы можете вдохновиться.

1. Кнопка CTA, расположенная в видимой части сразу после входа на сайт

CTA haut de page

2. Кнопка CTA расположена в самом низу страницы, и посетителя ведут постепенно прямо к ней.

CTA après la ligne de flottaison

3. Кнопки CTA, видимые в любой момент при прокручивании (т.н. sticky CTA)

Sticky CTA

Какой цвет выбрать для Вашего CTA?

Нет цвета, который работает лучше прочих, задача заключается в том, чтобы найти цвет, который гармонично сочетается с общей визуальной иерархией Вашего сайта, который контрастирует с окружающими его элементами, чтобы CTA бросался в глаза незамедлительно. Кроме этих аксиоматичных утверждений, все остальные гипотезы и предположения необходимо A/B-тестировать. Рассмотрим пример Younited Credit, который тестировал 3 разных цвета для своего CTA запроса кредита.

Couleur CTA

A/B-тест показал, что зеленый цвет кнопки CTA – это именно тот цвет, который генерирует больше конверсии с повышением показателя кликабельности на 6,82%. А как бы Вы угадали? Совсем не очевидно без теста.

Картинка для CTA?

Использовать картинки для создания CTA тоже возможно. Часто такое мы наблюдаем на сайтах продажи одежды.

CTA image кнопка CTA

Такой подход позволяет показать примерный контент посетителю, побуждая его кликнуть и посмотреть остальное содержание страницы. Zoom-эффект показывает посетителям, что это кнопка кликабельна. Используйте данный вариант с умом и всегда помните об общей гармонии с визуальной иерархией Вашего сайта: если Вы множите CTA в виде картинок везде и повсюду на Вашей странице, не выделяя никак, то вряд сможете добиться достойной кликабельности. Важно: согласно исследованию Hubspot CTA-картинки конвертируют меньше в 2 раза в среднем, чем CTA-кнопки. Картинка должны быть действительно уместна и актуальна для Вашего сайта. Иначе лучше предпочесть классическую версию кнопки.

Какой размер кнопки CTA?

Если Вы хотите, чтобы Ваша кнопка CTA была видна и понятна для посетителей Вашей страницы, то Вы должны убедиться, что она достаточно большого размера (но не слишком, конечно же). Действительно: чем больше кнопка, тем она заметнее и тем проще по ней кликать. Тем не менее, такая кнопка должна идеально сочетаться с общим дизайном Вашей страницы.

CTA, похожий на кнопку

Сделайте так, чтобы Ваша кнопка CTA была похожа на… кнопку! Вам это может показаться уж слишком очевидным, но если Ваша кнопка не выглядит кликабельной, то она не выполняет свою роль. Вы можете, например, сделать так, чтобы Ваша кнопка меняла цвет при наведении на нее курсора.

CTA cliquable кнопка CTA

4. Актуальные формулировки для Ваших CTA

Какое сообщение транслировать?

Текст Вашей кнопки CTA должен выражать совершенно четко цель посетителя для того, чтобы он понял сразу, почему он должен нажать, что произойдет потом: желает ли он скачать документ? Зарегистрироваться? Запросить демо? Записаться на встречу? Для того, чтобы подобрать просто и легко текст для Вашего CTA, постарайтесь дополнить фразу «Я хочу…»: - скачать электронную книгу - зарегистрироваться сейчас - запросить демо - записаться на встречу

Simon_site_faible_trafic По возможности избегайте общих формулировок, например, «Подробнее», «Кликнуть здесь», «Купить» и т.д. Даже если эти формулировки соответствуют ожидаемым от пользователя действиям, они используются слишком часто в интернете, им не хватает уникальности. Поэтому неплохо бы выделиться более оригинальными формулировками. Симон Шатлен, консультант Kameleoon France

Как обращаться к посетителям Вашего сайта?

Ваши CTA должны привлекать внимание посетителя и побуждать его подробнее изучать Ваш сайт. Для этого Вы должны дать ему слово:

  • Обращайтесь к посетителю напрямую или поставьте себя на его место: «Подробнее о моих скидках», «Скачать Ваш e-book».

  • Используйте активные глаголы: «Начать», «Запросить», «Скачать».

  • Внушайте чувство срочности: «Сейчас», «Только сегодня» и т.д.

5. Персонализируйте Ваши CTA

Вы также можете персонализировать Ваши кнопки CTA (как часть стратегии персонализации) в зависимости от разных критериев. Персонализировать можно в зависимости от: - пола человека - геолокации - происхождения - положения в тоннеле конверсии - и т.д.

6. Не забывайте A/B-тестировать!

Для CTA, как и для прочих элементов Вашего сайта, нет хороших практик, которые были бы актуальны вечно. Привычки, вкусы и предпочтения пользователей меняются стремительно, поэтому в идеале необходимо систематически A/B-тестировать все Ваши гипотезы.

cta ru ai
Gilyana
Gilyana Akuginova
Контент-маркетолог Kameleoon, Гиляна анализирует отзывы наших клиентов и консультантов, а также делится новыми практиками в области оптимизации конверсии.
Вам также могут понравиться эти статьи