Разрабатываем посадочную страницу: от постановки целей до запуска трафика

Запись опубликована в рубрике Агентство в фокусе. Добавьте в закладки постоянную ссылку.
Наши специалисты
всегда готовы ответить
на ваши вопросы

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

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

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

Формулируем задачи

Заказывая услугу «SEO-продвижение» в Информбоксе, клиент может выбрать один из 6 тарифов. Они отличаются объемом работ, стратегией и ценой. Чтобы посетителям сайта было проще понять, какое предложение лучше подойдет для их проектов, нужно дать как можно больше информации о каждом тарифе. Расписывать подробности на основной странице услуги нельзя — читатель запутается в избытке информации и сделает неправильные выводы. В худшем случае — просто уйдет. Вот почему мы решили создать отдельный лендинг для каждого тарифа.

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

Тарифы Информбокса

Суть каждого тарифа изложена емко, чтобы читатель не запутался

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

В целом у нас три гипотезы, которые проверим после запуска трафика:

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

Подготовка

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

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

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

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

  • Изучаем целевую аудиторию: определяем критерии выбора, узнаем, какая информация их интересует, какие вопросы и сомнения возникают чаще всего. Благодаря этому мы рассказываем об услуге на языке ЦА и обрабатываем их возражения, делая текст более убедительным.
  • Анализируем предложения конкурентов и выявляем наши преимущества, чтобы подчеркнуть их.

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

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

Разработка

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

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

Структура посадочной страницы

Получаем структуру страницы с черновиком текста

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

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

Результаты SEO-продвижения

Клиенту важно понимать, когда ждать результатов SEO-продвижения

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

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

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

Для тарифа «Продвижение по позициям» получился такой прототип. На его верстку ушло 6 часов. Остальные страницы сверстали быстрее, так как просто копировали эту и заменяли текст.

Пускаем трафик

Чтобы попусту не тратить рекламный бюджет, перед запуском кампаний настроили цели в Google Analytics. Так мы отследим действия посетителей и узнаем, какие элементы страницы им нравятся, а какие — отталкивают. Если подозреваем, что потенциальным клиентам что-то не нравится, мы быстро меняем эту часть страницы и продолжаем тестировать.

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

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

Выводы

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

Маленькая хитрость

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

Процесс сократился до 5 этапов:

  • Определяем цели
  • Прорабатываем структуру
  • Пишем заголовки и тексты
  • Выбираем блоки
  • Собираем страницу

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

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

  • Веб-разработка

  • Наши специалисты
    всегда готовы ответить
    на ваши вопросы


    Спасибо, что читаете наш блог

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

    Что скажете?

    avatar
      Подписаться  
    Уведомление о