← Назад

Сайт

Конверсия

5 способов повысить конверсию сайта за 5 минут.

Рассказываем о лайфхаках, способных поднять конверсию сайта, на внедрение каждого из которых уйдёт не больше 5 минут. Засекайте время!

21.04.2021 · 5 минут

Обычно, когда нужно сделать большое и важное дело, то не знаешь как к нему подступиться. Работа над повышением конверсии сайта это, безусловно, огромная работа, но её можно разделить на мелкие подзадачи и сегодня мы приведём 5 примеров, которые могут изменить конверсию и на внедрение которых нужно не более 5 минут.

Аудит вашего сайта или консультация по редактору

0₽

подключенного тарифа для конструктор сайтов

+4

месяца

промокод на продвижение в сетях Яндекс

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

+3

Бесплатный домен в зоне .ru/.рф

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

месяца

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

спецпредложение

Как проверять изменение конверсии.

Начнём с самого главного. Ведь нам важно не только внести изменения на сайт, но и проверить, что они действительно принесли пользу.

Для тестирования правок в mottor существуют А/Б тесты. Суть таких тестов проста: создаётся копия сайта и туда вносится корректировка. Например, меняется подзаголовок. После этого включается тест, в ходе которого все пользователи, переходящие на сайт, будут автоматически разделяться на две равные группы и распределяться между двумя версиями сайта. То есть одна половина будет видеть изменённую копию сайта, вторая — исходный вариант.

! Сразу оговоримся, что тест недоступен на тарифе «Лайт».

Посмотрите это видео. В нём мы рассказываем, как запустить тест.

Теперь перейдём непосредственно к лайфхакам.

Лайфхак 1. Придумайте новый оффер.

Оффер — главное коммерческое предложение сайта. Обычно его размещают на первой секции, и именно он привлекает главное внимание пользователей.

Существует множество способов и формул для создания оффера. В этой статье мы расскажем о 5 методах, которые сами часто используем в работе.

1. Товар или услуга + выгода + выгода

Суть формулы проста — вы пишите название товара или услуги и добавляете два преимущества.

Пример:

#1. Конструктор сайтов за 690 рублей. 7 дней тестового периода в подарок.

#2. Строительство домов за 35 дней и 1 500 000 рублей.

2. Действие + товар или услуга + время

Пример:

#1. Создавай продающий сайт за 100 секунд.

#2. Получи французский маникюр за 20 минут.

3. Глагол действия + воодушевляющий пример + без негативных последствий

Более сложная формула, которая цепляет пользователя на эмоциональном уровне.

Пример:

#1. Научись делать интернет-сервисы, как разработчики mottor, не выходя из дома.

#2. Научись торговать на бирже, как «Волк с Уолл-стрит», без профильного образования.

4. Прилагательное + товар или услуга для + характеристика целевой аудитории

Пример:

#1. Бесплатный конструктор сайтов для владельцев магазинов одежды.

#2. Ежедневный фитнес-курс для астеников.

5. 4U заголовок

4U заголовок состоит из 4 составных частей:

— Usefulness — Полезность. Польза, которую получит клиент от сотрудничества с вами. Обычно выражается с помощью глагола в повелительном наклонении (см. примеры).
— Ultra-specific — Специфичность. Конкретизация выгоды в цифрах.
— Urgency — Срочность. Конкретный срок, за который клиент получит пользу.
— Uniqueness — Уникальность. Чем ваше предложение отличается от конкурентов.

Так как каждая часть заголовка начинается с буквы U, отсюда и название приёма

Пример:

#1. Создайте сайт с конверсией 5% за 2 часа. Тестовый период — 30 дней.

#2. Закажите суши с бесплатной доставкой за 45 минут. Каждый 2-ой сет в подарок.

Не забудьте добавить тег H1 для нового оффера. Это важный элемент SEO- оптимизации сайта, и от него зависит позиция сайта в выдаче.

В mottor это делается так:

Если вы меняете оффер в динамической секции, то заголовок Н1 менять не нужно, так как он установлен по умолчанию.

Лайфхак 2. Добавьте или измените подзаголовок.

Подзаголовок — это текст, описывающий дополнительную выгоду от оставления заявки. Обычно он размещается под заголовком, откуда и получил своё название.

Размер шрифта подзаголовка должен быть меньше размера шрифта основного заголовка. Это поможет пользователю интуитивно понимать иерархию текстов.

Пример подзаголовка

Придумайте новую выгоду, которую может получить пользователь, и запишите её в подзаголовок.

Лайфхак 3. Используйте анимированную кнопку.

В последнее время использовать на сайте открытую форму обратной связи считается не лучшим тоном, поэтому её часто прячут за кнопкой. При клике на кнопку форма выходит, и пользователь оставляет свои контакты.

Чтобы привлечь к кнопке внимание, её делают контрастного цвета или включают анимацию.

Сегодня мы не будем рассматривать базовую анимацию mottor, так как она нагружает сайт, а воспользуемся более изящным вариантом — добавлением анимации с помощью CSS.

Для начала откройте в новой вкладке эту инструкцию. В ней мы собрали 10 примеров анимации для кнопок. В 8 из них анимацию запускает наведение курсора на кнопку. Оставшиеся 2 кнопки отображают блик и работают независимо от наведения.

Как поставить анимацию на кнопку

Посмотреть на вставку кода в кнопку можно по гифке, расположенной ниже. Смотрите и повторяйте за нами.

Лайфхак 4. Измените скин в динамических секциях.

Если вы следите за нашими обновлениями, то наверняка слышали про динамические секции. Если нет, то сейчас расскажем.

Это секции с автоматически изменяемым дизайном. Теперь вам не нужно думать о том, как бы сделать красивый дизайн самостоятельно. Мы уже позаботились об этом. Вы выбираете секцию, добавляете свою картинку и заголовок, а затем настраиваете дизайн.

Пример использования динамических секций

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

Лайфхак 5. Измените расположение секций.

Самый простой лайфхак, для которого не нужно ничего придумывать. Просто наведите курсор на левый верхний угол, зажмите ползунок переноса и поменяйте секции местами.

Чтобы просматривать карту скроллинга, необходимо заранее установить счётчик. Если на нужных страницах счётчик уже стоит, просто откройте Яндекс Метрику и перейдите в нужный раздел.

Если же счётчик ещё не был привязан, советую вам озаботиться этим как можно скорее, чтобы в дальнейшем не упускать возможности этого способа аналитики.

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

Взглянем на пример:

На этом сайте можно переставить секцию с середины в начало, потому что по уровню пользовательского интереса она уступает только главному экрану. Чем больше людей увидят эту секцию, тем выше будет вероятность того, что они сделают заветный шаг — оставят заявку.

Итоги

Итак, в этой статье мы разобрали, 5 способов, способных повысить конверсию и на внедрение которых уйдет не более 5 минут.

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

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat