За границами основ: Продвинутые стратегии оптимизации лендинг-страниц для арбитража трафика
Большая часть трафика сейчас идет с мобильных устройств, но далеко не всегда лендинги/прелендинги, предоставляемые партнерками, либо найденые арбитражником в спае достаточно оптимизированы, чтобы не терять немалую часть поступающего на них трафика.
Грузятся страницы медленно, имеют много ненужного контента или форму с ошибками – большинство начинающих арбитражников не обращают на это внимание, но это влечет за собой такие последствия как потерянные лиды и минусовые тесты.
Подписывайтесь на наши ресурсы и давайте разбираться, как правильно оптимизировать ваши посадочные страницы
Содержание
1. Что мы подразумеваем под оптимизацией?
2. Какие инструменты использовать?
Что мы подразумеваем под оптимизацией?
В первую очередь – оптимизацию под мобильные устройства, как и писали ранее – с них в наше время идет больше всего трафика.
Работа над оптимизацией ваших прелендов и лендов подразумевает под собой комплексную проработку технической части, а также не менее важные шаги по проработке контента и интерфейса и устранения ошибок, что периодически присутствуют на промо с ПП и спаев.
Техническая часть
Начнем этот пункт с того, что оптимизировать нужно не только скачанные промо, но и те, что вы создаете сами с нуля.
С теми, что создаете самостоятельно – обозначим необходимость выбора качественного и простого шаблона без большого количества js-анимации, таким образом вы уже избавите себя львиной доли будущей работы или, хотя бы облегчите ее уже на этой стадии.
После того, как вы уже сработали с шаблонами, создали/скачали сайт и планируете на него залить трафик – в первую очередь делаем следующее: С помощью Google Analytics или PageSpeed Insights проверяем скорость загрузки своей страницы на мобильных устройствах либо ПК (если вам нужен трафик и с ПК). На PageSpeed Insights это делается прямо на главной странице, вводим URL и жмем по синей кнопке, ждем, пока сервис проанализирует ваш сайт.
А в Google Analytics нужно перейти в “Отчеты” – “Поведение” –
“Время загрузки страниц”.
Оптимальная скорость загрузки страницы: 1-2 секунды (до 3-ех еще терпимо, но лучше меньше)
Что делаем для ускорения загрузки страниц?
Со скоростью загрузки понятно, а достичь её можно посредством сжатия, изменения форматов и подобных манипуляций.
Обратите внимание, что размер вашего прелендинга должен составлять не более 2 мегабайт.
Так что, делаем следующее:
- Меняем формат изображений. Все jpg/png файлы переформатируйте в webp, а gif-ки – в видео.
- Уменьшаем размер изображений. Любые изображения больше 300 Кбайт сжимайте, а если размер слишком большой – уменьшайте его, а уже затем сжимайте.
- Используем Lazy Load. Желательно использовать ленивую загрузку изображений.
- Избегаем кастомных шрифтов. Если в них нет острой необходимости – убирайте с преленда, или, хотя бы, не используйте слишком много.
- Уменьшаем количество файлов со скриптами и стилями. Если стилей больше 3, то объединяйте их в один файл, то же самое делайте со скриптами.
- Грузим асинхронно те стили и скрипты, которые не нужны сразу же при открытии сайта.
- Удаляем редиректы, которые не нужны или не используются.
Без существенного выпиливания контента, без существенных усилий в оптимизации, всего лишь проработав эти моменты вы уже ощутимо ускорите загрузку страницы.
Интерфейс и контент
Однако насколько бы быстро не грузилась ваша страница, если она наполнена посредственным контентом или попросту нечитабельна – много лидов
она вам не принесет.
Что делаем с интерфейсом?
Проверяем интерфейс на распространенные ошибки и устраняем их:
- Спрятанные кнопки. Все важные кнопки, а это редирект, скролл до формы и заказ – должны находиться у пользователя на виду и если с кнопкой заказа зачастую понятно (хотя обратите внимание, насколько она видима на форме и насколько понятно, что это именно за кнопка), то зачастую кнопки с редиректами на ленд и скроллом особо не выделяются, либо вообще пропадают на мобильной версии сайта.
- Непонятные кнопки. Добавляйте на кнопки понятный текст: пользователь должен понимать, к чему приведет нажатие по тому или иному элементу на сайте. Это не только для того, чтобы эти элементы активней использовались, но и в целом для повышения доверия к прелендингу/лендингу. Откажитесь от формулировок “Заказать сейчас”, “Попробовать”, “Начните худеть” и подобных.
- Скроллы по сторонам. Устраняем это, часто наблюдается на мобильных версиях, где-то вне фрейма всплыл какой-то невидимый элемент и из-за него по дефолту имеется скролл влево-вправо, который раздражает при пролистывании страницы на любом мобильном устройстве.
- Кривой интерфейс на каком-либо разрешении. Всегда проверяйте свои сайты с помощью BrowserStack или Mobile-Friendly Test. Нередко на некоторых устройствах едут какие-то кнопки, изображения, комментарии, проверяем каждое разрешение и фиксим.
- Зум при тапе по полям ввода в форме. Это просто всегда неудобно. Большинство людей заходит на сайт, где и так приемлемое разрешение для прочитывания контента или ввода своих данных в форму без зумов, а зум только сбивает, еще и появляется скролл по сторонам/необходимость в любом случае отдалиться после ввода данных, чтобы перейти к следующему полю ввода или заказу товара.
Что делаем с контентом?
Проверяем соответствие наполнения сайта действию, совершения которого вы ожидаете от пользователя и исправляем ошибки:- Последовательность повествования. Прочитайте свой преленд/ленд, выстраивается ли схема “Рассказ о проблеме → обнаруженное решение → выгоды решения → итоги”? Если нарушена эта цепочка, а будет именно такая на большинстве промо, которые используются для нутры (например), то стоит пересмотреть последовательность, которая у вас на данный момент имеется, поменять местами некоторые блоки. Разумеется для разных вертикалей будут разные сценарии, но в общем итоге – она будет подобна этой.
- Бесконечная страница. Важно, чтобы контент хорошо раскрывал проблему и выгоды товара, но если пользователь будет вынужден слишком долго листать ваш сайт, он попросту устанет и не, возможно, даже не дойдет до выгод, не говоря уж о форме заказа.
- Проблемы с орфографией. Если преподносится преленд как авторский блог, новостной сайт или что-то подобное, но там постоянно допускаются орфографические ошибки – пользователь как минимум задумается, стоит ли доверять этому СМИ или что бы то ни было. То же касается и лендингов.
Проверяйте свои тексты на ошибки с помощью инструментов для копирайтинга: NeuralText или LanguageTool, например. - Отсутствие подтверждений качества. Часто арбитражники на своих сайтах ограничиваются отзывами/комментариями, хотя помимо них большой вес для пользователями имеют: сертификаты. подтверждения лабораторий, мнение врача, гарантии доставки или возврата.
- Мало изображений. Фото результатов, врачей, графиков, продукта – их мало, не сильно перегружайте ими сайт, но они должны присутствовать, это сильно повышает лояльность целевой аудитории.
Какие инструменты использовать?
Для того, чтобы оптимизировать сайт вам, помимо собственных глаз, рук и головы, понадобятся сервисы, которые ускорят вашу работу.
Приводим список тех, что используем для оптимизации собственных прокл.
Chrome Developer Tools
Инструмент поможет проверить скорость сайта, а также выявить ошибки в коде и скриптах на странице.
Google Analytics
Сервис, который поможет оценить скорость сайта, его загрузки, посмотреть аудиторию и включает в себя иные функции в удобном интерфейсе.
Google PageSpeed Insights
Инструмент для проверки скорости загрузки ваших страниц, минималистичный, крайне удобный и с развернутой информацией после аналитики.
BrowserStack
Помимо проверки скорости загрузки страницы и наличия ошибок в коде и скриптах, здесь можно посмотреть, как выглядит ваш сайт на разных мобильных устройствах.
Mobile-Friendly Test
Инструмент для проверки оптимизации страниц под мобильные устройства, вставляете свой URL и получаете подробную информацию о том, насколько удобно просматривать ваш лендинг или прелендинг с телефона.
Lambdatest
Этот сервис подобен BrowserStack, однако проверять с его помощью можно не только мобильные устройства, но и просматриваемость страницы с ПК.
Итоги
Как видите, даже используя готовые ленды с ПП, вам придется их проверять, заниматься их оптимизацией, ведь от этого зависит итоговый CR, от которого – уже ваши ROI, которые из-за той же медленной загрузки могут стать отрицательными.
Чем удобней и продуманней будет ваша страница, тем больше денег вы сможете заработать, потому не стоит пренебрегать такой рутиной.
С любыми оставшимися вопросами вы всегда можете обратиться
к саппорту нашей Школы Арбитража Трафика, а также – Подписаться на наши медиа, это будет полезно
Школа Арбитража трафика | thecreo-school.com
Youtube – https://www.youtube.com/@kabankin
Блог Моего Друга – @kaban_thecreoru | insta
Аккаунты https://t.me/thecreoru
Креативы https://t.me/the_creative_off
