Как исправить лендинг - Исправление недочетов и поиск решений вместе с Examum.ru

Всем привет, сегодня расскажу о том, как я чищу и редактирую выкачанные из ПП или из спаев (пре)лендинги. Ничего сверхъестественного вы здесь не найдёте, обычный прагматичный подход. Можете выдавать эту статью, как руководство к действию для юных технарей/верстальщиков, с которыми вы собираетесь работать. Если, вдруг, вы обнаружите, что я не описал здесь какой-то момент, с которым вы регулярно сталкиваетесь — добро пожаловать в комментарии. А мы начнём, пожалуй!

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

Плагины WebScrapBook или Save All Resources — первый от второго отличается только тем, что не умеет выкачивать структуру папок и пихает все файлы в одну, что можно привести к нерабочему сайту, если используются какие-нибудь скрипты, навроде Drewlex
wget — универсальный боец, но потребуется научиться вставлять в него прокси нужного гео и, иногда, реферер
Сервисы для выкачивания, например CopySite от XDan — самый удобный для обычного юзера вариант, но, зачастую, платный

Итак, лендинг вы выкачали, что дальше? Создаём бэкап лендинга (на случай, если мы что-то напортачим), и открываем индексный файл в любом текстовом редакторе с подсветкой синтаксиса: у меня это NeoVim, вы можете взять Notepad++ или даже Visual Studio Code.

Да, если вы редактируете лендинг у которого индексный файл с расширением .php, а не .html, настоятельно рекомендую вычистить весь php-код и переименовать файл. По моему мнению PHP в лендингах из ПП — это излишество, которое нужно только для самих ПП, а обычному арбитражнику практически не несёт никаких плюшек. Не понимаете, что и как вычищать? Изи, просто закиньте PHP-лендинг на хостинг и выкачайте его себе заново!

Косметика

Начнём с очистки тега <html>, тот же WebScrapBook, например, оставляет там полный адрес исходного сайта, откуда вы вытянули ленд, а это, имхо, лишнее.

Удаляем все атрибуты и оставляем <html> девственно чистым

Если на ленде используется арабский или любой другой язык, в котором буквы пишутся справа налево, то в тег html нужно добавить атрибут dir="rtl".

Проверяем, что в разделе <head> есть мета-тег с кодировкой utf-8. Без него, бывает, что сайт отображается в некорректной кодировке:

Если внутри тега <head> есть тег <base> то удаляем его, чтоб не мешался🙃

Очистка скриптов

Скрипты на лендингах чаще всего встречаются в трёх местах: внутри тега <head>, сразу же после тега <body> и в самом конце перед закрывающимся </body>. Ищем их по слову <script> и просматриваем все подряд.

Обычно на лендингах используется всего несколько скриптов:

JQuery
Вывод дат: дата статьи, комментариев, специальных предложений и акций (dtime.min.js и т. д.)
Таймер обратного отсчёта (jquery.countdown.js и аналоги) для времени или кол-ва упаковок
маски для телефонных номеров (inputmask, intltelnum)
скрипт, вешающий на все ссылки ленда скролл к форме

В дополнение к этому встречаются:

скрипты рулетки, коробок, дверей (общеизвестный drewlex.js, например)
скрипты для формы фейковых комментариев
скрипты для проведения quiz-ов
скрипты для отображения карусели из картинок
скрипты для попапов, колбэкера, камбэкера, корзины товаров и прочих свистелок

Всё остальное, что вы встретите, и что скорее всего можно безболезнено вычистить — это:

скрипты ПП (например, shakesland.js)
скрипты домонетизации
стилеры лидов
плагины JQuery
код пикселей Facebook, Google Tag Manager и Яндекс.Метрики

Соответственно, для стандартных и регулярно встречающихся скриптов у вас под рукой ВСЕГДА должны быть ссылки на их CDN или же сами скрипты. Дело в том, что арбитражники не особо любят, когда их лендинги выкачивают все подряд, и они научились запихивать внутрь того же JQuery стилеры лидов, домонетизацию и т.п.

Поэтому обязательно заменяем JQuery на версию из CDN:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

Обычно достаточно последней версии и всё будет работать, даже если на ленде прописана какая-то другая. Плюс на всякий случай проверьте, что JQuery на ленде не прописана в нескольких тегах <script>, такое встречается сплошь и рядом.

То же самое проделываем для всех скриптов, которые лежат в отдельных файлах: либо заменяем на проверенные версии либо быстренько просматриваем на предмет того, что кроме их непосредственной функции, они не выполняют ничего подозрительного. Подозрительное это: редиректы, обращение к любым сторонним ресурсам, перехват onclick у ссылок, создание ifame-ов, работа с полями формы, тело скрипта закодировано в base64 (легко узнать по наличию двух знаков равно в конце строки ==), минифицированный или обфусцированный код (хотя в целом минификацию используют практически все библиотеки). Да, нужно знать Javascript, а вы как хотели?🤷‍♂️ Поэтому, если вы в нём не сильны — просто заменяйте файлы проверенными версиями! Но очевидно, что если файл называется index.js, main.js, script.js и т.п., то у вас навряд ли будет какая-то «стандартная» версия для его замены, придётся-таки просмотреть код.

Все скрипты, которые кажутся вам лишними, сначала закомментируем:

после чего проверяем работоспособность сайта:

все ссылки должны скроллить нас на форму
в форме должны работать все игровые механики, если они там изначально были
если на картинки был наложен blur, он должен убираться при клике
рабочий таймер обратного отсчёта
корректные даты самой статьи на ленде и в комментариях
всякие колбэкеры/камбэкеры, если они были и если они вам нужны

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

Расскажу чуть подробнее про отдельный вид скриптов👇

Вырезаем скрипты домонетизации

