Интересные SEO-статьи – миф или реальность?
12.12.2017
Расширенная реальность и следующая битва Apple и Google
04.01.2018

 

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

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

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

Если посадочная страница уже имеется, то она должна быть оптимизирована, иначе посетители покинут ее из-за неудобной навигации. Необходимо сделать всё, чтобы посетитель заполнил форму обратной связи или выполнил покупку в несколько простых шагов – это и есть основная цель вашей Landing Page.

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

В ситуации, когда вы ищите товар или же просто ответ на какой-то вопрос, то желаете достичь этого СРАЗУ. Плохому и непродуманному лендингу не поможет трафик даже со всего мира.

В наши дни не обязательно иметь огромный бюджет или команду Hi-End дизайнеров, чтобы создать себе толковую посадочную страницу. Существует масса инструментов и программ, которые помогут вам сделать “гладкую” Landing Page как для ПК, так и для гаджетов. Но нужно знать, КАК ее создать, чтобы преобразовывать мобильный трафик.

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

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

Вот некоторые вещи, на которые нужно обратить пристальное внимание при создании конвертируемой Landing Page:

Фокусируйтесь на легком коде и простоте

Не все смогут посетить ваш ресурс, используя новейший смартфон и высокоскоростной Интернет. Большинство юзеров используют 3G или слабенький Wi-Fi и “проверенные” модели телефонов. Поэтому создавайте целевые страницы с помощью легких кодов и избегайте анимаций и ненужных элементов.

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

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

Создайте страницу в формате стека блоков

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

Если вы сделали кнопку СТА “совершить телефонный звонок”, необходимо размесить номер по центру. Это должно побудить пользователя воспользоваться ею в первые секунды пребывания на странице.

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

Создавайте форму не более чем с двумя полями

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

Например при создании формы для регистрации у стоматолога, лендинг может запросить:

  • имя;
  • фамилию;
  • адрес электронной почты;
  • номер телефона.

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

  • имя;
  • тел.

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

Только одно предложение на мобильную Landing Page

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

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

Сделайте доступным свой номер телефона

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

Если посетитель ищет товар, который присутствует на вашем сайте, и у него есть телефон в руках, разве вы не хотели бы заинтересовать потенциального клиента позвонить вам и оформить заказ?

Убедитесь, что кнопка СТА автоматически совершает звонок на ваш номер. Ведь никто не будет вводить его вручную.

Заголовки (текст H1 и H2) должны быть короткими

Почему так много оптимизаторов любят длинные заголовки H1 и H2? Это потому, что они зацикливаются на ключевых словах и лонгтейл-запросах в надежде на ранжирование. Да, мета-теги важны, но для адаптивных лендингов они обязаны быть короткими.

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

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

Ограничьтесь в описании товара или услуги несколькими предложениями

Все СЕОшники начинают замечать отмирание тенденции “500 слов”. И это не зря. Контент стоит писать в соответствии с тематикой и потребностями ресурса. Если лендинг предлагает шариковые ручки, то кто найдет 500 слов, чтоб описать ручку?

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

HTTPS нельзя игнорировать

Google объявил, что протокол HTTPS в настоящее время является сигналом ранжирования. Даже если он привлекает 1% трафика, вы всё равно важно его учесть. Если вы занимаетесь реализацией дорогостоящего товара, вложение в зеленую панель в адресной строке (когда у вас есть расширенный SSL-сертификат проверки) полностью себя окупает.

Пользователи увидят HTTPS-протокол и с довериям отнесутся к вашей площадке, а всё, что лежит на доверии к вам, поможет повысить коэффициент конверсии. Покажите, ПОЧЕМУ вы лучшие, –  и увидите результаты.

Всегда включайте подробную контактную информацию

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

Укажите на мобильном ЛП полную контактную информацию в разделе нижнего колонтитула. Она включает полное имя, адрес и номер телефона, и даже иногда фрагмент карты Google.

Сплит тест СТА, кнопок (текст, форма, цвет) и предложения

Оptimizely – шикарный ресурс для тестирования, который можно найти даже в бесплатном варианте! Этот инструмент пригодится тем, у кого нет времени на сборку нескольких страниц и координацию всего с разработчиками и дизайнерами. С помощью Оptimizely вы можете провести А/В тестирование своего сайта. Методика заключается в сравнении пары страниц и определении лучшей в плане конверсии.

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

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

Накопленный годами опыт в создании сайтов и Landing Page только подтверждает пользу данных инструментов и SEO-шагов. Их все чаще используют и получают результат в виде прироста трафика, увеличения уровня конверсии и ранжирования в поисковых системах.

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

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

Контакты