Увеличение конверсии сайта: 156 техник оптимизации (2017 г.)

Увеличение-конверсии-сайта-156-техник-оптимизации

Я думаю, никто не откажется увеличить конверсию своего сайта.

То есть, по сути, получать больше заявок с тем же трафиком, с тем же бюджетом на рекламу.

Как это сделать?

Я собрал список из 156 техник, которые УЖЕ повышали конверсию сайтов.

Каждая из них — результат десятков А/Б тестов.

В этой статье расскажу, КАК ИМЕННО вы сами уже завтра элементарно сможете увеличить конверсию вашего сайта.

Поехали!

Незаметный бонус для внимательных читателей:
Получите .pdf файл этой статьи. Бонус: +2 техники, которых нет в этой статье 🙂

Увеличение конверсии сайта (лендинга)

1. Лендинг, а не сайт

Здесь просто.

Когда мы сделали лендинг компании Lekvi, конверсия сайта увеличилась более чем в 10 раз (+1188%).

1. Лендинг_а_не_сайт

Попробуйте сделать лендинг, проведите Split URL тест, перераспределив трафик 50/50, и просто посмотрите, где заявок будет больше.

2. Не продавать в лоб – автоворонка

Автоворонка позволяет конвертировать не только горячих, но и холодных  клиентов (это отдельная большая тема, которой лучше посвятить отдельную статью).

Суть:

В том же кейсе мы попробовали получить только е-мейл, а затем прогреть клиента рассылкой и получить телефон.

Результат конверсии:

2. Автоворонка

Было: 3,61%

Стало: 9,28%

В 3 раза больше лидов с тем же трафиком, с тем же бюджетом.

3. TOFU

Австралийский маркетолог Chris Von Wilpert предлагает выделить 3 уровня «прогретости» клиентов.

TOFU (top of the lead funnel) — это верхний уровень воронки.

Предложение, которое отличит тех, кому хоть как-то интересна ваша сфера деятельности.

Задача — «пылесосить» их всех, чтобы получить максимум лидов.

Типичные ТОФУ предложения — отчет, чек-лист, прайс-лист, тест, брошюра и т.п.

Мы попробовали использовать ТОФУ и предложили «каталог», а не классическое, продающее в лоб предложение «связаться» или «оставить заявку».

3. Top-of-the-lead-funnel

Результат: увеличение конверсии почти в 2 раза (пардон за качество картинки).

4. MOFU

Второй уровень — MOFU (middle of the funnel). Предложение, которое квалифицирует качество лидов, собранных на первом этапе.

Чаще всего это вебинар, разговор с отделом продаж и т.п.

4. Middle-of-the-lead-funnel

Так можно выделить тех, кто заинтересован именно в вашем способе решения проблемы, именно в вашем продукте.

Здесь можно воздействовать на клиента живым общением.

Эти люди реально могут купить, но мы бы потеряли их, если бы не сделали ТОФУ.

5. BOFU

BOFU (bottom of the funnel) — самый нижний уровень воронки.

На этом этапе выделяются самые горячие клиенты.

Это может быть встреча, демонстрация продукта, тест-драйв и прочие.

В SaaS продуктах длина пробного периода (free trial) — это ключевой этап, которым посвящаются целые исследования.

5. Bottom-of-the-lead-funnel

Это и есть BOFU.

6. Одноэкранный (короткий) лендинг

В проекте свадебного салона мы использовали два типа посадочной страницы: короткий и длинный.

6. Одноэкранный-лендинг

Короткий выиграл. Его конверсия почти в 2 раза выше.

7. Длинный лендинг

Не всегда короткий лендинг выигрывает у длинного.

Пример:

7. Длинный-лендинг

Обычно длинные лендинги лучше работают в дорогих или сложных продуктах.

Шаг за шагом нужно упаковывать смыслы, выделять главное, разрушать возражения — https://vk.com/conversionart достиг в этом подходе практически максимальных высот.

Вывод: надо тестировать и короткий, и длинный вариант.

8. Больше лендингов

Американский лидер CRM-систем — компания HubSpot — вывела корреляцию между общим количеством лендингов, которые использует компания, и количеством заявок.

Вывод на основе исследования более 7000 бизнесов:

8.Больше-лендингов

чем больше вариантов лендингов (более 40) использует компания в своем маркетинге, тем больше лидов она получает.

9. Люди

На основе тестов мы выявили: изображение человека дает прирост к конверсии.

Поэтому мы используем их почти всегда:

9. Лица-людей

Вариант страницы сайта с изображением человека превзошел аналог в 2 раза.

Было: 4,94%

Стало: 11,58%

Каждые 12 человек на 100 заходов оставляли заявку.

10. Живые люди

Стоп.

Не делайте ошибку, которую делают 90% компаний, использующих фото людей.

Конверсия – это заявка, которую оставляют только тогда, когда есть доверие.

Доверие есть к живым, реальным людям, а не наигранным снимкам из фотобанков или стоковым фото, взятым из интернета.

Вот пример 2 фотографий:

10. Не-фотобанк

Если вы не видите разницы, не используйте фото людей вообще.

11. Разные люди

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

11. Тестировать-фото

Вывод: тестируйте разные фото разных людей — показатели конверсии могут быть разными.

Сильно разными.

12. Не делать раздел «Новости»

До тех пор пока ваш сайт называется не Rbc или Forbes, не делайте раздел «Новости компании».

12. Не-делать-раздел-новости-компании

Причины:

  • вы никогда не угонитесь за обновлениями;
  • этот раздел не читает никто, кроме вас и вашего маркетолога, который и публикует там новости.

Если вы хотите показать, что компания «живая» и актуальная, то лучше сделать так:

12. Не-делать-раздел-новости-компании-2

И, кстати, такая ассиметричная актуализация увеличила нашу конверсию на 63,23%.

12. Не-делать-раздел-новости-компании-3

13. Показывать цену, если цена – УТП

Показывайте цену сразу на сайте, если эта цена — ваше конкурентное преимущество («проходная»).

14. А/Б тестирования

Это основа основ.

Вы не сможете увеличить конверсию сайта до тех пор, пока вы не протестируете.

  1. Возьмите программу, например, https://vwo.com/, https://www.optimizely.com/.
  2. Замените 1 элемент на вашем сайте (это может быть заголовок/фото/текст/расположение элементов).
  3. Распределите трафик 50/50 между контрольной и измененной версиями.
  4. Удивитесь тому, как 1 элемент (например, заголовок) может сэкономить вам годовой бюджет — например, на 50%.

NB! Я не программист – но даже я смог разобраться, то есть проще некуда.

15. А/Б тестировать должен тот, кто умеет

В предыдущем пункте я рекомендовал тестировать 1 элемент.

Это не просто так.

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

И таких нюансов много (я здесь собрал 156 пунктов).