Арбитражники часто используют в своих лендах «бэкфикс»: то есть подмену действия, происходящего при нажатии на кнопку «Назад» в браузере. Вместо «Назад» происходит открытие другого лендинга или витрины. Вот пример кастомной домонетизации:

Домонетку можно легко обнаружить по событию onpopstate — просто ищем это слово по всем выкачанным html-файлам и скриптам, и если находим, то в 99% случаев это она🙃 Весь блок, показанный на скрине, смело удаляем.

Также, как вариант, если лень искать по файлам, а проверить хочется — открываем у себя в браузере ленд с локальной машины. Дальше кликаем в произвольном месте ленда (необходимое условие, чтобы у скриптов домонетки на десктопе появилась возможность работать с историей браузера), и жмём «Назад». Ничего не произошло? Поздравляю, скорее всего в ленде нет домонетизации. Почему скорее всего? Потому что в скрипте домонетки, например, может стоять проверка на локалхост. Поэтому лучше проверить поиском, либо проверить кнопку «Назад» уже после того, как вы закачали обработанный ленд на хостинг или в трекер.

Помимо кастомных бэкфиксов встречают бэкфиксы от различных сервисов и ПП. Их можно обнаружить по следующим кускам кода:

Домонетизация от OneProfit

Домонетизация от Minfobiz

Домонетизация от KMA

Также некоторые используют древний скрипт от Brooky Bryan для определения нажатия кнопки «Назад», обнаружить его присутствие можно поиском строки «bajb» по всем выкачанным файлам ленда.

Работа с формой заявки

Сразу же скажу, что если у каждого из ваших лендингов отдельный файл отправки лидов, то это, по моему мнению, дичь. Вот вам видео, где я рассказываю о том, как обустроить работу с отправкой лидов. Суть в том, чтобы файл отправки был один на оффер, лежал бы в отдельной папке, и нам бы оставалось только прописать его в атрибут action формы. Например: ../common/orders/ph/enerflex.php

Обязательно проверяем, что у тега формы прописан метод отправки method="post". Некоторые ПП грешат тем, что шлют лиды через Javascript и не прописывают method. Не надо так!

Далее смотрим все поля формы и удаляем те, у которых стоит type="hidden". Удалили? Гут. Время вставить все нужные ВАМ сабы в те же самые hidden поля. У меня это всегда один и тот же набор:

<input type='hidden' name='sub1' value='{subid}'/> <input type='hidden' name='sub2' value='{landing_id}'/> <input type='hidden' name='sub3' value='{sub_id_3}' /> <input type='hidden' name='px' value='{px}'/>
<input type='hidden' name='country' value='{country_code}'/>

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

Также я частенько удаляю в форме <select>, где стоит выбор страны. Нахер он нужен вообще?

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

Обработка полей имени, телефона и кнопки отправки

Если вы переносите ленд с одного гео на другое, то проверьте, что у поля Имя в атрибуте placeholder (если он есть, конечно) написан подходящий пример местного имени. Либо, если вы переводили ленд на другой язык, а в placeholder написано «Введите ваше имя», проверьте, что placeholder корректно перевёлся, зачастую это не так.

С телефоном чуть сложнее: здесь тоже проверяем placeholder, если в нём находится пример телефона, то он должен соответствовать местному формату. Если используется скрипт маски, то в нём тоже необходимо проверить формат номера. Также у поля с номером телефона должен быть type="tel", а не "text", писал про это неоднократно.

Autocomplete для имени и телефона добавляйте по вкусу🙃

Если в качестве кнопки используется <button> проверяем, что у неё задан type="submit", если вместо неё <input>, то там этот "submit" уже стоит. При переносе в другое гео и на другой язык обязательно смотрим, перевёлся ли текст на кнопке!

Замена оффера

Замена оффера на лендинге состоит из нескольких шагов: замена картинок, цены, названия и форм-фактора. Рассмотрим их по очереди.

Картинки

Тут всё более-менее просто: берём из ПП картинку с банкой и заменяем ту, что на ленде. Найти места, где используется картинка обычно можно, поискав по тексту html что-то навроде prod.png или product.png или названиеоффера.png. Если ничего не находится, придётся открывать ленд в браузере и искать глазами, после чего открываем картинку в новой вкладке и смотрим её имя.

Ситуация осложняется, если (помимо основной картинки с банкой) фото с оффером также присутствует в комментариях. Обычно туда пихают фото с товаром в руках и т.п. Для замены придётся либо найти такие же фото для вашего оффера (запросить у менеджеров ПП), либо тупо удалить эти самые картинки.

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

Цена

Обычно найти блок с ценами на товар не составляет труда: достаточно просто поискать по тексту ленда слово price:

Меняем цену и валюту: здесь вам понадобится навык умножения на два, чтобы прописать «старую» цену🙃

Название оффера

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

Форм-фактор

Если вы меняете мазь на таблетки или капли на порошок, то вам придётся воспользоваться услугами Google Translate. Переводим весь ленд на русский и вычитываем всё подряд. Вам нужно найти те куски текста, которые не подходят по смыслу. Таблетки нельзя «втирать в колено 2 раза в день», а порошок нельзя накапать в стакан. Всё это вам придётся исправить, лучше всего, конечно, с использованием профессионального переводчика. Но если лень, то Deepl/Google Translate к вашим услугам, что не отменяет того факта, что вам придётся придумывать новый кусок текста.

Перевод на другой язык

Если вы или ваша команда всерьёз намерены лить трафик на новое гео, и у вас есть ленды на других языках, то лучше всего будет воспользоваться услугами профессионалов или отдать ленд на перевод в ПП. Но до того момента, как перевод будет готов, вы можете заюзать мой софт для автоперевода, он весьма неплох!🤘

После перевода проверьте в первую очередь все имена: имена персонажей истории, имена комментаторов. Все они должны быть из нового гео. Ищите гуглом списки типа: «топ 100 мужских имён в Бангладеше» и заменяйте.

Далее смотрите все географические названия: город, страна, этнохороним (испанцы, португальцы и т.п.). Всё редактируем под новое гео.

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

Остаётся только поменять цену товара и местную валюту и можно лить!

Проверяем работоспособность

Итак, в конце вашей работы по редактированию вы должны проверить:

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

Заключение

Как вы могли заметить, при редактировании лендов довольно много задач приходится выполнять вручную: менять скрипты, названия и т.д. Подумайте над тем, что из этого можно автоматизировать: лично у меня до 30-50% задач по обработке лендов делает телеграм-бот. Он уже дошёл до того, что даже использует компьютерное зрение и чекает, нет ли названия старого оффера на картинках + может их автоматом менять. Возможно, когда-нибудь поделюсь подобным решением в паблике, а вам пожелаю лить в плюс и вычищать ваши лендинги как следует!

Источник

Использование landing pages, которые также называют на русский манер «лендинг» или «посадочная страница», прочно вошло в список ключевых инструментов интернет-маркетинга. Благодаря концепции посадочных страниц маркетолог может правильно «приземлить» посетителя сайта для того, чтобы завладеть его вниманием, описать преимущества продукта, убедить его заполнить форму заявки или онлайн-заказа и в конечном итоге конвертировать в лида либо клиента.

В повседневной практике данная концепция часто размывается и лендингом называют любую целевую страницу, на которую пользователь переходит после клика по рекламному объявлению. Особенно эта ошибка часта среди людей, которые являются по сути заказчиками для данной услуги, будь это внешняя организация или руководитель отдела продаж в собственной. Бесспорно, любая страница, на которую переходит пользователь после просмотра рекламного сообщения, является целевой страницей, но не каждая целевая страница — лендинг. Лендинги это специально оптимизированные страницы, предназначенные лишь для одной цели — совершения конверсии на ней. Все остальные варианты являются лишь частными случаями, не подходящими для широкого использования в разных сферах бизнеса.

Например, для брендов крупных компаний в высококонкурентных сферах бизнеса характерно использование рекламных объявлений в целях продвижения бренда, повышения его узнаваемости у целевой аудитории и лояльности к нему. Часто можно видеть, что рекламное объявление содержит общие фразы, а ссылка с объявления ведет на страницу каталога или даже главную страницу сайта. Такой способ «приземления» посетителя сайта часто можно встретить среди крупных интернет-магазинов одежды и бытовых товаров, когда их рекламные объявления соседствуют друг с другом, а ссылки с объявлений ведут на страницы каталогов, а вовсе не на специально подготовленные страницы (рис. 1, 2). Чаще всего в этом случае компании борются за клиента, который еще не определился со своими желаниями, и не ставят себе цели продать здесь и сейчас. В данном случае, несмотря на потенциальную возможность совершения покупки, страница каталога не является лендингом.

Другим частным случаем «приземления» посетителя может быть товарная страница, на которой можно совершить покупку. Часто такие страницы используются как лендинги для товарных запросов, когда точно известно, что пользователь поисковой системы ищет именно этот товар, например, пользователь поисковой системы задает низкочастотные запросы, содержащие информацию о товаре, название, модель и прочие уникальные характеристики (рис. 3). В данном случае страница будет более подходящей для совершения конверсии, так как отвечает многим принципам создания лендингов. Но ее успешность будет определяться не столько характеристиками страницы, сколько бизнес-процессами магазина и его сайта, и оптимизировать в этом случае следует именно их. Например, на рис. 3 ссылка с рекламного объявления ведет на карточку товара, которого нет в наличии, и даже если страница сама по себе подходит для совершения конверсионного действия (заказа товара), то отсутствие самого товара делает конверсию невозможной.

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

Рис. 1. Компании соперничают за спрос

Рис. 2. Посадочной страницей служит каталог товаров

Рис. 3. В качестве лендинга используется товарная страница

Задача лендинга — сконвертировать посетителя в лида или покупателя, в зависимости от выстроенной воронки продаж (рис. 4, 5), используя страницу для всестороннего представления одного конкретного продукта.

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

Рис. 5. Компания предоставляет информацию и сразу же конвертирует

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

Ошибка первая — нет понятного портрета потребителя и понимания, где его найти.

Хорошей практикой в маркетинге является проработка портрета потенциального потребителя (которого в интернет-маркетинге называют персонаж, аватар, buyer persona). Понимание, кто является покупателем продукта, что его беспокоит, какие у него желания и потребности, а главное — его поведение в сети интернет являются базовыми для успешной кампании. Если почему-то портрет оказался недостаточно полным и компания не знает, где искать своего клиента и каким предложением его привлечь, говорить о целевом трафике не приходится — посещаемость страницы может быть хорошей, но эти люди не будут потенциальными покупателями.

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

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

Ошибка вторая — несоответствие ключевого запроса или рекламного объявления содержанию посадочной страницы.

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

Чтобы не испытывать жестокого разочарования от того, что трафик огромный, а конверсий так мало, следует прежде всего фильтровать трафик, отказавшись от всех неудачных ключевых слов, каналов размещения объявлений, невнятных текстов объявлений. Тот, кто увидит рекламное объявление в ответ на поисковый запрос или при интернет-серфинге, должен точно понимать, что ему предлагают, и нажимать на объявление, чтобы получить именно это. В данном случае основной метрикой является не трафик, а конверсии.
Действительно ли все те, кто нажал на объявление, могли, хотя бы в теории, быть покупателями по этому предложению? Не был ли трафик искусственно создан использованием нерелевантных запросов и текстов объявлений? Пора вооружиться инструментами аналитики и оценить, по каким запросам на лендинг попадают несостоявшиеся покупатели, с каких площадок, по каким объявлениям, и на основании этих данных попытаться понять, те ли это люди, которым следует предлагать продукт.

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

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

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