Вывод: лучше найти того, кто это умеет делать и знает, что именно тестировать.

Грамотный специалист может сэкономить больше половины всего годового рекламного бюджета.

Такого результата крайне сложно достичь оптимизацией платной рекламы.

16. Тестировать до статистической достоверности

Доводите тесты до конца.

VWO дает кубок, когда тест завершен 🙂

16. АБ-тест-статистическая-достоверность

Если получить 10 посетителей и увидеть разницу в 2 раза – это одна степень достоверности.

А если сделать тест на 1000 посетителей, то достоверность будет уже совершенно другая.

Вывод: делать выводы можно только на подтвержденных результатах.

17. Split URL тестирования

Если А/Б тестирование уже не дает существенных результатов, сделайте Split URL тест.

Это то же самое, только соревнование будет между двумя принципиально разными сайтами.

Как правило, именно сплит УПЛ тесты дают максимальные результаты.

17. Split-URL-тест

18. Анализ карты кликов

Анализ карты кликов дает массу пищи для размышлений и идей.

18. Heatmaps-карта-кликов

Основываясь на том, куда кликают ваши посетители, вы можете адаптировать сам сайт.

Например, сделать кнопку там, куда «тыкают» чаще, но ничего не происходит.

Олег Торбосов заметил, что люди часто нажимают на телефон, который расположен на его сайте (http://kupipenthouse.ru/), и сделал телефон кликабельным — после нажатия появляется форма:

18.Heatmaps-карта-кликов-торбосов

Он продолжил анализировать карту кликов. Люди нажимали на фото эксперта.

Поэтому он предложил людям выбрать эксперта:

18.Heatmaps-карта-кликов-торбосов1

Как вы думаете, что произошло с конверсией? 🙂

19. Динамическая замена заголовка

Максимальные показатели CTR (кликабельности) в рекламе достигаются тогда, когда посетитель увидел в объявлении именно тот запрос, который вводил.

19.Динамическая-замена-заголовков

Это же правило справедливо и дальше – для самих сайтов.

Почему бы не продолжить и не указать тот же запрос (ключевик) в самом заголовке сайта:

19.Динамическая-замена-заголовков1

Тем более сейчас есть масса сервисов, которые позволяют это сделать: например, https://yagla.ru/.

Это взрывает конверсию плюс дает бонус от поисковых систем, потому что контент сайта сразу соответствует запросу на 100%.

20. Отдельный лендинг под запросы

В Америке один клик из контекстной рекламы может стоить больше, чем дневные бюджеты наших кампаний в РФ.

Это заставило их научиться выжимать максимум из конверсий.

Они не просто меняют заголовок 1 сайта.

Они просто делают разные сайты (это подтверждает пункт 8).

1 ключевик -> 1 рекламное объявление -> 1 уникальный сайт.

20.1-ключевик-1объвление-1сайт

Это пример кусочка рекламной кампании Intercom — второго (после Slack) SaaS-проекта по динамике развития в мире с годовым оборотом $50 млн.

Они явно что-то понимают в конверсиях и делают это не «от нечего делать».

21. Социальное доказательство – отзывы

Как я уже писал, конверсия – это вопрос доверия.

Отзывы лежат в фундаменте высоких показателей эффективности обработки трафика.

21.Отзывы

Я ни разу не видел, чтобы отзывы снижали конверсию.

Используйте отзывы. Всегда.

22. Показать количество подписчиков

Создайте ощущение толпы, спроса и ажиотажа на продукт.

Мы взяли этот подход у компании basecamp.

22.Социальное-доказательство

Вот результат:

22.Социальное-доказательство-Social-Proof

Почему бы не попробовать сделать и вам?

23. Не показывать негативный Social Proof

Очевидно: если вы на старте, то не нужно указывать негативный social proof.

То есть не надо писать, что на вас «подписано 13 человек».

Здравый смысл.

24. Реальные отзывы со ссылкой (1 отзыв со ссылкой > много)

Малое количество отзывов можно обернуть в плюс.

Если у вас есть отзыв, постарайтесь получить ссылку, чтобы подтвердить, что это живой человек.

24.Отзыв-со-сслыкой

Такой подход будет сильнее, чем написание даже многих отзывов, но без ссылок.

Мы использовали этот подход, и вот что получилось:

24.Отзыв-со-сслыкой-1

P.S. Предвосхищая вопрос: никто не завалил этого человека спамом (максимум 2-3 сообщения на тысячи посетителей и сотни заявок).

25. Отзывы от звезд – огонь уровень!

Без лишних слов.

26. F-способ просмотра

Десятки анализов карт просмотров сайтов показали, что люди просматривают сайты по F-модели.

26.F-layout

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

27. Правая нижняя часть кликабельная

Второй паттерн поведения говорит о том, что кликабельная часть должна быть расположена в правой, особенно правой нижней части:

27.Z-layout

28. Гарантии

Давайте адекватные, релевантные гарантии на ваше предложение:

28.Гарантии

Обычно это увеличивает конверсию на 10-20%.

29. Ввести в заблуждение повторным отправлением

Мы случайно наткнулись на этот лайфхак, когда программист сделал ошибку в странице благодарности.

Мы не делали поле «Телефон» обязательным и часто получали только е-мейлы.

Однако после отправления заявки появлялось окно благодарности «Спасибо за заявку» с текстом «Отправить заявку еще раз?».

29.Повторная-отправка-формы

Посетители думали, что это ошибка и заявка не ушла.

Но дойдя так далеко, они не просто закрывали страницу, а УЖЕ вводили свой номер телефона, чтобы добить до конца.

Так после 1 полученного е-мейла мы получали второй с тем же е-мейлом, но уже и номером телефона (разница – 1 минута):

29.Повторная-отправка-формы-1

Па-ба-бам 🙂

30. Видео работает

Видео вызывает максимальный фактор доверия:

30.Видео-в-landing-page

Сервис http://bmbullet.ru/ выстроил основу своего предложения именно вокруг этой фишки.

Бонус: видео работает лучше на MOFU и BOFU (пункт 2,3,4) этапах воронки на прогретом трафике, чем на TOFU.

В сверххолодном ТОFU-трафике лучше скрывать его кнопкой:

 30.Видео-в-landing-page1

31. Онлайн-чаты

Онлайн-чаты — например, http://www.jivochat.ru/, увеличивают конверсию.

31.Онлайн-чаты

Бонус: чаты особенно хороши для SaaS-проектов, требующих разобраться в особенностях установки софта или для e-commerce сайтов для уточнения условий доставки.

В обоих случаях максимальный результат достигается на страницах оплаты.

32. Сервисы обратного звонка

Сервисы колл-бека — например, https://envybox.io/callback,  повышают конверсию, сразу давая целевое действие – звонок.

32.Сервис-обратного-звонка

Бонус: обратный звонок – стрессовое действие, которое вытаскивает горячих клиентов, при этом срезая менее прогретых клиентов.

Поэтому колл-беки еще лучше использовать в нишах моментального спроса: запись на прием, вызов на дом, проверка статуса заказа.

33. Поп-апы (всплывающие окна)

Вы можете не любить поп-апы.

Но это самый эффективный способ увеличения конверсии сайтов.

33.Поп-ап-всплывающие-окна

Бонус: с января 2017 года «Гугл» запустил алгоритм, который понижает в выдаче сайты, использующие «отвлекающие от основного контента» элементы в мобильной версии (нужно быть внимательным с настройкой и учитывать ограничения)

Подробнее в пункте 156.

34. Опросники

Позволяют собрать информацию о посетителях сайта.

34.NPS

В первую очередь это нужно для сбора NPS (net-promoted-score), однако также помогает оптимизировать сайт на основе мнения самих пользователей.

35. Лучше меньше, да лучше

Виджеты помогают увеличить конверсию, но играют негативную роль, если переусердствовать с их использованием.

В случае, когда один сервис конфликтует с другим, целевое действие становится неочевидным:

35.Меньше-виджетов

Бонус: используйте виджеты, но настраивайте их точнее. Например, онлайн-чат на странице оплаты, а колл-бек — на разделе «Контакты» или «Связаться» и т.п.

36. Клик-триггер

Еще один способ крайне эффективно конвертировать посетителей в заявки:

36.Клик-триггер

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

Этот подход (click trigger) идеален для блогов или статей, ориентированных на органический трафик из SEO (как эта статья).

37. Клик-триггер с большей площадью

Конверсия появившихся форм клик-триггеров — самая высокая из перечисленных методов.

Весь вопрос – максимизировать CTR самой ссылки (важно, чтобы на нее просто нажали).

Сейчас внимательно:

Для этого нужно сделать кликабельной не только ссылку, но и всю коробку/плашку (+ к CTR — следовательно, больше заявок).

Это бомба.

38. Не всегда таймер

Таймеры или обратные отсчеты увеличивают конверсию, если выполняются 3 условия:

  • предложение, очевидно, подвержено времени (например, билеты закончатся);
  • время на принятие решения очень мало (например, 1 минута);
  • после завершения отсчета таймера предложение реально пропадает.

38.Таймер-обратного-отсчета

У меня все.

39. Не вводить в заблуждение

Главный секрет высокой конверсии в действии – предсказуемость действий:

  • если за заявку вы обещаете консультацию – окажите ее;
  • если отчет – пришлите его;
  • если обещали прислать в течение 2 минут – убедитесь, что попали в 2 минуты.

В этом суть получения не просто лидов, а качественных лидов.

40. Скорость загрузки

«Амазон» сообщил, что 1 минута простоя загрузки сайта стоит им $1 миллиард годового дохода.

40.Скорость-загрузки-сайта

Контролируйте скорость сайта – это критически важный фактор. Удобно делать через https://developers.google.com/speed/pagespeed/insights/

Конверсионная форма захвата

41. Лид-магнит

Руслан Татунашвили (один из лучших специалистов по конверсии, основатель http://callbackhunter.com/) говорит, что для того чтобы получить контакт, взамен надо дать что-то очень ценное.

Это весы – вы получите заявку, если на вашей стороне вес пользы в глазах посетителя будет существеннее в разы.

Это называется Lead Magnet (лид-магнит) – бесплатный кусок информации, которую вы предлагаете посетителю в обмен на контакт.

Такой подход в десятки раз эффективнее, чем простое размещение контактной информации на сайте.

42. Убрать все лишние ссылки

Основная причина, почему лендинги выигрывают у многостраничных сайтов – отсутствие лишних кнопок или ссылок, кроме целевой.

Оставить свой е-мейл, тем более телефон, — это стрессовое действие.

Если у пользователя есть возможность отложить это действие и прочитать +1 раздел на сайте, он это сделает.

Из-за этого конверсия падает.

Постарайтесь если не убрать, то минимизировать количество ссылок.

43. Используйте всплывающие окна

Руслан Татунашвили в одном из своих проектов (http://maketornado.com/) использовал всплывающие модальные окна, чтобы избежать лишних ссылок.

43.Всплывающие-окна

Попробуйте такой вариант.

44. Форма четко видна

Для того чтобы увеличить заполняемость формы, сделайте ее заметной.

Форма – это ключевой элемент сайта, поэтому она должна контрастировать на фоне остального контента.

45. Одна колонка в форме, а не 2

Колонок в форме лучше делать одну.

45.Одна-колонка-в-форме

Одним действием «убивается 2 зайца»:

  • увеличивается скорость заполнения формы (http://uxmovement.com/);
  • увеличивается удобство пользования в мобильной версии.

46. Использовать несколько форм

Попробуйте протестировать несколько офферов (форм захвата) на одном сайте.

Например, если ваша сфера – строительство, то предложите:

  • строительство кирпичного дома;
  • строительство деревянного дома;
  • только укладку крыши (грубо говоря);
  • оформление кредита на строительство.

Раздробите большое предложение и получите больше лидов, которые и не знали, что «так тоже можно».

47. Использовать одну форму

Много форм — не панацея, и это может сыграть в минус, если основное действие будет непонятным, неочевидным.

Бонус: делайте дробленые предложения в формах в альтернативных каналах — например, в поп-апах или экзит поп-апах.

48. Микропояснения

Дьявол в деталях.

Вы не представляете, как можно увеличить конверсию «микрообъяснениями».

Мы используем эти элементы ВСЕГДА, и они дают, например, +50% к конверсии на ровном месте.

48.Микропояснения

Далее в следующих пунктах – еще несколько модификаций микрокомментариев.

49. Дескриптор поля

Чтобы выжать из полей все соки, используйте дескриптор в самом поле.

49.Дескриптор-поля

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

Это особенно важно для мобильных версий заполнения, так как экономит пространство (60% вашего трафика – это мобильная версия).

50. Написать, что предстоит

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

50.Написать-что-предстоит

Если вы обещаете какой-то файл, то как, когда и куда он придет?

Чем четче и при этом лаконичнее вы опишете, тем больше лидов будет.

51. Асимметричная подпись

Любое нарушение формы, пропорций, симметрии бросает на себя внимание.

51.Ассиметричная-подпись

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

52. Стрелки

Еще один способ акцентирования внимания – это стрелки или указатели.

52.Стрелки

В визуально нагруженных сайтах именно это помогает выделить форму захвата или кнопку.

53. Капча-убийца

Если вы хотите разрушить вашу конверсию – сделайте капчу.

53.Капча-проверка-на-робота

54. Капча, 1 вариант

Если вы занимаетесь пластической хирургией, у вас более 1 миллиона посетителей в месяц и без капчи не обойтись, то есть 1 метод: «невидимая капча».

Суть механики в том, что используется невидимая форма на сайте, которую заметит только бот. А значит, и заполнит только бот.

Такая капча не срезает конверсию и решает задачу.

Пам-парам-пам.

Не благодарите: https://habrahabr.ru/post/320664/

55. Ошибки — не показывать список правил

Ошибки – это целый пласт, которому можно посвятить отдельную статью.

Типы ваших ошибок непосредственно влияют на конверсию.

Этому посвящено целое исследование https://conversionxl.com/ – в ближайших нескольких пунктах расскажу главное.

Суть: при возникновении ошибки никогда не показывайте свод правил «пожарной безопасности», которые нужно прочитать.

56. Ошибки в форме напротив

Правильные ошибки указывают непосредственно на само поле, в котором была допущена ошибка.

56.Ошибки-в-форме-напротив

57. Ошибки — не обвинять

Формулировка ошибки не должна писать, что ошиблись «вы».

Высококонверсионная ошибка напишет, что ошиблись «мы».

58. Ошибки -> подсказать что дальше

Ошибка констатирует факт ошибки не фразой «здесь ошибка», а самим красным цветом.

Ошибка подсказывает пользователю (разжевывает), что нужно сделать дальше.

59. Ошибки – расслабить картинкой

Ошибка – это стрессовый момент с точки зрения конверсии.

Стресс нужно снять — например, переведя в шутку.

Посмотрите, как это делает Shopify:

59.Ошибки-картинка

Бонус: обратите внимание на ваши 404-е страницы – это скрытая возможность конвертировать лиды или удержать пользователя на сайте.

60. Уничтожить кнопку «Очистить»

Кнопка «очистить поля».

Не делайте эту кнопку.  Это страшная вещь.

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

Если же он случайно нажмет «Очистить поля» вместо «Отослать заявку…

… зачем вам это?

61. Не скрывать пароли

Если заполнение ваших форм связано с паролями, то не надо скрывать пароли.

Согласно исследованию conversionxl:

  • это не увеличивает безопасность;
  • это срезает конверсию сайта, потому что увеличивает вероятность ошибки.

В крайнем случае дайте возможность скрыть вводимые данные.

62. Валидация полей

Знаете такие зеленые галочки, которые появляются, когда вы заполнили поле и «робот» его одобрил?

62.Валидация-полей

Вот такая штука добавляет:

  • интерактив, как чек-поинт в игре;
  • «похвалу», что мотивирует заполнить поле до конца;
  • возможность не использовать красное поле «ошибка».

Это особенно актуально для крайне важных, стрессовых форм, наподобие ввода информации банковской карты.

63. Чем меньше полей, тем лучше

Наверное, это один из самых главных пунктов в этой статье.

Правило, которое мы вывели для себя:

Ужас: «имя», «е-мейл», «телефон», «что-то еще»

Очень плохо: «имя», «е-мейл», «телефон»

Плохо: «е-мейл», «телефон»

Супер: «е-мейл»

Лучше меньше, да лучше.

64. Не брать имя

Есть только 1 вариант, когда целесообразно брать поле «имя»:

вы используете грамотную серию писем с захватом «имя» и «е-мейл», где важна open-rate (открываемость писем) — таким образом вы выкручиваете телефон/продажу.

Если вы этого не делаете – зачем вам имя?

Это лишнее поле, которое может заставить пользователя покинуть сайт.

Оператор по телефону может узнать имя в течение 5 секунд, и никто не бросит из-за этого трубку.

65. Не брать телефон

Если у вас нет системы воронки, как в пункте 58, то вам лучше ее создать.

80% этих рекомендаций – результат анализа того, как конвертируются лиды в Америке, где стоимость трафика колоссальна.

Количество компаний в Америке, которые захватывают телефоны, стремится к нулю.

Просьба: покажите мне сервис обратного звонка, который используется в американской компании.

Они вытаскивают телефон через автоворонки/цепочки писем, используя только е-мейл (максимум е-мейл и имя).

Почему?

Сайт, захватывающий е-мейл, всегда в разы выиграет по конверсии у любого другого, который захватывает телефон.

А значит, на тот же результат они потратят в разы меньше бюджета.

Это будущее, к которому мы точно придем. Оно ближе, чем кажется.

Бонус: с точки зрения маркетинга вся конкуренция сводится к одному: кто — вы или ваш конкурент — быстрее научится превращать е-мейлы в продажи.

66. Необязательные поля не ставить

Если в вашей форме есть необязательные для заполнения поля – уберите их.

Бонус: Помните про пункт 63.

67. Обязательные поля не помечать обязательными

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

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

67.Опциональные-поля

Этот феномен называется Voluntary over-disclosure -люди готовы дать больше информации, чем их просят.

Феномен подробно описан здесь: http://uxmovement.com/forms/why-users-fill-out-less-if-you-mark-required-fields/).

Во втором случае вы блокируете действие этого феномена.

Бонус: помните про пункт 63.

68. Поле «Телефон» должно учитывать другие страны

Я понимаю, что некоторые CRM-системы для точности сбора информации просят получать телефон в определенном формате.

Но не забывайте, что не все пользователи находятся в вашей стране – у них не будет возможности заполнить такое поле.

68.Телефон-учитывает-другие-страны

Дайте возможность выбрать страну (из выпадающего меню).

68.Телефон-учитывает-другие-страны-1

Бонус: помните, что лишние действия (выбор страны) как лишние поля – они снижают конверсию.

А поле «Телефон», состоящее из трех полей, – это приблизительно в 3 раза больше полей, чем 1 поле для телефона (помните про пункт 63).

🙂

69. Поля от простого к сложному

Важный пункт.

Делайте поля от простого к сложному.

Чем проще начать, тем выше вероятность, что путь будет пройден.

Поле «Телефон» — самое стрессовое. Начните с е-мейла.

70. Забрать только е-мейл

Один из самых главных советов, применив который, вы увеличите в разы конверсию вашего сайта.

70.Забирать-только-email

И неважно, какая ваша сфера бизнеса, средний чек, оффер, сезонность, настроение, вероисповедание, пол, возраст, погодные условия и прочее.

71. Подтверждение е-мейла

Если вы используете систему из серии писем, то обратите внимание на этап подтверждения подписки.

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

А значит и открываемости, а значит и перехода на страницы захвата телефонов 🙂

72. Оформление подтверждения

Подтверждение подписки – это всегда стрессовая и не всегда понятная для пользователя процедура.

Допустим, вы захватываете е-мейл в обмен на статью.

На странице с пояснениями:

  • объясните причину, зачем вы просите подтвердить е-мейл (пример: чтобы ваша статья дошла);
  • объясните следующий шаг, что произойдет после этого (пример: статья придет на почту сразу же после нажатия на кнопку);
  • объясните, что именно надо сделать и как (лучше со скриншотами);
  • дайте четкий стимул подтвердить е-мейл (еще раз упомяните статью, ее содержание).

Вот пример:

72.Оформление-подтверждения-емейла

73. Ускорение подтверждения

Для подтверждения подписки от человека потребуется перейти в почту и открыть письмо.

Дайте ссылку на переход сразу же на вашей странице подтверждения.

Сравните:

  • закрыть страницу подтверждения;
  • ввести в поиск почтовый сервис;
  • открыть почтовый сервис

Или:

  • нажать на кнопку и сразу открыть почтовый сервис.

Где выше вероятность, что пользователь выполнит задачу?

Супер.

74. Имя человека в письме

Поле «Имя» (в стандартных примерах) только в 1 случае имеет право на существование — вы захватываете «имя» и «е-мейл», чтобы повысить open-rate (открываемость писем).

Допустим, вас зовут Иван.

Посмотрите на пример:

74.Имя-человека-в-письме

Огонь?

Бонус: тестируйте – посмотрите, где будет больше продаж: просто с е-мейлом (высокой первой конверсией) и низким open rate или с е-мейлом и именем (чуть ниже первой конверсией) и высоким open rate.

75. Конфиденциальность

Уведомление пользователя о том, что его телефон «не будет передан третьим лицам» увеличивает конверсию.

75.Конфиденциальность

76. Замок к конфиденциальности

Добавление иконки-«замочка» увеличивает конверсию еще сильнее.

76.Замок-к-конфиденциальности

Особенно актуально для стрессовых форм, типа ввода банковской карты.

77. Не писать слово «спам»

Использование в дисклеймере слова «спам» незначительно, но негативно влияет на конверсию.

Не используйте это слово – переформулируйте.

78. Продублировать заголовок и кнопку

Как и в случае с прогнозируемостью и последовательностью в связке «запрос – объявление – заголовок сайта», важно выдержать ту же логику в форме.

Текст заголовка формы должен соответствовать тексту на кнопке.

78.Продублировать-заголовок-и-кнопку

Бонус: этот, казалось бы, незначительный момент повлиял у нас на конверсию сильнее, чем, например, таймер на сайте.

Бонус-бонус: в заголовке формы используйте повелительную форму глагола — например, «получите», а на самой кнопке – инфинитив «получить».

79. Меньше кликов до цели

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

Именно поэтому количество полей в форме должно быть минимальным.

Сокращение количества полей в больших формах может увеличить конверсию в разы.

80. Тесты

Тестирование – новый тренд в захвате контактов пользователей.

80.Тесты

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

Это противоречит предыдущему пункту с минимальным количеством кликов, при этом может работать еще эффективнее классического подхода.

По двум причинам:

  • формулировка триггера не подразумевает стрессового действия (форма отложена на конец теста);
  • конечный «индивидуализированный» результат повышает вероятность, что посетитель заполнит форму.

81. Показывать прогресс

Узкое горлышко в тестах – вероятность потерять посетителя в процессе прохождения.

Чтобы избежать этого, используется progress bar (индикатор прохождения).

81.Прогресс-бар

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

Бонус: это тот же принцип, который описан в пункте 50.

82. В прогрессе – не начинать с 0%

Чтобы еще сильнее увеличить конверсию теста с прогресс-баром, никогда не начинайте с 0%.

Покажите, что уже какой-то путь пройден.

82.Не-начинать-с-0-процентов

Этот нюанс базируется на принципе «Consistency» (привычка, постоянство) и снижает количество незавершенных тестов.

«Раз уж начал, доведем до конца».

Подробнее: https://institute-bm.com/articles/pulemet-iz-triggerov-20-priemov-kotorye-pomogut-prodavat-vsem-i-kazhdomu/

83. Промокод менее заметен

Часто в формах захвата, например, интернет-магазинов используется поле «введите промокод», которое позволяет получить бонус/скидку.

Это палка о двух концах.

Она действительно увеличивает конверсию тех, у кого есть промокод.

Но сильно снижает конверсию для тех, у кого промокода нет.

Наличие промокода провоцирует пользователя перейти в «Гугл», чтобы попытаться их найти.

Как следствие, получаем shopping cart abandonment (уход из корзины) и незавершение заказа.

Выход: делайте поле «промокод» менее заметным.

Те, у кого промокод есть, и так его найдут, а те, у кого его нет, с более высокой долей вероятности совершат покупку.

84. Анимация кнопки

Анимация кнопки (подпрыгивание, мерцание, переливание) увеличивает ее заметность.

Следовательно, CTR.

Следовательно, конверсию.

По словам Олега Торбосова, эффект мерцания кнопки добавил около 5% к конверсии сайта.

84.Анимация-кнопки

85. Иконки в кнопке

Не только анимация увеличивает конверсию кнопки.

Если вы хотите выжать еще несколько процентов, то протестируйте добавление иконки.

86. На кнопке показано, что именно получат

Попробуйте показать на кнопке (или рядом) именно то, что вы собираетесь отослать на почту.

86.На-кнопке-показано-что-именно-получат

Это существенно влияет на конверсию.

87. Суммирование техник

Объедините предыдущую технику с уже описанным  в пункте 9 принципом.

Расположите фото реального человека, в руках которого есть тот самый «отчет», который придет на почту.

Одним ударом получаем:

  • плюс к прогнозируемости (понятно, что придет на почту);
  • плюс к доверию (фото живого человека);
  • еще один плюс к доверию («отчет», который придет, действительно существует – вот его фото).

Бум.

88. Нестандартный призыв к действию

В фундаменте высоких конверсий лежит экспериментирование и тестирование.

Поэтому иногда рекомендации могут быть противоречивы.

В частности, в нарушение принципа последовательности в пункте 82, рекомендуем протестировать нестандартный призыв к действию.

В некоторых случаях необычная формулировка работает результативнее.

89. Эмодзи

Компания jivochat.ru отлично использует эмодзи на своем сайте.

89.Эмодзи

90. Большой размер кнопки

Чем больше размер кнопки, тем выше заметность.

Чем выше заметность, тем выше кликабельность.

Чем больше попыток заполнить форму, тем больше лидов.

Бонус: обратите внимание на анимацию кнопки в блоге Noah Kagan’a – короля нестандартных призывов 🙂

90.Размер-кнопки

91. Маленький размер кнопки

Вот две кнопки на сайте:

91.Тестировать-кнопку

Противоречиво, но выше конверсия у кнопки, которая меньше по размеру.

Вывод: тестировать размер кнопки.

92. Тестировать цвет кнопки

Помимо размера попробуйте протестировать цвет кнопки.

Вряд ли это даст сильный прирост к конверсии, но даже лишние несколько процентов не помешают.

93. Кнопка как кнопка

Придайте форму кнопке.

Из двух вариантов кликабельность кнопки, которая больше похожа на кнопку, будет выше.

94. Контраст кнопки на фоне всего сайта

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

Принцип прост – кнопка должна быть самым заметным элементом на вашем сайте.

94.Контраст-кнопки

Тест: отойдите на 3 метра от экрана монитора – кнопка должна быть самым контрастным элементом.

95. Получить, а не отправить

В 90% случаев формулировка «отправить/отослать заявку» проиграет формулировке «получить».

Никогда.

Никогда не пишите «отправить/отослать заявку».

96. Не процесс, а результат

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

Сравните:

  • «отчет», «брошюру», «каталог», «прайс-лист», «список», «чек-лист», «подборку»

Или:

  • «консультацию», «отослать заявку», «оставить запрос», «оценить бюджет».

В первом случае речь идет о результате. О чем-то, что произойдет сразу, именно поэтому это можно «получить».

Во втором случае есть больше стресса, так как подразумевается процесс оказания услуги, где неочевидно время и результат.

Критерий: в качестве проверки используйте слово «получить». Если ваше предложение можно «получить», то все хорошо.

97. Быстрый результат

Чтобы пойти еще дальше и выжать максимум – используйте результат, который не займет времени, а уже готов.

97.Быстрый-результат

Плохо: получить расчет сметы.

Хорошо: получить смету аналогичного проекта.

98. Бесплатно

Хотите узнать одно магическое слово, которое увеличит вашу конверсию с вероятностью 99%?

«Бесплатно».

Добавьте его в текст заголовка формы и в текст самой кнопки.

98.Бесплатно

Конверсия увеличится. Без вариантов.

99. Вторая опция в кнопке

Феномен, который называется Single-Option Aversion («избегание одиночного выбора», описан профессором Daniel Mochon из Тулейнского университета) сводится к парадоксальному выводу:

Наличие выбора, причем не столь важно какого, увеличивает вероятность совершения покупки.

Дайте возможность посетителям отклонить возможность оставить заявку.

Сделайте еще одну кнопку:

99.Вторая-опция-в-кнопке

Подробнее: http://acrwebsite.org/volumes/1015590/volumes/v41/NA-41

100. Опция вызывающая

Усильте эффект, сделав формулировку вызывающей:

100.Опция-вызывающая

Хотите, чтобы ваш бизнес рос?

  • «Да, давайте, скидывайте материалы».
  • «Нет, мне не надо больше клиентов».

101. 2-шаговая форма

Попробуйте использовать 2-шаговую форму захвата — например, просить е-мейл сначала, а после получения – телефон.

Хотя это противоречит принципу минимального количества кликов до цели, при этом может дать прирост к конверсии за счет смягчения первого шага.

Все познается в тестах.

102. Разные формы под разные страницы

Один из самых важных пунктов статьи.

Вы можете сделать один призыв к действию на всем сайте – это ок.

Но если вы хотите достичь вершин конверсии, сделать то, что железобетонно увеличит конверсию не в проценты, а в разы, – сделайте разные офферы, релевантные каждой отдельной странице сайта.

102.Разные-формы-под-разные-страницы

Например.

Предположим, у вас есть блог со статьями о строительстве.

В статье, где вы пишете о деревянных домах, дайте форму захвата в «каталог деревянных домов».

В статье, где речь идет о домах кирпичных – дайте оффер в «варианты проектов кирпичных домов».

Это взрывает конверсию и пробивает потолок, как ни один из перечисленных советов.

Повышение конверсии текстом

103. Сильнее потеря, чем приобретение

В формулировках УТП (уникального торгового предложения) используйте психологический трюк: потеря действует сильнее, чем приобретение.

Хорошо: «Получайте больше заявок».

Лучше: «Перестаньте терять заявки».

104. Утверждения подкрепляйте фактами

Вопрос конверсий – вопрос доверия.

Максимизируйте доверие.

В любое утверждение поверится скорее, если подкрепить его фактами.

Хорошо: «Специалисты по конверсии».

Лучше: «Специалисты по конверсии, потому что уже увеличивали конверсии сайтов».

105. Лучше писать цифры, чем не писать

Чем чаще используются цифры, тем выше доверие.

Хорошо: «Специалисты по конверсии, потому что уже увеличивали конверсии сайтов».

Лучше: «Специалисты по конверсии, потому что уже увеличивали конверсии 10 сайтов минимум на 50%».

106. Необычные цифры

Выше доверия вызывают те цифры, которые не выглядят слишком «опрятно».

Таким образом, косвенно доносится мысль, что цифры были кем-то высчитаны (а значит, за ними реально что-то стоит).

Хорошо: «Специалисты по конверсии, потому что уже увеличивали конверсии 10 сайтов минимум на 50%».

Лучше: «Специалисты по конверсии, потому что уже увеличивали конверсии 16 сайтов минимум на 47%».

107. Цифры подкрепляйте источниками

Цифры сами по себе – уже хорошо.

Но когда есть ссылка, есть источник – еще лучше.

Хорошо: «Специалисты по конверсии, потому что уже увеличивали конверсии 16 сайтов минимум на 47%».

Лучше: «Специалисты по конверсии, потому что уже увеличивали конверсии 16 сайтов минимум на 47% (кейсы со ссылками на сайты в приложении)».

108. Используйте адрес

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

Всегда указывайте адрес/телефон компании.

Это единственное, что отличает вас от «школьника», который мог сделать похожий сайт «на коленке» и скрыться за ним.

109. Подпись к адресу

Когда мы добавили уточнение к адресу, конверсия выросла.

109.Подпись-к-адресу

Приблизительно на 1-2%.

Почему бы и нет?

110. Актуальность

Второй вопрос – насколько актуальна информация, которая есть на сайте?

Убедитесь, что вы акцентируете актуальность вас, вашего сайта, вашего предложения.

В поисковой выдаче кликабельность одного и того же объявления с актуальной датой и без даст серьезную разницу.

Я использовал эту технику и в заголовке этой статьи.

Этот же принцип затронут в пункте 12.

111. Известный бренд

Конверсия выросла на пару процентов, когда мы добавили логотип и подпись известного бренда.

111.Известный-бренд

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

112. Разрушьте возражения FAQ

Здесь все просто.

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

112.FAQ

Сыграйте на опережение.

Бонус: сделайте этот раздел всплывающим модальным окном – тем самым вы избежите лишней ссылки, то есть ухода со страницы захвата (он же пункт 43).

113. Слова-крючки

В лид-магните используйте слова крючки:

  • «Мгновенно»;
  • «Как сделать…»;
  • «Шаг за шагом»;
  • «Просто»;
  • «Сразу»;
  • «Быстро».

Эти слова вызывают желание прочитать содержание — следовательно, получить lead magnet.

Слабо: «Инструкция для деревянного лука своими руками».

Сильно: Пошаговая инструкция «Как просто и быстро сделать деревянный лук своими руками».

114. Информационный дефицит

Второй вариант усилить лид-магнит – информационный дефицит в заголовке.

Работает по принципу пункта 103 – потеря сильнее приобретения.

Сравните два заголовка возможного лид-магнита:

Пойдет: «Салат из огурцов с помидорами – то, из-за чего вы толстеете».

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

115. Заголовок по 4U

Заголовки по 4U работают.

115.Заголовок-по-4U

По этому методу заголовки должны быть:

  • полезными (usefulness);
  • уникальными (uniqueness);
  • ультраспецифичными (ultraspecificity);
  • срочными (urgency).

Пробуйте.

116. Буллет-поинты

Используйте буллет-поинты в тексте своего сайта.

Так мы отражаем ключевые преимущества.

116.Буллет-поинты

Это упрощает способ восприятия текста.

Мы используем буллеты почти в каждом случае.

117. Иконки к буллетам

Усильте смысл каждого пункта за счет иллюстрации/иконки.

Плюс к читабельности.

118. Не «мы», а «вы»

Не будьте эгоистом.

Не используйте формулировку «мы делаем…».

Формулировка «вы получите…» в разы эффективнее показывает себя на цифрах конверсии.

Плюс автоматически не позволит писать о процессе – сразу о результате и конечной выгоде.

119. Тестировать обращение

Попробуйте поэкспериментировать с формулировками еще дальше и писать от первого лица.

  • «Получите ваш отчет».
  • «Получить мой отчет».

Протестируйте, результат может удивить.

120. Мигающий текст

Руслан Татунашвили использовал мигающий текст.

Вот пример:

120.Мигающий-текст

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

Пример:

Не всем понятно слово «лиды». Кому-то будет понятно слово «заявка», кому-то «контакт» и т.п.

Используйте мигающий текст – в нем можно написать все эти слова (смыслы) по очереди.

Конверсия интернет-магазина

121. Дисконт-плашка

Плашка со скидкой, скорее всего, даст прирост конверсии.

121.Дисконт-плашка

Используйте.

122. Больше картинки

Компания mall.cz – крупный интернет-магазин с 6,5 миллионами посетителей в месяц увеличил конверсию сразу в продажи на 9,46% одним действием.

122.Большие-картинки-vwo

Увеличил фото продуктов.

Подробнее: https://vwo.com/blog/larger-product-images-increase-conversion-rate/

123. Бестселлеры на первый экран

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

Точно так же делают книжные магазины в оффлайне.

Это не просто так.

124. Cookies – показать сразу

Используйте cookie, чтобы зафиксировать, какие именно товары искал или просматривал пользователь.

124.Cookies

При повторном возвращении покажите ему эти товары в первую очередь.

125. Рекомендатор

Рекомендуйте пользователям сходные или дополняющие товары к тем, которые он просматривает.

Используйте, например, similar4.ru:

125.Рекомендатор

Такой метод:

  • удерживает посетителя на сайте дольше;
  • увеличивает средний чек;
  • увеличивает конверсию.

126. Не выпадающее меню, а фильтр

Любому выпадающему меню рекомендуем фильтр.

В таком подходе:

  • меньше потребуется кликов до цели;
  • снижается количество ошибок при выборе раздела.

127. Цифры на 9/7 неточные

Поэкспериментируйте с ценниками.

Используйте цены, заканчивающиеся на 9 или 7.

Сделайте А/Б тест.

Если это даст прирост, то почему бы и нет?

128. «Всего»

Игорь Манн (http://igor-mann.ru/) рекомендует в формулировках добавлять волшебное слово, которое позволяет снизить воспринимаемую стоимость.

Хорошо: «Стоимость – 13000 рублей».

Лучше: «Стоимость – всего 13000 рублей».

129. «Тыс. руб»

Второе волшебное слово от Игоря Манна, которое еще сильнее снижает воспринимаемую стоимость:

Хорошо: «Стоимость – всего 13000 рублей».

Лучше: «Стоимость – всего 13 тыс. рублей».

130. «Золотой унитаз»

Бизнес Молодость (http://molodost.bz/) рекомендует использовать подход «золотой унитаз».

Чтобы продать унитаз за 20000 рублей, нужно показать вариант за 80000.

130.Золотой-унитаз-molodost-biznes

Тогда воспринимаемая стоимость целевого варианта будет ниже.

Вывод: рядом с целевыми товарами располагайте более дорогие альтернативы.

131. Не берут сразу – возьмите е-мейл

Золотая жила интернет-магазинов (как и в любом другом бизнесе) – это работа с е-мейлами и пикселями.

Ничего страшного, если покупка не произошла в лоб.

Это сделают только 2% крайне горячих клиентов.

В долгосрочном периоде выиграет тот, кто сможет оптимальнее обработать оставшиеся 98% трафика.

132. Страх

Одна из самых мощных техник – создание дефицита, ощущения повышенного спроса на продукт.

Посмотрите, сколько техник использует «царь запугиваний» Booking:

132.Дефицит

Только в этом маленьком окне я насчитал 2 техники.

Наверное, поэтому booking и стал booking’ом.

133. Выпадающие подсказки при поиске

Если у вас есть поиск – оптимизируйте его.

Добавьте выпадающие подсказки (как в «Яндексе» или Google).

В частности, именно в них разместите самые продающиеся товары в каждой категории.

133.Выпадающие-подсказки-в-поиске

Это активно использует Amazon.

134. Выпадающие подсказки с картинками

Пойдите еще дальше и добавьте фото продуктов в подсказки.

Это даст еще больше кликов -> конверсий.

135. Имя и фамилия в одном поле

В корзине при вводе личных данных не разделяйте поле «имя» и «фамилия» в разные — объедините в одно.

Меньше полей – быстрее к цели.

136. Несколько фото продукта

Показывайте несколько фото продуктов.

136.Несколько-фото-продукта

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

137. Продукты в контексте использования

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

Дайте пользователю попробовать примерить товар заранее или посмотреть, как он сидит на других покупателях.

Посмотрите, как это делает Apple:

137.Продукты-в-контексте-использования

Огонь.

138. Zoom к фото

Добавьте возможность увеличения фото.

138.Zoom-к-фото

Дайте возможность рассмотреть все детали.

Бонус: дайте возможность увеличения без кликов – просто при наведении мышки компьютера.

139. Качественные фото

Очевидный пункт.

По возможности делайте свои профессиональные фото товаров.

Так вы получите:

  • несколько фото продукта;
  • товар в контексте использования;
  • возможность сделать увеличение фото.

140. Отзывы к продуктам

Дайте возможность оставлять отзывы.

Продукт, а еще и сам интернет-магазин, у которого есть отзывы, вызывает больше доверия.

Больше доверия — значит, больше conversion rate.

141. Сохранять в видимости количество продуктов в корзине

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

141.В-видимости-количество-продуктов-в-корзине

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

Бонус: при наведении на корзину дайте возможность увидеть ее содержимое без клика.

142. Разрезать бандл – лучше бонус

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

По нашим экспериментам клиенты скорее приобретут товар, к которому идет бесплатный бонус, чем несколько товаров со скидкой.

143. Бесплатная доставка

Очевидный пункт, но его было нельзя не включить.

143.Бесплатная-доставка

Если у вас есть возможность предоставить бесплатную доставку – сделайте это.

144. Не надо регистрироваться

По данным Amazon, почти в 80% случаев основная причина cart abandonment (ухода из корзины) – это необходимость регистрации.

Сделайте возможность приобрести товар без регистрации.

145. Зачеркнутая цена – наша цена

Простая, проверенная оффлайном техника.

Зачеркните высокую цену и напишите стоимость ниже.

145.Зачеркнутая-цена

На больших цифрах трафика (и небольших цифрах тоже) это дает прирост.

146. Привязка к праздникам, хайпам

Делайте специальную подборку товаров, связанную с праздниками или хайпами.

Цифры продаж таких товаров могут зашкаливать:

146.Хайп

Easy, easy.

Real talk.

Think about it.

147. Статус склада

Обратите внимание на Amazon.

147.Статус-товаров-на-складе

Они всегда пишут статус товара на складе.

Это делается не для них (они и так в курсе) – это воздействие на покупателя.

Есть несколько вариантов, которые можно активно эксплуатировать:

  1. Показать количество товара, которое осталось (торопитесь!).
  2. Показать, что товара уже нет (спрос есть большой – успейте купить то, что осталось, а то тоже уйдет).
  3. Показать, что товар продан, но скоро будет на складе (возвращайтесь, не покупайте в других интернет-магазинах).

Юзабилити сайта (мобильная версия)

148. Мобильная версия сайта

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

Уже сейчас именно мобильная версия сайта влияет, например, на SEO-выдачу Google сильнее, чем обычная версия.

Основной принцип высокой конверсии на мобильном устройстве – удобство пользования (при прочих равных).

Тем более нельзя, чтобы ваш сайт при открытии с мобильного устройства выглядел так:

148.Мобильная-версия-сайта

Первый и базовый совет – конверсия в мобильной версии будет выше, если сам сайт имеет мобильную версию.

149. Размер кнопки под палец

Согласно рекомендациям разработчиков, оптимальные размеры кнопки (в пикселях):

  • Apple – 44 на 44;
  • Windows – 34 на 34;
  • Nokia – 28 на 28.

При этом uxmovement рассчитали , что более удачным вариантом будет делать размер кнопки в соответствии с размером пальца:

  • 57 на 45 для указательного пальца;
  • 72 на 45 для большого пальца.

149.Размер-кнопки-под-палец

Именно при таком подходе в момент нажатия на кнопку палец не будет перекрывать саму кнопку, при этом попадать в нее.

Вероятность ошибки нажатия в таком случае падает до минимума.

Подробнее: http://uxmovement.com/mobile/finger-friendly-design-ideal-mobile-touch-target-sizes/

150. Подпись не сбоку полей, а сверху

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

Причина – попробуйте заполнить такое поле в мобильной версии:

150.Подпись-не-сбоку-полей

Точка.

Бонус: и представьте, что будет значить для мобильной версии несколько колонок в форме (пункт 45).

151. Форма под экран

Очевидно, что для удобства заполнения и снижения количества ошибок форма должна адаптироваться под размер экрана.

Вывод: не делайте горизонтальных форм.

152. Фокусировка при вводе

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

Сравните:

152.Фокусировка-при-вводе-в-мобильной-версии

153. Формат ввода

Помогите пользователям проще и быстрее вводить информацию.

Например:

153.Формат-ввода

Если вы предлагаете ввести телефон, сделайте так, чтобы это поле автоматически подключало цифры в мобильном устройстве.

154. По ZIP-коду определить сразу другие поля

В длинных формах сразу предложите ввести ZIP-код (индекс).

По нему можно будет автоматически заполнить многие другие поля:«страна», «город», «улица» и прочие.

Это ускорит ввод данных.

155. Номер сразу звонит из мобильной версии

Если у вас расположен телефон на самом сайте, то дайте возможность позвонить на него сразу же из мобильной версии.

155.Номер-сразу-звонит-из-мобильной-версии

Сравните:

  • задержать палец на телефоне, дождаться появления вариантов;
  • выбрать «скопировать»;
  • выключить сайт, выйдя в главное меню;
  • открыть «звонки»;
  • вставить номер телефона;
  • позвонить

Или

  • нажать на телефон — звонок.

156. Не делайте поп-апы в мобильной версии

С января 2017 года Google выпустил уведомление https://webmasters.googleblog.com/2016/08/helping-users-easily-access-content-on.html.

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

Все, что похоже на это:

156.Не-делать-попапы-в-мобильной-версии

Нужно убрать, потому что иначе это попадает под негативный алгоритм Google.

NB! Повторюсь, что сейчас мобильная версия сайта, ее SEO-адаптированность влияет на SEO всего сайта сильнее, чем сам сайт на десктопной версии.

Что делать?

Для мобильной версии сайта:

  • убрать поп-апы, которые появляются мгновенно;
  • убрать поп-апы, которые появляются раньше, чем пользователь посмотрел 80% контента (лучше показывать поп-ап на новой странице, так будет максимально безопасно);
  • сделать возможность показывать поп-апы только по нажатию кнопки/ссылки (пункт 36).

Все.

_________________________________________________________

Фуф.

Теперь вопрос к вам:

Напишите в комментариях, какие у вас есть наработки, которые не описаны здесь и которые тоже дают результат?

Пишите любые ваши вопросы в комментарии ниже. Я читаю и отвечаю на каждый.

Поделитесь этим постом, нажав на кнопку вашей соцсети – для меня это будет значить, что стоит продолжать писать еще.

P.S. каждому, кто поделится этой статьей, я вышлю 5 рекомендаций по увеличению конверсии его сайта (пишите на vk.com/ivanshumaylov).

  1. Большое спасибо автору за обширную и очень полезную статью! Несколько техник использовали в своей работе и результат уже виден, а здесь все 156 возможных вариантов! Все расписано детально, отличные кейсы. Обязательно буду следить и дальше за вами, уверена найду для себя здесь много инте­рес­ных идей.

  2. Иван, спасибо Вам большое! Скажите, а Вы дальше будете публиковать еще советы? Уже подписался на обновления, просто хочу узнать, когда следующую статью ждать? 🙂

Добавьте свой комментарий!