Ошибка четвертая — неправильная подача оффера.

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

Существуют три концепции, которые так или иначе применимы для разных сфер бизнеса:
Акционная страница — создается под краткосрочное предложение, имеет яркие броские заголовки, тексты в стиле «налетай, торопись», таймер обратного отсчета для иллюстрации захлопывающегося окна возможностей и т. д. Такую страницу можно использовать только для быстрых конверсий в обмен на что-то бесплатное или совсем недорогое, так как мало кто в современном мире, наполненном множеством вариантов выбора, готов открывать кошелек навстречу первому попавшемуся предложению. Предложение с такой страницы будет принято в том случае, если удалось создать необходимый эмоциональный стресс, что такое удачное предложение вот-вот станет недоступным (рис. 6). В дальнейшем лид включается в работу по «прогреву» и доводится до полноценной покупки. В случае с b2b-предложениями, на такой странице можно предлагать что-то, что относится непосредственно к профессиональной деятельности аудитории.

Рис. 6. Пример акционной страницы

Страница в стиле PMPHS (pain, more pain, hope, solution) — прежде чем предлагать информацию о выгодах предложения, посетителю необходимо пройти через боль, то есть концентрацию на своих проблемах. Если клиент не осознает свою проблему или вообще не считает ее проблемой, или если вы не знаете точно о его проблеме — конверсии на такой странице вряд ли удастся достичь. Если же в цель попасть удалось и посетитель лендинга узнал свои проблемы в описании, то, дав посетителю надежду уйти от этой проблемы и описав решение (разумеется, решение будет включать предлагаемый продукт), можно получить его согласие как минимум на бесплатную версию или скачивание полезного контента, а дальше вести его к полноценной продаже. Чаще всего проблемы представляются в виде вопросов, например «Устали от безденежья?», «Не можете выйти замуж?», «Хотите изменить свою жизнь?» (рис. 7, 8).

Рис. 7. Описание выгод через концентрацию на проблемах

Рис. 8. Описание выгод для тех, кто ассоциирует свою потребность с положительным ответом на вопрос

Страница по концепции AIDА (attention-interest-desire-action) — классическая концепция для любого бизнеса, проводящая посетителя по маркетинговой воронке, по очереди привлекая внимание броским заголовком, вызывая интерес к предложению какими-то явными преимуществами, усиливая желание получить предлагаемый продукт перечислением выгод и отработкой возражений, а также призывая совершить необходимое действие. Работает для взвешенных и обдуманных продаж, в том числе для b2b, часто по такому принципу строятся главные страницы мини-сайтов и сайтов компаний, представляющих простые единичные услуги. Однако для совершения эмоциональных, спонтанных, не очень-то и необходимых конверсий вряд ли подойдут — взвешивая все за и против, покупатель скорее всего осознает, что без этого предложения вполне можно обойтись либо вернуться к нему в другой раз (рис. 9).

Рис. 9. Страница по модели AIDA

Ошибка пятая — слишком много возможностей.

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

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

Ошибка шестая — много непонятных элементов.

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

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

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

Ошибка седьмая — недостаток доверия.

Приглашение на лендинг, в отличие от приглашения на страницу сайта компании, имеет один недостаток — посетив его, сложно с первого взгляда понять, действительно ли предложение, представленное на лендинге, не содержит подвоха. Особенно это замечание актуально, если на странице предлагается не просто заполнить форму конверсии за получение бесплатного полезного продукта (так называемого лид-магнита), а совершить полноценную покупку. Отсутствие доверия — важный фактор, почему посетитель страницы может отказаться даже от самого выгодного предложения. Важны как social proof, так и наличие документов установленного образца.

Для исправления ошибки следует обратить внимание, все ли возможные способы продемонстрировать свою добросовестность использованы при создании страницы. Если предлагается заполнить форму заявки и получить бесплатный лид-магнит, действительно ли станица вызывает доверие к своим авторам? Есть ли на ней отзывы тех, кто уже сотрудничал с данной компанией или ИП, указана ли информация об авторе, приведены ли дипломы, сертификаты или другие документы? Для продаж со страницы этот момент еще более актуален — есть ли на странице лицензии, сертификаты продукции, банковские реквизиты, способы возврата денег?

Ошибка восьмая — вы хотите получить слишком много информации.

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

А между тем ситуация решается довольно просто. Следует собирать только те данные, которые напрямую относятся к выполнению обязательств по предложению, описанному на странице. Для скачивания файла достаточно узнать лишь ФИО и адрес электронной почты, а для продажи — данные о покупателе для приема платежа (в случае юридических лиц — данные об организации для подготовки закрывающих документов). Для сбора других анных проведите другую маркетинговую кампанию и используйте другой лендинг.

Ошибка девятая — страница не оптимизирована для мобильных устройств. В современном мире, когда все больше действий в интернет-среде совершается при помощи гаджетов, все страницы должны быть оптимизированы для просмотра с мобильного устройства. Используя смартфон или планшет, просмотреть страницу и заполнить форму и так бывает достаточно сложно, так не нужно усложнять задачу посетителя страницы дополнительно, предлагая ему неоптимизированную страницу.
Оцените, как лендинг выглядит на устройствах с разным размером экрана. Что видно на главной странице? Не слишком ли долго приходится скроллить до появления формы? Сразу ли понятна мысль? Все ли кнопки и ссылки внутри страницы работают корректно? Удобны ли шрифты для чтения? Достаточного ли размера кнопки, чтобы ух комфортно нажимать пальцем? В связи с особенностями верстки страницы на десктопе и мобильных устройствах следует делать их одинаково удобными и понятными для всех пользователей.

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

Для тестирования лендингов лучше всего подходит A/B тестирование, то есть сравнение двух вариантов одного и того же элемента или двух вариантов одной страницы с минимумом изменений (например, страница из 1 и 3 экранов). Не стоит забывать, что статистически значимые результаты можно получить только при достаточной посещаемости страниц, а также при одинаковых условиях для обеих страниц — одинаковый источник трафика, одинаковые объявления и тд. Если пытаться тестировать параллельно две разные страницы, ничего не получится — можно узнать, что одна из страниц работает лучше, но не будет очевидно, почему.

Статья для журнала «Новости маркетинга» № 6-2018

Источник

Oliver Meakings рассказывает о частых ошибках в лендингах и о том, как их исправить.

200 стартапов

За последние двенадцать месяцев я прожарил лендинги (посадочные страницы проектов) 200 стартапов. Лендинги инди-проектов, лендинги сейлапов, финансируемых венчурным капиталом, и лендинги прибыльных корпораций, лендинги из различных отраслей и для разной аудиторий. В среднем 25 минут прожарки — это больше 3,5 полных дней прожарки страниц для увеличения конверсии.

Что такое прожарка

Каждая прожарка — это персонализированный 20-минутный видео-обзор лендинга, где я определял исправления, которые позволят превратить больше посетителей в клиентов.

Все это основано на передовом опыте, результатах тестирования и моей работе в качестве эксперта по оптимизации коэффициента конверсии. Но что я узнал о лендингах с высокой конверсией? А о ведении бизнеса? И чему вы можете научиться у меня? Получается, довольно многому…

Почему я запустил Roast My Landing Page

Roast My Landing Page начинался как побочный проект, связанный с пандемией, чтобы позволить мне поддерживать стартапы на ранних стадиях и одновременно генерировать второй поток дохода помимо моей внештатной маркетинговой работы. В итоге я получил более 70 000 фунтов стерлингов, более 2 000 подписчиков по электронной почте и постоянно растущий список инсайтов о страданиях и проблемах предприятий на ранней стадии и об удивительных людях, которые ими руководят.

Все дело в фаундерах

И это действительно сводилось к фаундерам. У каждого человека своя история, страсть и идеи. Они стремились узнать, как отдать должное своему продукту, услуге или списку рассылки и продемонстрировать это миру в виде лендинга с высокой конверсией.Этот пост для каждого основателя, который поблагодарил меня, бросил мне вызов и (в редких случаях) боролся со мной. Это было круто. Итак, вот что я узнал…

9 самых распространенных (и легко исправляемых) вещей, которые упускают из виду фаундеры

Одна цель

У 50% фаундеров была одна четкая цель для своей посадочной страницы — зарегистрироваться, загрузить лид-магнит или заказать демо. У остальных 50% было несколько призывов к действию, зачастую с одинаковым приоритетом. Это часто приводит к параличу анализа и замешательству посетителя.

Как исправить: сфокусируйте свой лендинг на одной цели конверсии.

Акцент на УТП

После заказа прожарки клиентам Roast My Landing Page предлагается заполнить небольшую анкету. Один из вопросов: «Что делает ваш бизнес уникальным?» Почти каждый основатель смог изящно изложить УТП (уникальное торговое предложение) своего продукта или бизнеса в форме, но только одного из пяти что-то подобное было изложено на их посадочной странице.Один из ключевых моментов вашего лендинга: что делает вас уникальным. Если покупатель находится на стадии рассмотрения (сравнения решений), ваше УТП — это то, что заставит их вспомнить вас и решить, подходите ли вы лучше всего для их нужд.

Как исправить: сравните свой продукт с конкурентами и текущими методами работы.

Четкое и релевантное социальное доказательство

Отзывы, рейтинги, награды или количественные оценки, подтверждающие, что другие люди используют ваш продукт и любят его. Только около у 40% лендингов это находилось в верхней части страницы (то, что люди видят, когда впервые попадают на вашу страницу). И из них только около 50% использовали отзывы, которые описывали боль и преимущества, перечисленные в другом месте лендинга.

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

Простой язык

Примерно 1 из 8 лендингов, которые я прочитал, я не смог понять при первом прочтении. Потребовалось несколько попыток, чтобы просто «понять» эти целевые страницы. Только у меня был денежный стимул попытаться разобраться в происходящем, а у посетителей лендига — нет.

Как исправить: избегайте технических терминов и сокращений, пишите простым языком. Помните, что вы разговариваете с человеком, даже если он покупатель B2B. Спросите себя, может ли 12-летний ребенок понять вашу целевую страницу.

Реальная боль

PAS (боль — волнение — решение) — распространенный метод копирайтинга, используемый для увеличения конверсии. Большинство лендингов касались той боли, к которой они обращались, но только 1 из 15 старались взволновать или усилить переживания посетителя эмоциональным языком и яркими образами. Те, кто сделал это хорошо, создали гораздо более мощные лендинги, которые побудили меня изучить решение.

Как исправить: взволнуйте вашего посетителя, нарисовав яркую картину боли, используя эмоциональный язык, истории и визуальные эффекты.

Ясные преимущества и юзкейсы

На многих лендингах подробно рассказывается о функциях продукта, но игнорируются преимущества и варианты использования. Исследования неизменно показывают более высокую конверсию при использовании языка, основанного на преимуществах. Посетителю приходилось думать, как продукт принесет ему пользу или конкретно решит их проблему.

Как исправить: посетителям не нужно думать, как и почему продукт принесет им пользу. Расскажите и покажите понятным им языком преимущества и примеры использования.

Заметный призыв к действию

На многих целевых страницах был призыв сделатьчто-то, без четких указанийчто именно. Да, они собирались зарегистрироваться, но… сколько времени это займет? На что они соглашались? Сколько это будет стоить? Какой технический сетап был задействован?

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

Спросить вместо чрезмерного обдумывания

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

Как исправить: зарегистрируйтесь в GetSiteControl и добавьте на свою целевую страницу опрос о намерениях выхода. Узнавайте, почему они уходят. Учитывайте эти причины на своей странице.

Знание своей статистики

Только 2/5 основателей могли рассказать мне о текущей конверсии своего лендинга. В большинстве случаев эти люди даже не знали, есть ли у них проблема с конверсией на странице, но все равно заказали прожарку. У большинства основателей была установлена система Google Analytics, но у них были ограниченные возможности отслеживания целей или они не просматривали отчеты в течение нескольких месяцев.

Как исправить: настройте аналитику и отслеживание событий. Найдите базовый уровень конверсии для будущих экспериментов.

7 (чуть больше) продвинутых идей для повышения эффективности лендингов

Приблизительно 1 из 4 заказов был прожаркой лендигов скейлапов, где явно использовали высокий уровень экспертизы и навыков для создания посадочной страницы. У этих бизнесов все еще были проблемы с конверсией, которые в основном приходились на следующие 7 областей.

Не сформирована ниша

Я видел это снова и снова, и меня часто спрашивали об этом. «Я должен ориентироваться на большую или на меньшую аудиторию? Конечно, чем больше рынок, тем лучше?» Мой совет всегда был одним и тот же. Создайте лендинг для максимально узкой аудитории, пока не найдете первых клиентов. Позже создайте больше посадочных страниц.

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

Вы предлагаете слишком много или слишком рано

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

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

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

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

Показывайте, не говорите.

Вы не обращаете внимания на сомнения

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

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

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

Около 65% проверенных мной лендингов использовали изображения из популярных коллекций лендингов: фотографии, значки и иллюстрации. Хотя эти изображения были рабочими и даже иногда уместными, они редко передавали тот же смысл визуально.

Работайте усерднее, чтобы найти или создать выразительные изображения для лендинга.

Вы не знаете свою статистику

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

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

Вам необходимо регулярно тестировать конверсию

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

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

Что я узнал о построении бизнеса

Как зарабатывать деньги

Я получил около 20 000 фунтов стерлингов от прожарки и еще 50 000 фунтов стерлингов в виде внештатной маркетинговой работы от клиентов, которые нашли меня через прожарку.
Я потратил около 7 000 фунтов стерлингов на платную рекламу производства и около 3000 фунтов стерлингов на инструменты и другие бизнес-расходы.
Недавно я добавил дополнительные услуги — переписывание рекламных текстов, перестройка лендинга, внедрение аналитики конверсии. Примерно 1 из 4 моих клиентов по прожарке заказали вторую услугу.
Примерно каждый шестой клиент предлагает мне внештатную маркетинговую работу.

Фаундеры и конверсия

Наиболее частой причиной заказов: фаундер получил чье-то мнение, основанное на ощущении, что их лендинг не работает или их позиционирование неправильное.
Большинство фаундеров не знали о конверсии своего лендинга в моменте, даже если у них была аналитика.
Почти каждый фаундер использовал Google Analytics для измерения аналитики сайта, большинство из них установили цели, но многие фактически не анализировали их эффективность.
95% прожарки было заказано фаундерами-мужчинами.
Наиболее распространенными типами лендингов были приложения и инструменты SaaS, электронная торговля и B2C.

Конкуренция

Около 5 конкурентов создали почти идентичные продукты, явно вдохновленные Roast My Landing Page.
Многие заимствовали текст, концепции, призывы к действию, ценообразование и маркетинговые идеи прямо с моего веб-сайта Roast My Landing Page.
Другие были вдохновлены, но добавили свои собственные мотивы.
Некоторые обращались и просили моей поддержки, обратной связи и совета.
Оказалось, что многие из этих проектов закрылись в считанные недели.
Я взял за правило не сосредотачиваться на том, что они делают, а вместо этого вкладывал энергию в развитие своего бизнеса. Но друзьям пожаловался.

Сбор отзывов

Перед тем как прожарить лендинг, я отправлял клиенту форму с 7 вопросами, на которые нужно было ответить, чтобы они могли задуматься и сосредоточиться, а также дать мне контекст.
После прожарки я разослал всем клиентам анонимный опрос Typeform, спрашивая их об одной идее по улучшению прожарки, которую я использовал для уточнения своего предложения.
Примерно каждый четвертый заполнил опрос, каждый четвертый отправил отзыв по электронной почте и от каждого второго я больше ничего не слышал.
Опрос включал рейтинг из 5 звезд. Из ответивших я получил 46 5-звездочных оценок и 4 4-звездочных.
Опрос также содержал вопросы о других сферах их бизнеса, которые основатели хотели бы прожарить — это привело к тому, что я создал другие службы.
Около 25% клиентов ответили на мои предложения лично.
Около 50% фаундеров внедрили исправления, подробно описанные в обзоре. Большинство сделали это сразу же или через несколько недель (или даже месяцев) спустя.
Совсем недавно каждый четвертый заказчик попросил меня внести изменения за них.
Чем больше я работал на публике, тем больше мне помогали незнакомцы. Люди регулярно присылали мои идеи, исправления, даже свои собственные мини-прожарки несколько раз в неделю.

Как я привлекал клиентов

Целевая страница Roast My Landing Page имела различные проблемы с конверсией.
Я итерировал целевую страницу около 20 раз, протестировал 3 платежных решения, 4 ценовых диапазона и 5 потоков покупок. Я все еще тестирую это сейчас.
Мои самые эффективные маркетинговые каналы — это сарафанное радио, участие в сообществах Indie Hackers и Productize, таргетинг в Twitter, таргетинг в Facebook и затем Google Реклама, партнерские отношения.
Наилучшая рентабельность инвестиций в рекламу на платной рекламе составила около 3.
Худшими маркетинговыми каналами оказались Quora, Reddit, электронная почта через Paved.com. Многочисленные тесты на этих платформах не привели к значительной конверсии.
Лучшим способом распространения сарафанного радио было перевыполнение. Я обещаю дать каждую прожарку в течение 48 часов, но многие клиенты получили свое в течение часа после заказа. Это произвело на фаундеров головокружительное впечатление и вызвало немало шума.

Инструменты, которые я использовал

Такие инструменты, как Loom, великолепны для записи видео в видео. Но когда им не удается записать промежуточную прожарку, это ужасно. Когда это происходит 3 раза подряд, вы думаете о том, чтобы бросить работу, арендовать небольшую надежную машину, собрать свои вещи и переехать на удаленную ферму подальше от всего и всех, кого вы знаете.
Я использовал SPP для управления заказами.
Типовая форма для обратной связи с клиентами.
Google PageSpeed Insights для определения времени загрузки страницы.
Autopilot для моего списка рассылки.
Ghost для этого блога.
Инструменты аналитики, которые я использовал, включают Hotjar для записей и тепловых карт, Heap для воронок и Google Analytics для высокоуровневых отчетов и показателей конверсии.
GetSiteControl помогает мне собирать потенциальных клиентов через мою еженедельную почтовую рассылку.
Hotjar помог мне собрать информацию о намерениях выхода.
Я использовал для платежей Stripe и Paypal.

Стоимость моего продукта

Прожарка начиналась с 39 фунтов стерлингов, поднялась до 299 фунтов стерлингов и сейчас составляет 149 фунтов стерлингов.
Я протестировал несколько разных ценовых категорий, чтобы определить, что принесет наибольшую прибыль.
Съемка прожарки требует ментальных затрат и чрезвычайно утомляет, поэтому мой лимит составлял около 4 в день.
Я перешел к ценообразованию не основанному на времени, поскольку я получил доказательства того, что прожарка увеличивает конверсию.
Я все еще изо всех сил пытаюсь привлечь нужных клиентов по правильной цене, не прекращая поддержки клиентов.

Реализованные мной процессы

Рутина — это хорошо, но я борюсь с ней: еженедельные циклы отчетности и личные ретроспективы помогали мне быть в курсе событий.
Да, я проводил ретроспективы, сосредоточившись на том, что я могу улучшить по сравнению с предыдущей неделей.
Отчетность помогла мне сосредоточиться, особенно публичное размещение в моем Twitter и подробное описание моих вех на Indie Hackers.
У меня также есть небольшое сообщество единомышленников в Slack, с которыми я могу делиться идеями, я несу ответственность перед ними.
Сами прожарки относительно произвольной формы. Однако со временем сформировалась общая структура, что позволило сделать акцент на самые большие возможности.

Что же дальше?

Мало того, что Roast My Landing Page приносит прибыль, но и ведение бизнеса приносит мне плоды, которых я не ожидал. Я (пока) не сидел на пляже, потягивая маргариту, пассивно зарабатывая мега баксы, но мне нравится давать действенный фидбэк по справедливой цене, видеть, как бизнес моих клиентов растет, нетворкаться и продолжать улучшать свое понимание фаундеров, их бизнеса и оптимизации конверсии.

Чтобы не терять свои находки по дизайну в тоннах закладок на компе, я создала телеграм-канал Дрын Дезигн. Все клевые и полезные материалы (туториалы, статьи, ссылки на аккаунты клевых чуваков), которые нахожу для себя, я буду постить туда. Угощайтесь.

Источник

Лидогенерация — важнейший компонент вовлекающего маркетинга. Лендинг (он же — «посадочная страница») становится главным инструментом лидогенерации. На посадочной странице происходит обмен информацией: Вы предлагаете людям ценный контент, а они оставляют важную контактную информацию — например, имя, почтовый адрес, название компании, номер мобильного телефона.

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

В этой инфографике представлены 7 главных ошибок, подрывающих эффективность лендинга.

По клику инфографика раскроется в полном размере и во всей красе: Подготовка интернет-магазина к праздникам:

P.S. Eщё немного полезной информации по теме в нашем блоге:

● Топ-5 способов как увеличить кликабельность заголовка интернет-магазина
● Как не «пролететь» с конверсией на посадочной странице?
● Осторожно, провокация! Или как заставить пользователя нажать на кнопку?

Текстовая расшифровка инфографики.

7 ошибок лендинга, которые убивают конверсию (и как их исправить)

Работают ли лендинги?

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

68 % В2В-компаний используют лендинги, чтобы генерировать лиды для будущей конверсии.

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

Ошибка № 1. Требуется слишком много информации.

● Посетителей сайта отталкивает необходимость вводить слишком много информации о себе.
● Человек скорее покинет сайт, чем станет сообщать требуемую информацию.

Как исправить:

— Запрашивайте только ту информацию, которая актуальна в данный момент и необходима для форм.
— Формы должны быть заметными и простыми для заполнения.

Ошибка № 2. Нет конкретных призывов к действию.

● 48 % лендингов содержат по нескольку торговых предложений.
● Это запутывает потребителей, а запутанный клиент — это низкая конверсия, соответственно, эффективность лендингов будет минимальна.
● Лендинги с несколькими предложениями генерируют на 266 % меньше лидов, чем страницы с одним оффером.

Как исправить:

— Лендинг должен быть понятен посетителю. Предлагайте что-то одно.
— Призывы к действию должны располагаться на виду, их должно быть просто понять и выполнить.

Ошибка № 3. Слишком много текста.

● Слишком много текста на странице — это сложно для восприятия.
● Потребитель может не понять, что ему предлагают.
● Если посетитель не может определить, в чём суть страницы, он уйдёт.
● Лендинг должен привлечь внимание посетителя приблизительно за 5–7 секунд.

Как исправить:

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

Ошибка № 4. Заголовки не привлекают внимание (или их нет).

● Только 77 % компаний тестируют эффективность заголовков.
● Заголовок не должен быть шаблонным или скучным.
● Лендингу необходим заголовок, который приветствует посетителя и доносит до него смысл страницы.

Как исправить:

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

Ошибка № 5. Лендинг слишком долго загружается.

● 40 % покидают сайт, если он загружается дольше трёх секунд.
● 70 % покупателей, недовольных производительностью сайта, вероятнее всего, не вернутся.
● Если коммерческий сайт зарабатывает 10 000 рублей в день, то каждая секунда задержки в загрузке страницы стоит ему 250 000 рублей в год.

Как исправить:

— Долой помехи! Избавьтесь от ненужных текстов и изображений.
— Проверяйте скорость загрузки страницы на разных устройствах.

Ошибка № 6. Тестирования не проводились.

● Компании, у которых более 40 лендингов, получают в 12 раз больше лидов, чем компании с пятью и меньше посадочными страницами.
● Сравнение кардинально отличающихся лендингов помогло Университету Мариан увеличить конверсию на 264 %.
● Компания Dell, у которой более 1000 лендингов, добилась роста конверсии на 300 %, тестируя лендинги и веб-страницы.

Как исправить:

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

Ошибка № 7. Сайт не вызывает доверия.

● На сайте не должно быть шаблонных фраз.
● 68% потребителей не доверяют отзывам, если они сплошь положительные.
● Люди больше доверяют точным, а не округлённым числам. Чем больше конкретики, тем лучше.

Как исправить:

— Размещайте честные отзывы.
— Публикуйте сертификаты, лицензии, награды.
— Не преувеличивайте результаты от использования продукта.
— Убедитесь, что условия использования сайта написаны юридическим языком.

Теги публикации: инфографика

1. Лишние слова

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

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

Решение. Вы можете сами выправить текст, опираясь на здравый смысл, или обратиться за помощью к специалисту. Копирайтер и редактор уберут из ваших слоганов лишние слова – повторы и тавтологии.

2. Оценочная лексика

Автор текста говорит: «быстро», «надежно», «качественно», «удобно» – и рассчитывает, что положительная окраска этих слов сработает как заклинание.

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

Решение. Конкретизируем и приводим факты. Вместо «качественно» указываем условия производства, материалы, рецепт. Вместо «быстро» – «в день обращения», «без очереди» и т. п.

3. Повелительное наклонение

Призывы вроде «Начните», «Поднимите», «Сделайте», «Увеличьте» не стимулируют интерес клиента.

Они лишь наталкивают на мысль: «Значит, я сделаю все это сам, да еще и заплачу за это свои деньги?»

Решение. «Мы» в этом случае гораздо уместнее, чем «вы». Мы или мы вместе с вами – «Начнем», «Поднимем», «Сделаем», «Увеличим»:

4. Нарушение пропорций

Шрифтовая композиция держится в том числе и на соотношении кеглей шрифта. Вот пример неудачного соотношения:

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

Решение. Делаем акцент на целевом действии – на кнопке:

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

Пользователь не будет это читать. Текста много, и он мелкий!

Решение. Длинные перечни и описания убираем с первого экрана. Оставляем заголовок (не больше 20 символов), подзаголовок в 2–4 строки, кнопку и картинки или видео на фоне. А тексты можно разместить ниже, разбавляя картинками.

6. Много поп-апов

Огромное количество поп-апов пугает пользователя. Например, на этом сайте за считанные секунды успевают появиться целых пять поп-апов:

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

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

7. Много офферов

Когда на одном экране слишком много офферов, пользователь не может сконцентрироваться и сделать выбор:

Решение. Достаточно одного оффера. Например, так:

8. Много акцентов

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

Заголовок дублирует кнопку, а две кнопки конкурируют между собой. Кнопка «Почему бесплатно?» явно лишняя. У шрифтов для кнопок – разные кегли, и это еще больше затрудняет восприятие. Надписи неудачно наслаиваются на фото: в результате невозможно прочитать текст и не получается рассмотреть картинку.

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

9. Сомнительные отзывы

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

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

Решение. Лучше стимулировать пользователей оставлять отзывы на сторонних ресурсах: Отзыв.ru, или Яндекс.Карты, или на личных страницах в соцсетях. За оставленный отзыв можно предложить скидку на следующий заказ. Реальные отзывы размещаем у себя на сайте, ссылаясь на первоисточники. Например, здесь каждый отзыв содержит ссылку на аккаунт в Instagram:

Чтобы завоевать доверие, можно добавить информацию о сертификатах и гарантиях:

10. Изображение не адаптировано под экран мобильного

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

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

Решение. Обязательно адаптировать лендинг под экран мобильного устройства. Проверить адаптацию можно с помощью Mobile-Friendly Test Tool.

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

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

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

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

12. Слишком пестрая палитра

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

Решение. Готовые цветовые сочетания можно поискать на различных ресурсах, например Adobe Color, или использовать цветовой круг Иттена.

Вот как это могло бы выглядеть:

13. Раздражающая анимация

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

Решение. Делаем такую анимацию, которая не мешает восприятию текста и картинки. Или убираем совсем.

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

Разработку лендинга вы можете заказать по акции «Лендинг + реклама». Этот пакет услуг включает конверсионный лендинг на платформе Tilda и бесплатную настройку таргетированной рекламы на площадках «ВКонтакте» и myTarget – за 15 000 рублей!

Источник