Лендинг пейдж (Landing): что это такое и как создать
Что такое лендинг пейдж (или landing page), его особенности и преимущества
Итак, лендинг пейдж – это страница для «захвата» клиента. Идеальный landing page должен побудить потенциального клиента к тому или иному активному действию на сайте: оформить заказ, совершить звонок, оформить подписку на рассылку, заполнить анкету и т.д.
Таким образом, отвечая на вопрос, что такое лендинги, можно ответить и так, что это специальные страницы, которые нужны для привлечения новых клиентов и продвижения товаров в Сети и за ее пределами.
Лендинг страница – это страница, не перегруженная всевозможными меню, подменю, «простынями текста», ненужными изображениями и сторонней рекламой. Можно сказать, что здесь все выверено буквально до миллиметра и последней запятой. Также такие страницы отличаются крайне упрощенной навигацией.
История развития лендинг пейдж
Отвечая на вопрос, что такое лендинг, невозможно пройти и мимо истории создания лендинга. Данное понятие было введено в интернет-обиход примерно лет 10 тому назад американскими сетевыми маркетологами.
Просто в один момент стало понятно, что потребитель – потенциальный клиент – настолько перегружен всевозможной информацией, что больше не способен определить, где хороший рекламодатель, а где плохой, где предлагается качественный товар, а где не очень. Словом, коммерческих сайтов стало появляться настолько много, что стало трудно в них ориентироваться, как трудно ориентироваться и среди продающих компаний.
Стало быть, возникла необходимость в том, чтобы максимально упростить ситуацию. Так родилась идея создать лендинг пейдж – самую простую страницу в Сети, которая бы представляла бы всего лишь один-единственный товар. Здесь же, на лендинг пейдж можно было прочесть обо всех его достоинствах и тут же осуществить заказ.
Подобные примеры лендинг пейджа видел каждый, кто пытался найти тот или иной продукт в Сети.
Цели и задачи посадочной страницы
В Википедии говорится о том, каковы задачи и цели таких страниц. Но можно более подробно рассмотреть данный вопрос.
Факт! Главная цель лендинга – это получить контакты от потенциальных покупателей, которые заходили на страницу. При этом сама продажа продукта производится уже на следующем этапе, когда уже была совершена заявка на консультацию о нем на лендинг пейдж.
Экспертами интернет-маркетинга утверждается, что грамотно составленная лендинговая страница может значительно повысить конверсию ресурса. Примеры удачных лендинг страниц показывают, что показатели конверсии при этом увеличивались от
Воронка продаж и конверсия
Практически любая landing page в Википедии будет раскрывать и такие понятия, как «конверсия» и «воронки продаж». Ведь конечная цель создания любого коммерческого сайта или лендинга в Интернете – это увеличение показателей по продажам, следовательно, и увеличение прибыли. На это рассчитывает каждый владелец лендинг пейдж. И, если знать не только, что такое лендинг простыми словами, но и оперировать более продвинутыми понятиями, можно будет более осознанно подходить и к вопросу, как сделать лендинговую страницу, и к адекватной оценке ее эффективности.
Итак, так называемая конверсия сайта на сегодняшний момент считается самым значимым и самым объективным показателем того, насколько эффективно работает коммерческий сайт или лендинг пейдж. Показатель конверсии лендинг пейдж выражается обычно в процентах. Он вычисляется отношением посетителей, которые совершили то или иное целевое действие к общему числу посетителей. Таковым целевым действием может быть, кстати, не только совершение непосредственно покупки, но и, например, заполнение анкеты, подписка на рассылку, подписка на новости, регистрация на сайте или лендинг пейдж и т.д.
Важно знать! Причем, показатели по конверсии в каждой области продаж на лендинг пейдж считаются хорошими по-разному. Стопроцентная конверсия – недостижимый идеал, так же, как и идеальный лендинг пейдж. Однако именно к этому все, разумеется, и стремятся.
В той или иной области продаж хорошими конверсионными показателями считаются разные цифры. Например, если конверсия лендинг пейдж с элитной парфюмерией составляет 15%, то это считается весьма неплохой цифрой. Ведь далеко не каждый сможет себе позволить приобрести дорогой парфюм.
В принципе, 40% конверсии на лендинг пейдж считается отличным результатом. Это будет говорить о том, что практически каждый второй посетитель сделал то, что от него ожидалось. У лендинга конверсия, как правило, лучше, чем в случае с традиционными сайтами.
Нельзя обойти стороной и так называемые воронки продаж. Она, можно сказать, представляет прямо противоположные данные. Как правило, она показывает число посетителей лендинга, не совершавших целевые действия.
Она представлена в виде графика в форме перевернутой пирамиды, отсюда и название – воронка. Как правило, она представлена так:
- число людей, выполнивших посещение сайта;
- число уников лендинг пейдж, выполнивших то или иное целевое действие;
- количество клиентов лендинг пейдж, выполнивших оплату продукта.
Данное представление в графике станет весьма серьезным помощником при проведении расчетов нужного объема материала, контактов на той или иной ступени реализации на лендинг пейдж и т.п. На основании показателей этого графика строятся выводы касательно качества проведенного менеджмента и касаемо нужности проведения корректировочных работ на том или ином этапе.
График продаж даст ясность того, каким именно образом потенциальные посетители лендинг пейдж принимают решение о том, чтобы приобрести предлагаемый товар, а также, что именно на лендинг пейдж их подталкивает сделать это.
Если детально выполнить анализ таких шагов, то станет возможно контролировать поведение контрагентов с помощью грамотно разработанной посадочной страницы.
Кроме того, воронка продаж может сортировать клиентов по их поведению и их интересам.
Можно привести примеры landing page и того, как именно работает воронка. Два человека желают приобрести какое-либо транспортное средство. Причем, один из них еще толком не знает, будет ли это автомашина, либо мотоцикл. Другой же уже четко для себя решил, что это будет машина. Так вот, с точки зрения маркетинга, это совершенно два разных человека. Так как первый может на следующий день вообще передумать и пойти за велосипедом, а другой уже готов приобрести машину хоть сегодня.
Пример хорошего лендинга, когда потенциальный клиент лендинг пейдж проходит 4 шага:
- осознание того, что нужно приобрести;
- проявление интереса к предложению;
- принятие решения о покупке;
- совершение целевого действия, сама покупка.
Таким образом, грамотное создание лендинг пейдж должно побудить посетителя пройти целиком все эти четыре шага, и как результат, совершение покупки на лендинг пейдж.
Накладывая эти этапы на количество людей, находящихся на каждом из этапов, можно в самом деле получить график в виде воронки:
- В верхней части графика будут располагаться посетители лендинг пейдж, которые осознали то, что им необходим предлагаемый продукт. На данном этапе контрагент пытается отыскать некие обобщенные характеристики о предложении на лендинг пейдж, а также вероятные его более недорогие аналоги.
- На последующей ступени возникает предметный интерес к конкретной марке. Человек сравнивает на лендинг пейдж главные параметры, плюсы, дизайн и т.п.
- В случае принятия решения о приобретении, то потенциальный контрагент проследует на следующую ступень. Здесь важно наиболее четко и ясно представить товар в самом лучшем свете. Как раз этот этап можно считать критическим. Человек готов совершить покупку, а правильное создание и организация создания посадочных страниц landing page способны подтолкнуть его к финальному шагу – покупке.
- Внизу воронки продаж располагаются люди, перешедшие из разряда простых посетителей в статус покупателя. В идеале клиент должен совершить покупку на том же самом сайте.
Правильная структура лендинга должна продвигать посетителя страницы по всем этим этапам. Для этого важно знать, как создать лендинг правильно. В качестве привлекающего внимание материала применяются специализированные статьи, отзывы от покупателей, различные графики и т.п. информация.
Интересный факт! Примеры продающих лэндингов показывают, что хорошим эффектом обладают специализированные статьи, написанные простым, но в то же время и не обиходным языком. Также сюда не будет лишним включить мнение экспертов и т.д.
Эффективность страницы захвата
Конечно, грамотное создание сайта лендинг пейдж должно осуществляться настоящими профессионалами своего дела. Лучше, если это будет слаженная команда из специалистов в своей области. Мало прочитать информацию о том, что такое лендинг в Википедии, чтобы создать landing page. Порой нужно проявить свою изобретательность и самую настоящую изворотливость. Ведь далеко не каждого покупателя можно побудить расстаться со своими деньгами прямо здесь и сейчас…
Хорошие примеры продающих страниц на лендинг пейдж показывают, что даже для создания одностраничного лендинга потребуется участие таких людей, как:
- Менеджеры проекта. Они обозначают конечные цели при изготовлении лендинг пейдж, следят за всеми этапами исполнения технического задания на лендинг пейдж, рассчитывают окупаемость потраченных средств на рекламу, а также принимают все самые важные решения.
- Маркетологи. Они занимаются разработкой общей стратегии проекта лендинг пейдж, созданием прототипа будущей страницы. Также в их задачу входит поиск наиболее эффективных партнерских программ и формирование уникальных торговых предложений (так называемый УТП). Кроме того, ими определяется перспективность разработанных концепций, осуществляется аналитическая деятельность по полученным результатам.
- Веб-дизайнеры. Они заняты разработкой прототипа страницы и отвечают за ее спецэффекты.
- Front-end разработчики. Занимаются непосредственно программированием исходного кода и последующей версткой. В их задачу входит тестирование страницы на различных устройствах, а также корректировка форм обратной связи и отправки заказа.
- Копирайтеры. Эти специалисты пишут тексты, создают заголовки 4U. Их привлекают и на этапе прототипирования посадочной страницы, ее оптимизации и при разработке смысловых блоков.
- Специалисты- контекстологи SEM. Проводят анализ семантического ядра сайта, подбирают нужные целевые запросы для поисковых сервисов, настраивают контекстные рекламы, проводят анализ эффективности рекламной кампании.
В разработке могут принимать участие и другие специалисты. Лишь скорректированная работа опытных спецов позволит сделать действительно хороший сайт лендинг пейдж, способный хорошо продвигать и продавать продукт. Именно такие страницы затем и попадают в top landing page и служат для других примером.
Для чего создавать одностраничный сайт, три главных преимущества лендинга
Разобравшись с тем, что такое лендинг, можно продвигаться дальше. То есть рассмотреть, для чего именно он может потребоваться, стоит ли создание сайта лендинга в каждом конкретном случае своих затрат?
Перед тем как создать лендинг бесплатно своими руками, либо обратиться за помощью к специалистам, не будет лишним понять, действительно ли именно лендинг будет оптимальным выбором?
Выделяют три преимущества лендинга:
- Одностраничники помогают увеличить число активных посетителей, которые подписываются на новостную рассылку, в среднем на 20-30%.
- Повышается на 50% вероятность приобретения предлагаемого продукта.
- Посетители легче убеждаются в том, что им необходимо скачать ту или иную программу для компьютера или для мобильного устройства.
Подробно как создать сайт самому бесплатно можно узнать в другой нашей статье. Пошаговая инструкция + 7 этапов создания сайта прилагается.
13 базовых правил по созданию своей Landing Page
Можно привести различные примеры лендинг сайтов, на которых конверсия достигала 70%! Тому способствовало всего два фактора:
- Главная масса всех посетителей таких лендинг пейдж — сугубо целевая аудитория. Лендинг пейдж посещали пользователи, действительно заинтересованные в предлагаемом им продукте.
- Посадочные страницы лендинг пейдж создавались в соответствии со всеми правилами, призванными обеспечить высокую посещаемость.
Имеет смысл рассмотреть более подробно эти правила и понять, каким же именно образом они работают на практике.
Создание лендинга (цена на фрилансе)
Лучшая цена на лендинг – у частных специалистов Москвы, зарегистрированных на Юду. На сайте можно быстро заказать любые услуги, связанные с web дизайном, изготовлением, оптимизацией и продвижением сайтов. Опубликуйте любое техническое задание, и в самые короткие сроки с вами свяжутся специалисты, готовые предложить качественную помощь по адекватной цене.
На Юду можно заказать:
- создание лендинг пейдж (стоимость ниже среднерыночной)
- качественную оптимизацию и продвижение готовых лендинг пейдж (цена договорная)
- разработку сайтов любого направления: продающих, визиток, развлекательных (стоимость зависит от сложности заказа – премиум, стандарт, бюджетные услуги)
- web верстку любой сложности
- хорошую техническую поддержу любых web ресурсов
- создание интернет-магазинов и многое другое
При создании пейдж страниц и сайтов, мастера, зарегистрированные на Юду, используют современные графические инструменты: видеоэффекты, фотоколлажи, 3D графику, flash технологии. Посадочные страницы получаются яркими, динамичными, уникальными по своему контенту.
Сроки и стоимость
Если вам необходим качественный и уникальный сайт премиум класса, созданный не по готовому конструктору из сети, а по индивидуально разработанному дизайну, рассчитывайте примерно на месяц работы специалиста. Лендинг создается быстрее – в среднем его сверстают за 7-15 дней.
Мастера Москвы, предлагающие услуги на Юду, всегда выполняют заказы в краткие сроки в силу большого опыта работы и хороших знаний современного веб дизайна.
Сколько стоит работа мастера, в каждом конкретном случае рассчитывается индивидуально. Стоимость зависит от:
- сложности веб дизайна
- сроков и других условий разработки и изготовления web страниц
- их количества
На Юду можно заказать изготовление полноценных или одностраничных сайтов, разработку посадочных страниц или другие услуги web мастеров как дорого, так и по бюджетной цене. Недорого обойдутся профессиональные услуги:
- создания сайтов на основе конструкторов из сети
- оптимизации готовых посадочных страниц
- верстке одностраничных web ресурсов и так далее
Более дорого стоят такие услуги, как:
- разработка уникального дизайна сайта или посадочной страницы
- создание динамичных элементов декора сайта или посадочной страницы
- раскрутка сайта или посадочной страницы
Но даже премиум услуги фрилансеров, зарегистрированных на Юду, обойдутся вам недорого в сравнении с обслуживанием в профессиональных фирмах по web дизайну посадочных страниц и сайтов, их продвижению в сети.
Преимущества заказа на Юду
На Юду просто найти фрилансеров, которые сделают работу высокого качества по оптимальной цене. Они смогут сверстать, оптимизировать, продвинуть любые веб ресурсы по стоимости, которая будет соответствовать имеющемуся у вас бюджету.
Чтобы заказать на сайте услуги, стоимость которых полностью вас устроит, опубликуйте задание с фиксированным бюджетом, то есть сообщите, что вам необходим лендинг – цена такая-то. В задании можно указать и любые другие условия выполнения заказа:
- сделать в течение месяца
- изготовить по индивидуальному дизайну
- рассчитать предполагаемое количество пользователей и так далее
Чем точнее будет ваше техническое задание, тем удобнее будет исполнителям определить конкретную стоимость услуги. Примерные тарифы мастеров, представленных на Юду, можно посмотреть в прайсе на сайте.
В профиле мастера можно найти следующую информацию:
- рейтинг специалиста на сайте
- его профессиональное портфолио и данные об имеющемся опыте
- отзывы о его работе от предыдущих заказчиков
Тарифы и другая информация в профиле поможет вам быстро сделать выбор среди всех исполнителей, которые откликнутся на ваше предложение о работе.
Юду работает круглосуточно, поэтому сделать заказ на необходимые услуги можно в любое время, без выходных. Предложения о сотрудничестве начинают поступать практически сразу же после публикации задания на сайте.
Все исполнители сайта прошли строгую проверку при регистрации и являются действительно надежными подрядчиками. Недобросовестные исполнители услуг, на которых поступают жалобы заказчиков, удаляются из каталога Юду.
Если вам нужна лучшая цена на лендинг, большой выбор профессионалов и короткие сроки выполнения задания – публикуйте заказ на Юду.
Если требуется срочно и недорого заказать лендинг, обратитесь за профессиональной помощью к исполнителям Юду. На сайте youdo.com зарегистрировано множество фрилансеров, работающих в частном порядке, а также компаний, которые предоставляют услуги по разработке landing page с нуля по доступной стоимости. Они создадут для вас качественную посадочную страницу по любой тематике в самые короткие сроки.
Как разрабатывают лендинги исполнители Юду?
Специалисты, зарегистрированные на youdo.com, предоставляют полный комплекс услуг по созданию уникальных и эффективных лендингов по невысокой цене. Исполнители Юду недорого разрабатывают различные виды сайтов:
- one step (одностраничный)
- two step (двухстраничный)
- long page (длинная посадочная страница)
- short page (короткая целевая страница)
Мастера, зарегистрированные на Юду, профессионально создают как обычные, так и адаптированные сайты по небольшой стоимости. Они разработают качественный лендинг в рамках любого бюджета и предложат расценки, которые на 20-30% ниже, чем в специализированных фирмах.
В зависимости от желаемой суммы затрат опытные специалисты Юду предлагают разные варианты разработки web-страниц: премиум, стандарт, эконом. Узнайте, сколько стоит заказать лендинг, посмотрев информацию в личном профиле исполнителя Юду, где указаны цены на предоставление той или иной услуги.
Опытные фрилансеры быстро и качественно выполнят разработку лендингов для увеличения продажи товаров интернет-магазинов или услуг, а также для развития любого другого бизнеса. Специалисты, зарегистрированные на Юду:
- наполнят лендинг уникальным текстом
- используют качественную графику
- обеспечат удобный интерфейс для посетителей
- создадут индивидуальный динамический дизайн web-страницы
Итоговая стоимость разработки лендинга будет зависеть от сложности и объема заказа. Например, оптимизация посадочной страницы стоит дешевле, чем ее создание с нуля.
Преимущества исполнителей Юду
На youdo.com зарегистрированы только надежные и проверенные фрилансеры и коммерческие организации, которые проходят тщательную проверку, прежде чем стать исполнителями на сайте и получить возможность размещать свои предложения. Вы всегда можете рассчитывать на их ответственность и пунктуальность. Мастера, предлагающие на Юду свои услуги:
- имеют профессиональное портфолио и многолетний опыт работы по созданию индивидуальных лендингов
- применяют современные методы оптимизации целевых страниц, с помощью которых увеличивают их эффективность
- предлагают профессиональное изготовление сайта и выгодные цены на услуги
- гарантируют высокое качество результата
Благодаря возможностям, которые предлагает фриланс, вы можете выбрать подходящего исполнителя из любого региона и общаться с ним, не выходя из дома. Это позволяет вам значительно расширить границы поиска мастера на Юду и подобрать действительно привлекательные условия для сотрудничества.
Как оформить заказ на Юду?
Чтобы быстро заказать лендинг пейдж, нужно просто оставить заявку на youdo.com. Напишите в ней, что требуется срочно повысить эффективность посадочной станицы или создать удобный интерфейс. После того как вы получите предложения от исполнителей Юду:
- выберите лучшее из них
- сделайте заказ
- свяжитесь со специалистом по мобильной связи или другим удобным способом
- назначьте сроки для выполнения заказа и обсудите прочие детали сотрудничества
Правильно выбрать подходящего исполнителя на Юду вам поможет рейтинговая система, действующая на сайте. Чем больше специалист, зарегистрированный на youdo.com, удачно выполнил заданий, тем выше его позиция в рейтинге. Также обратите внимание на отзывы предыдущих клиентов. Ознакомьтесь с ними, чтобы заказать лендинг у лучшего специалиста, и будьте уверены в превосходном результате его работы.
Артем Кабалкин
CEO, Founder
Денис Кабалкин
CTO, Co-founder
Хоромская Дарья
COO, Генеральный
директор
Джигеро Алина
Ассистент административного
отдела
Игорь Кизин
Руководитель отдела дизайна
Малухин Руслан
Менеджер проектов
отдела дизайна
Чернова Галина
Менеджер проектов
отдела дизайна
Наталья Ващенко
Web-дизайнер
Анастасия Усенко
Web-дизайнер
Вольникова Алена
Web-дизайнер
Людомирская Дарья
Web-дизайнер
Урожаев Александр
Верстальщик
посадочных страниц
Щигринец Максим
Верстальщик
посадочных страниц
Сагина Валентина
Верстальщик
посадочных страниц
Тимофеева Екатерина
Руководитель отдела по работе с клиентами
Шилова Екатерина
Заместитель руководителя отдела по работе с клиентами
Беспалова Полина
Менеджер по работе с клиентами
Горчакова Евгения
Менеджер по работе с клиентами
Бочкова Светлана
Менеджер по работе с клиентами
Невшупа Алина
Менеджер по работе с клиентами
Максим Гуйван
Руководитель службы технической поддержки
Корнеев Алексей
Специалист службы технической поддержки
Пашнев Роман
Специалист службы технической поддержки
Ерина Анастасия
Специалист службы технической поддержки
Комиссаров Сергей
Системный администратор, специалист техподдержки
Баженов Даниил
Руководитель
отдела маркетинга
Борис Колосов
Специалист отдела маркетинга
Сафронов Дмитрий
Специалист отдела
продаж
Создание дизайна Landing Page / Хабр
Landing Page – (далее по тексту Целевая страница) – одностраничный сайт, построенный таким образом, чтобы обеспечить сбор контактов максимального количества целевых посетителей и максимальную конверсию в контексте его использования.
При разработке целевых страниц можно столкнуться с двумя главными проблемами, которые могут привести разработчика в ступор или серьезно повлиять на конечный результат не в лучшую сторону. Первая проблема – тупой «продающий» контент. Вторая проблема – отстойное оформление. Крайне редко встречаются целевые страницы, которые имеют хорошее содержание и выглядят достойно. Чаще всего целевые страницы представляют собой унылый шлак.
Так научимся же создавать качественные и красивые целевые страницы. Разобьём урок на 3 части. Содержание, Оформление и Практика.
Хронология изложения материала будет идти ОТ НАЧАЛА ДО КОНЦА, так что вы можете смело брать эту статью на вооружение при разработке своего очередного продающего шедевра. Здесь я постараюсь собрать и учесть абсолютно все, что имеет отношение к опыту человечества в разработке целевых страниц и то, что действительно работает, пока такой формат продаж еще актуален.
После теории, в разделе «Практика», мы создадим дизайн, не побоюсь этого слова, «правильной» целевой страницы, с учетом всех рассмотренных правил и рекомендаций.
Часть 1. Содержание Landing Page
1.1 Текст – это всё
В первую очередь, нужно написать текст. Просто написать текст, открыть Word и написать текст. Текст заголовка, текст предложения, текст отзывов. Проблема многих, даже опытных веб-дизайнеров заключается в том, что они начинают свою работу с окна Фотошопа, а не текста. Нужно взять себя в руки, набраться терпения и делать все по порядку, если хотите сделать действительно качественную целевую страницу, а не производить на свет очередное унылое творение, которое мало того, что не выполняет своей функции и не является инструментом в принципе, но еще, как бонусом, отрицательно сказывается на вашем общем самочувствии и вызывает фрустрацию от собственной некомпетентности при сдаче проекта клиенту.
О тексте по порядку.
1.2 Заголовок целевой страницы
Первое, что вы должны понять – целевая страница создается не для естественной поисковой выдачи, а для рекламы, для конкретного запроса или запросов, под которые будет куплена соответствующая позиция или место на площадке. И вот здесь множество веб-дизайнеров начинает лажать по-полной. Они начинают выдумывать какие-то непонятные заголовки, типа – «Вы обратились по адресу», «Мы – лучшие в своем деле», «Мы такие крутые, что нам в принципе даже не нужно писать о том, чем мы занимаемся».
Понимаете, в чем ошибка? Если пользователь набрал в поисковой строке «Пылесосы iRobot Roomba в Москве», то ему глубоко фиолетово кто вы, какие вы крутые и сколько вы лет на рынке. Он хочет видеть пылесосы iRobot Roomba и иметь возможность купить их в Москве. Чем точнее заголовок соответствует поисковому запросу, тем лучше ваша целевая страница.
Можно усилить заголовок словами «Лучшие, быстрые, самые мощные» и т.д. В результате должно получиться что-то вроде «Умные роботы пылесосы iRobot Roomba в Москве». Не стесняйтесь, это реально работает.
1.3 Меньше воды в тексте
Тут кроется очень заезженная, не всегда очевидная и, в то же время – серьезная ошибка. Вода. Пользователь чувствует воду, он читает текст до тех пор, пока его не начнет очень жестко тошнить от вашего текста. И даже если бы не было текста, а была только яркая картинка пылесоса в заголовке с ценой и кнопкой «Заказать» — то 50 из 100, возможно и купили бы этот пылесос. Но благодаря вашему тексту и потугам в сочинениях, на которые вы убили пол дня – целевая аудитория разбегается во все стороны с тошнотными позывами в сторону горе-страницы и ее автора, в частности.
Как избавиться от воды? Подкрепляйте каждое утверждение ФАКТАМИ, ЦИФРАМИ и ГРАФИКАМИ. Не нужно писать «У нас много довольных клиентов», напишите, сколько довольных клиентов, детализируйте и сегментируйте клиентов. Столько-то женщин приобрело пылесос, столько-то холостяков остались довольны чудо девайсом, столько-то часов данный пылесос сэкономил времени, столько-то часов проработал. Подкрепляйте каждое утверждение цифрами или не делайте утверждения вовсе, чтобы избавить посетителя от желания приобнять белого друга.
Избавляйтесь от лишних и ненужных слов. Не нужно бояться, что страница будет пустая, не нужно забивать ее только для того, «чтобы было». При грамотной работе в результате вы получите гармоничную целевую страницу. Главное, не торопитесь.
1.4 Не обманывайте
Если вы дизайнер целевой страницы, на вас ложится серьезная ответственность, вы должны проследить, чтобы вся информация была достоверной. Очень часто клиент и сам не понимает, к каким ужасным последствиям может привести обман и не достоверная информация и с радостью идет на поводу у некомпетентного маркетолога или даже сам предлагает разместить такую информацию на странице. Все тайное становится явным, не забывайте об этом. Найдите преимущества, которые реально существуют, обыграйте и преподнесите их красиво. Не нужно выдумывать то, чего нет и высасывать из пальца репутацию клиента.
1.5 Выгода/Преимущества
Напишите в документе список выгод, которые получит потенциальный покупатель, заказав услугу или товар на целевой странице и сделайте краткое описание каждой выгоды. Это единственное место, где нужно серьезно задуматься и проанализировать все возможные выгоды.
Но будьте осторожны. Иногда клиенты, которые заказывали целевую страницу, отправляли мне список выгод, который был, мягко говоря, высосан из пальца. Проанализируйте реальные выгоды, а не только те, которые видит продавец. Его оценка по понятным причинам может быть не объективной и выглядеть довольно глупо в глазах реального покупателя. Хотя такое происходит не часто и прислушиваться к заказчику нужно обязательно, так как он работал с продуктом довольно продолжительное время и может снабдить вас нужной информацией. Анализируйте.
Постарайтесь как можно интереснее оформить выгоды в дизайне. Не стесняйтесь использовать инфографику, персонажей, интересное визуальное оформление, маркеры. Поработайте над этим. В верстке добавьте анимацию.
1.6 Указывайте на то, что товар или услуга являются новинкой
Да, как бы это ни звучало странно, но целевая аудитория очень расположена к подобного рода заявлением. Слова «Новый», «Новинка», «Современный», «Свежий» магическим образом влияют на конверсию целевой страницы весьма положительно. Не стесняйтесь, в общем.
1.7 Обязательно размещайте отзывы
Дополню. Размещайте НАСТОЯЩИЕ отзывы. Представьте себе ситуацию, зашел потенциальный клиент на целевую страницу, ознакомился с условиями, готов уже был приобрести товар, но наткнулся на типовые, сахарные отзывы, да еще и в придачу, на фотографии, которые уже где-то видел – либо на такой-же целевой странице, либо в каком-либо фотобанке, или в результатах поисковой выдачи. После того как пользователь почувствует обман – вы потеряете его навсегда. Покупают у тех, кому доверяют, у тех, кто лжет никогда не купят.
Используйте только настоящие отзывы, с настоящими фотографиями. Напрягите заказчика пообщаться со своими лучшими клиентами, это не так сложно, как кажется, однако в результате вы будете гордиться своей качественной работой.
Каждый отзыв должен начинаться заголовком, которым может служить выдержка из текста самого отзыва с описанием преимущества для клиента, например, «Благодаря пылесосу iRobot Roomba я экономлю около 20 часов на уборке в месяц…». После заголовка идет текст отзыва. Затем, имя того, кто отзыв написал и кем он является – семьянин, ген. директор, бухгалтер, домохозяйка и т.д. Важно, чтобы отзыв был подкреплен не только хорошим заголовком, но и фотографией реального человека. Подчеркивайте важные достижения клиента (благодаря продукту или услуге, естественно) в тексте жирным выделением или цветом, соответственно и в дизайне при оформлении.
1.8 Гарантия возврата денег
Гарантия возврата денег в разы повышает доверие к продавцу и помогает посетителю целевой страницы проще расстаться со своими деньгами. Обязательно сделайте такую микросекцию на целевой странице, подготовьте соответствующий текст для нее в текстовом редакторе для быстрого оформления. Желательно, также использовать печать или визуальный компонент, иконку рядом с гарантийным текстом. Такой элемент усилит эффект восприятия.
Часть 2. Оформление Landing Page
2.1 Продукт в действии
Изображение товара в шапке или на первом экране – это всё. Если вы поняли всё безрассудство написания пустых, не подкрепленных фактами текстов, то уделите это время на создание яркой и красочной картинки товара в шапке. Уделите этому достаточно времени. Экспериментируйте, улучшайте товар или услугу в Фотошопе до тех пор, пока не получите достойный результат.
Очень часто мне приходится наблюдать такой позор, как протухшая на вид пицца в шапке, черно-белая картинка автомобиля, летающий в воздухе непонятный девайс и прочие ошибки. Нужно сделать так, чтобы продукт или услугу захотелось приобрести. Если это пицца, пусть она будет такая аппетитная, с плавленым сырком, яркая, что ее захочется съесть немедля. Добавьте красок продукту, дымка, поджаристую корочку. В пределах разумного, конечно. Покажите продукт в действии. Если это приложение для мобильных устройств – сфотайте пользователя с телефоном и вашей софтиной на борту или, на худой конец, скачайте Mockup PSD с телефоном в руке и разместите скриншот приложения в рабочем состоянии. Еду отображайте яркой, горячей и готовой к употреблению. Это должно быть в шапке. Кроме того, было бы не плохо выложить видео с презентацией продукта. Лаконичный заголовок, кнопка и продукт в действии…
2.2 Кнопка призыва к действию на первом экране
Тут ни чего сложного – размещайте кнопку призыва к действию («Заказать пылесос») на первом экране. Это, конечно, не значит, что не стоит размещать этот элемент ни где более, просто постарайтесь сделать так, чтобы, зашедший на сайт посетитель увидел возможность приобрести товар или заказать услугу сразу.
Не забывайте дублировать кнопку призыва к действию на протяжении всей страницы, но делайте это грамотно. Будет довольно глупо смотреться эта кнопка в каждой секции, после каждого элемента. Не переборщите.
2.3 Забудьте о попандерах
Забудьте о попандерах, которые выскакивают независимо от воли пользователя. Этот пережиток развития индустрии, к сожалению, иногда еще встречается. Если в первые дни вы можете заметить какой-то рост заявок, то спустя время о вас сформируется крайне негативное впечатление у аудитории. Если вы намерены работать на рынке долго и плодотворно – не используйте попандеры.
Здесь не идет речь о всплывающих формах, которые появляются при клике на кнопки призыва к действию, кнопки, нажатие на которые пользователь производит сам. Подконтрольные всплывающие формы работают довольно неплохо и не раздражают посетителя.
2.4 Не делайте много полей в формах
Все, для чего нужна целевая страница – это собрать контакт и отправить его на обработку менеджеру. Не добавляйте в формы обратной связи лишние поля. Имя, телефон. Возможно, E-mail, по ситуации. Но не более.
2.5 Не стесняйтесь показывать лица, адреса и телефоны
Банально, но человек, если видит на целевой странице – карту, телефон или фотографии сотрудников, то подсознательно он уже доверяет проекту. Мне очень часто приходится убеждать клиентов не стесняться показать лица организации, адреса и телефоны. Видимо, отголоски 90-х дают о себе знать и привычка прятаться, лишь бы только купили и отвязались, берет свое начало именно в этот период, после распада Союза, когда были тяжелые времена и «Мы выживали, как могли».
На целевой странице обязательно должны быть фотографии менеджеров, телефоны и реальные контакты. Карта обязательна, если у фирмы есть постоянный адрес.
2.6 Размещайте логотипы известных брендов
Если компания, для которой вы разрабатываете целевую страницу, каким-то образом работала с известными брендами, пользовалась услугами, техникой – обязательно внизу страницы сделайте их перечисление. Обычно такая секция называется «Наши партнеры».
Итак, мы рассмотрели ключевые моменты, которые необходимо учитывать при разработке Landing Page. Давайте объединим все вышесказанное в следующем разделе, напишем текст и создадим дизайн целевой страницы в Фотошопе.
Разрабатывать Landing Page, волею судьбы, будем для Пылесоса iRobot Roomba. Пример абсолютно рандомный и пришел в голову в процессе написания данного мануала.
Для прохождения урока нам понадобятся исходные данные, которые вы можете взять с GitHub.
Часть 3. Практика
3.1 Текст Landing Page
Итак, после изучения 1 и 2 части у нас уже есть некоторое представление о том, какой должна быть «правильная» целевая страница. Этого вполне достаточно для того, чтобы написать текст. Обратите внимание, выше были приведены основные рекомендации, но в зависимости от продукта или услуги, могут добавляться свои пункты, секции и функционал – нужно изучить объект и немного подумать.
Кроме того, наш товар имеет некоторый модельный ряд, который было бы странно не представить потенциальному покупателю.
Текст.
- Шапка: лого, изображение пылесоса, заголовок: «Умные роботы пылесосы iRobot Roomba в Москве», телефон, адрес, кнопка.
- Секция с видео: «iRobot Roomba в работе». Под видео – кнопка.
- Секция Модельный ряд (Фото – Цена – Старая цена — Купить):
- Roomba 630
- Roomba 870
- Roomba 880
- Scooba 450
- Гарантия. Текст гарантии возврата денег под моделями.
- Секция преимущества:
- Заголовок: «Преимущества перед обычным пылесосом»
- Подзаголовок: «Это исключительно «умная» техника, которая самостоятельно производит уборку помещения и после завершения работы возвращается на станцию для подзарядки»
- #1. Экономит время. Вы экономите свои силы и время, тратя его на более приятные занятия.
- #2. Не нуждается в управлении. Пылесос сам составляет для себя оптимальный маршрут, благодаря интеллектуальной системе AWARE.
- #3. Компактный. Техника не займет много места и работает без подключения к электросети.
- #4. Самозаряжаемый. Зарядки аккумулятора хватает на 2 часа, после чего робот самостоятельно возвращается на платформу для подзарядки.
- Секция отзывы. Фото – Имя – Кто есть – Текст отзыва.
- Секция поддержки клиентов. Фото специалиста – имя – контакты (телефон, соц. сети).
- Секция Контакты. Адрес и карта с меткой.
3.2 Дизайн
Конечный результат всех потуг можно посмотреть здесь.
Прежде, чем начнем делать дизайн, давайте определим, что нужно учитывать при создании дизайна (общие рекомендации):
- Всегда учитывайте бренд, стиль продукта, айдентику, если таковые имеются, старайтесь рисовать сайт в одном стиле;
- Старайтесь использовать не более 3-х цветов в дизайне и несколько производных оттенков;
- Выберите приятные сочетания шрифтов для дизайна;
- Не лепите элементы близко друг к другу – это признак дурного вкуса;
- Соблюдайте вертикальный ритм при расположении элементов, дайте воздуха дизайну;
- Не делайте слишком маленький интерлиньяж (line-height) между строками в текстовых блоках;
- Не используйте картинки плохого качества в дизайне;
- Сжимайте всю графику с помощью TinyPng или подобных инструментов.
- Перед ресайзом изображения обязательно конвертируйте его в смарт объект в Photoshop, на случай, если вдруг придется увеличить картинку без потери качества.
- В данном примере максимальная ширина контента равна 1170px (сетка Bootstrap, чистый файл в архиве references/bootstrap-1170.psd).
Теперь нарисуем дизайн по составленному в п 3.1 тексту. Углубляться в основы работы с Photoshop не будем, рассмотрим ключевые моменты при создании дизайна Landing Page. Все секции будут на всю ширину макета, а контент в пределах сетки Bootstrap. Установим шрифты Raleway из папки Fonts. Размеры и цвета вы можете посмотреть в готовом макете references/ready_design.psd.
Итак, по тексту.
- Шапка: лого, изображение пылесоса, заголовок: «Умные роботы пылесосы iRobot Roomba в Москве», телефон, адрес, кнопка.
Сверху разместим логотип, справа – телефон и адрес. Разместим фоновое изображение таким образом, чтобы пылесос находился слева (первые 6 колонок сетки), а заголовок целевой страницы – справа. Кроме того, разместим кнопку заявки и псевдоссылку на просмотр видео.
- Секция с видео: «iRobot Roomba в работе». Под видео – кнопка.
У секции имеется заголовок и подзаголовок, не забываем.
- Секция Модельный ряд (Фото – Цена – Старая цена – Купить).
В следующей секции «Модельный ряд» отобразим 4 девайса. Новая цена, старая цена и кнопка заказать. Старая цена говорит посетителю о том, что работает система скидок и у него есть возможность купить аппарат дешевле. Каждый айтем размещаем в 3 колонки сетки.
- Гарантия. Текст гарантии возврата денег под моделями. Данная секция крайне желательна, но, если у продавца нет такой опции в продажах, можно не выдумывать.
- Секция преимущества:
Данную секцию реализуем также в сетке, как модельный ряд, но не используем отступы в сетке Bootstrap. При наведении курсора айтемы меняют свой вид, фотография плавно увеличивается (в верстке).
- Секция отзывы. Фото – Имя – Кто есть – Текст отзыва.
Реализуем следующим образом, без особых наворотов, в пределах 10-ти колонок, две из которых занимает фотография и имя, и 8 колонок отведено под сам отзыв. Отзывы должны быть с заголовками:
- Секция поддержки клиентов. Фото специалиста – имя – контакты (телефон, соц. сети).
Обязательный атрибут целевой страницы. Не поленитесь раздобыть настоящие фотографии поддержки продукта или услуги. В сетке размещаем следующим образом:
- Секция Контакты. Адрес и карта с меткой.
Более подробную информацию об элементах дизайна, приемах работы, вы можете получить, скачав с GitHub исходник PSD с готовым дизайном.
Пост был подготовлен с целью сделать этот мир немножечко лучше.
Спасибо за внимание. Пока.
Базовые элементы лендинг пейдж можно условно сгруппировать как “дизайн” и “копирайтинг” составляющие. Дизайн — это сердце, он будет порождать эмоции, направлять внимание и притягивать к самому главному — к призыву к действию. Копирайтинг — это мозг, текстовая подача аргументов и фактов, описание предложения, которое либо склонит посетителя к выполнению определенного действия, либо заставит закрыть страницу и отвергнуть ваше ценное предложение на веки вечные. C чего начать?
1. Посылайте пользователя на релевантную, таргетированную страницу
Каким типом рекламных сообщений вы привлекаете пользователя?
Как SEO-трафик, так и контекстная, баннерная реклама имеют общую цель — привести таргетированный трафик на конкретную страницу. Используйте простую формулу: одна цель — одно сообщение — одно действие — одна страница.
Вы уже просегментровали своих посетителей и имеете несколько сегментов? Тогда проложите отдельный маршрут для каждого типа аудитории на конкретную лендинг-страницу. Пусть рекламное сообщение соответствует типу аудитории и ожидаемому от посетителя действию. При настройке целей в аналитике также действует правило: одна цель — один лендинг.
2. Без неожиданностей
Жаркий вечер, отпуск, Таиланд. Вы знакомитесь с прекрасной леди, прогуливаетесь в ваш номер. И вдруг, оказывается, что она… это вовсе не она. Испуг, разочарование, фрустрация… Обманутые ожидания не приветствуются нигде.
Предоставьте пользователю единообразие: визуальное, текстовое. К тому моменту, когда человек кликает на ваш баннер или ссылку, вы уже сформировали у него определенное ожидание. Оправдывайте его.
В дизайне как баннера, так и лендинг пейдж, отталкивайтесь от бренда или же определенного предложения/продукта. Фирменные цвета и шрифты в рекламе и на лендинге помогут связать их между собой в голове пользователя.
В случае использования контекстной рекламы, единообразие пользовательского опыта, который вы создаете, будет выражаться в высоком или низком показателе качества ключевых слов (Quality Score). Чем он выше, тем больше рекламные сообщения и ключевые слова соответствуют содержанию страницы с точки зрения поисковой системы.
При создании рекламных кампаний, подборе ключевых слов и привязки к ним посадочных страниц — сегментируйте. Сегментируйте типы клиентов и источники, из которых вы их ведете на конкретные страницы.
3. Сфокусируйтесь на заголовке и подзаголовках
Представьте себя проходящим мимо киоска с прессой. Вы останавливаете взгляд на долю секунды, чтобы просмотреть крупные заголовки. Если какой-то из них привлечет ваше внимание, вы остановитесь на несколько секунд, чтобы вчитаться. А если он окажется достаточно интересным, вы даже купите это издание, не так ли?
Сделайте заголовок понятным, заметным и релевантным, ведь это самый важный текстовый элемент на странице, наряду с призывом к действию. Только пятая часть посетителей, прочитавших заголовок, прочтет что-то еще на странице.
С точки зрения содержания, чаще всего на посадочных страницах используются три типа заголовков:
— Руководство, демонстрирующее положительное следствие, преимущество
— Обращение, апеллирующее к страху потери (или упущенной выгоде)
— Вопрос
На практике, самым сильным оказывается демонстрация преимуществ, а худшим — вопрос. Апелляция к негативным последствиям хорошо работает в том случае, если вы предлагаете решение очень специфичной проблемы, которая беспокоит пользователя. Креатив вообще лучше оставить для других занятий. Креативные заголовки обычно конвертируются намного хуже простых и понятных.
9 признаков хорошего заголовка:
— называет преимущества, а не характеристики
— простой, понятный, целенаправленный
— использует общественное мнение и отзывы
— обещает получение преимуществ в конкретный срок
— правдоподобный и осуществимый результат
— преподносит потенциальное облегчение и удобство пользователю
— апеллирует к “авторитетному мнению”
— создает ощущение ограниченности товара, времени и т.д.
— содержит ключевые слова, оптимизирован под поисковые системы
4. Избавляйтесь от лишнего
Во-первых, на лендинг пейдж не нужна навигация. Во-вторых, как можно меньше внешних ссылок. Работая над дизайном посадочной страницы, важно учитывать как цели бизнеса, так и покупателя. Они могут пересекаться. Если какой-то из элементов не служит ни одной из них, пожалуй, его лучше убрать.
Помните, что вы уже заплатили за то, чтобы посетитель оказался на этой странице? Сфокусируйте его на важной информации и совершении действия. Если посетителя действительно интересует дополнительная информация о вашей компании или месторасположение на карте, он может посетить ваш сайт в другой раз. Не ставьте ссылок, уводящих от совершения действия.
5. Меньше текста?
Мир захватила тенденция к сокращению длины текста повсеместно. Журналисты отказываются от длинных материалов, сайты дробят текстовый контент как могут, сокращать советуют и лендинг пейдж. Якобы посетитель — кретин, не готов обрабатывать больше 500 символов, да и вообще читает с трудом, поэтому нужно сокращать, чтоб было как в Твиттере… Аргумент убедительный, но.
Есть негласное правило — чем ближе к покупке, тем длиннее текст. Если вам нужны подписчики, контакты, то короткого текста будет достаточно. Если же целью конверсии является покупка, к тому же не самая дешевая (и речь не идет о вещах первой необходимости вроде iPhone 6+), то лучше подумать о более длинном и убедительном тексте. Для раскрытия ценности предложения нужно время, которое в данном случае эквивалентно длине лендинга.
Пример того, как “В 6 раз длиннее, на 52% эффективнее” от Рэнда Фишкина
6. The fold — скролл, прокрутка
И наоборот, не создавайте неоправданных сложностей для юзера в поиске информации о вашем бизнесе. Донесите информацию о том, чем вы занимаетесь на первом экране (до необходимости скролла), если это возможно.
Вопреки популярности “портянок” — бесконечно длинных лендингов на 5-8 экранов — исследование тепловых карт показывает, что гораздо больше внимания сосредоточено на первом экране.
Убедительный текстовый контент, заинтересованность в товаре или услуге, эмоциональное вовлечение заставят посетителя прокрутить вниз и найти заветную кнопку в глубине нескольких экранов. Но… На длинных лендингах лучше оставлять фиксированную или повторяющуюся на каждом экране кнопку CTA (Call to action). Не всегда можно предугадать, в какой момент посетитель “готов”. Поэтому призыв к действию должен быть на виду.
Несколько слов о восприятии
Залезая посетителю прямо в мозги, обнаруживаем там стандартные процессы. Общие правила восприятие веб-контента и айтрекинга гласят, что сканирование страницы происходит по модели F-pattern/сетки. Поток важной информации должен располагаться слева, так как там концентрируется больше всего внимания. F-сетка означает, что вначале пользователь просматривает верхнюю строку, затем движется вниз по левой части экрана, делая второе горизонтальное движение в середине, чуть короче, чем первое.
Eye tracking center, Institute for Software ergonomics and usability AG
На e-commerce сайтах второе горизонтальное скольжение чуть ниже, чем обычно, из-за сканирования изображения товара. Пользователи также задерживаются значительное время в верхней правой части страницы, где размещается цена и кнопка «добавить в корзину».
Данные исследований nngroup.com по айтрекингу говорят о том, что внимание распределяется следующим образом:
— Левая часть экрана — 69% пользовательского времени
— Правая часть экрана — 30% времени пользователя
Что касается скроллинга, то ключевые моменты, безусловно, должны выноситься на первый экран, так как время, которое пользователь тратит на просмотр, распределяется следующим образом:
— До скролла 80,3%
— Ниже скролла 19,7%
7. Последовательность и эмоциональность
Все элементы дизайна и текста должны соответствовать ценностям вашего бренда.
Лого — это лицо вашего лендинга.
Посетитель должен как минимум вспомнить его при следующей встрече.
Со вкусом оформленное и размещенное лого — неотъемлемый атрибут абсолютно любой посадочной страницы. Лого должно передавать дух вашего бренда и его индивидуальность — как старым, так и новым клиентам. Лого, само по себе, способно раскрыть суть бизнеса компании… Ну или убить все…
Привычно логотип размещается вверху страницы, это очередное клише, проверенное опытом. Если ваш бренд знают все, даже дети, то что вы тут делаете, то брендингом можно не злоупотреблять. В общем, используй маркетинг с умом!
Изображения
Доносят ли изображения на сайте и стоковые картинки идею вашего бизнеса? На сайте желательно использовать картинки, совпадающие с идеей бизнеса. Как мы уже писали ранее, в тренде e-commerce дизайна — крупные изображения. Вокруг этого крупного изображения и стоит выстраивать свой лендинг пейдж. Крупная графика, крупный текст основного сообщения — вот все, что нужно, чтобы донести свой бизнес-месседж до посетителя. Но не ограничивайтесь только картинками.
8. Экспериментируйте с типами контента (данных, информации)
Согласно эксперименту unbounce.com лучшего эмоционального эффекта и вовлечения поможет добиться видео на лендинге. Опытно доказано, что, как встраиваемые видео, так и видеофон, обладают интенсивным эмоциональным эффектом и дают более глубокое понимание продукта, увеличивая конверсии. Посетитель с большей вероятностью проведет продолжительное время на странице, просматривая видео, чем читая текст.
Далеко не каждый продукт требует видео-демонстрации. Мы писали о том, что нужно соответствовать ожиданиям пользователя, быть последовательными и убирать все лишнее. Не перегружайте страницу видео, если это не нужно. Если не знаете нужно или нет — протестируйте.
Например, видеофон лендинга GoPro не просто захватывает, он еще и идеально передает ценности компании и образ жизни, с которым она себя ассоциирует — быть героем и проживать каждый день на пределе своих возможностей.
Обязательно дайте возможность посетителю поделиться вашим видео и страницей, так же как GoPro дает возможность задокументировать свою захватывающую жизнь и поделиться лучшими моментами онлайн…
9. Возможность распространения
Дайте возможность посетителю опубликовать ваше видео прямо в Facebook-ленту или в Twitter. А еще лучше, чтобы целой страницей можно было легко делиться в социальных сетях. Помимо того, что рекомендации реальных пользователей повышают доверие к вашему бренду, социальные шеры также хорошо влияют на поисковую выдачу страницы.
10. Не делайте умозаключений — тестируйте!
Значение имеет все — цвета, картинки, расположение, тестируйте все, что помогает вовлечь, удержать и сконвертировать посетителя.
A/B тестинг и другие метрики помогают точно определить, что именно влияет на ваш лендинг. Если вам кажется, что изображение розового слона принесет больше конверсий вашему сайту, чем слона серого — протестируйте это предположение.
Исследование dynamicwebsolutions
Интернет-маркетологи, дизайнеры, психологи ищут философский камень, который превратит в золото все вокруг… Но, увы, нет рецепта волшебной большой оранжевой кнопки в правом нижнем углу, c CTR 100%. Большая или маленькая? Зеленая или красная? А текст какого цвета? Со стрелкой или без? Есть только один способ узнать что будет работать — тестирование!
Call to action
Ваш призыв к действию, или CTA, является основной целью конверсии посетителя вашей целевой страницы. Варианты ожидаемых действий на странице: покупка, подписка на рассылку, звонок или заказ обратного звонка, загрузка электронной книги, файла, демо-версии продукта или запрос информации.
CTA советуют размещать в том месте лендинга, где наибольшая концентрация положительных эмоций — после видео, напротив счастливого лица. На базовом уровне кнопка должна быть заметной в любом месте лендинга, и иметь четкий текст призыва. Тестировать нужно как дизайн кнопки, так и сам текст: одно слово или два, с местоимением или без, и т.д. Значение имеет все — от цвета и слов до шрифта и теней.
11. Дайте что-то взамен или поблагодарите
Для того, чтобы что-то получить, нужно что-то отдать, не так ли? Если вы собираете контактные данные, подарите пользователю бесплатный white paper — последний отчет лидера отрасли или ваше исследование, любой ценный контент. Или просто поблагодарите за совершение действия. В общем, оставьте после себя положительные эмоции.
Оптимизация посадочной страницы — это создание совершенной комбинации убедительных текстовых элементов и дизайна, привлекающего и направляющего внимание пользователя. Помните, что лендинг не существует отдельно, сам по себе, а должен вписываться в вашу общую маркетинговую стратегию. Для того, чтобы понять, насколько эффективен ваш лендинг и его отдельные элементы, ставьте конкретные цели и пропишите диджитал-маркетинг стратегию. Высоких вам конверсий!
Этот пост был обновлен в 2020 году.
Что такое целевые страницы? Целевая страница — это страница, на которую посетитель попадает на ваш сайт после нажатия на объявление (например, текстовое объявление в Google или медийное объявление). Неопытные маркетологи часто направляют весь свой PPC-трафик на свою домашнюю страницу, но это может быть большой ошибкой. Конкретные целевые страницы, адаптированные к различным предложениям, имеют важное значение для обеспечения высокого качества обслуживания посетителей и конверсий с целевым сообщением, соответствующим потребностям каждого пользователя.
Но не стоит просто проверять лучшие практики целевой страницы. Что делает отличной целевой страницей ? Как вы можете сделать потрясающие целевые страницы, которые могут похвастаться нестандартными показателями конверсии? Мы проведем вас через то, что вам нужно знать, чтобы это произошло.
, прежде чем построить целевую страницу
Прежде чем создавать свою целевую страницу, сначала спросите себя…
1. Какова цель? В идеальном мире, что бы сделали посетители, достигнув вашей целевой страницы? Будут ли они что-нибудь купить? Заполнить форму? Подпишитесь на рассылку? Скачать электронную книгу? Отбросить в сторону клавиатуру, разбить губную гармошку и разыграть сладкий блюзовый разрыв Первым шагом для любой стратегии является определение целей.(Вы должны определить конверсии, прежде чем сможете отслеживать конверсии.)
2. С кем я соревнуюсь? На самом деле это три вопроса: с кем я соревнуюсь, как они преуспевают, и как я могу скопировать их успех? Подражание — это самая искренняя форма лести, поэтому, если ваши конкуренты делают что-то, что работает, вы должны идти вперед и следовать аналогичным образом. Они будут вам благодарны (хотя это не обещание …)!
Вы можете попробовать Кирби. Можешь попробовать.
3. Кто моя аудитория? И каковы их надежды, мечты и чаяния? Как бы глупо это ни звучало, в какой-то степени это правда — чем лучше вы понимаете свою аудиторию, тем больше вы можете удовлетворить их желания и потребности. Если вы не знаете, кто ваши идеальные клиенты, будет очень сложно написать убедительную копию в голосе клиента. Так что возьмите в голову своей аудитории, стиль Ганнибала Лектера.
4. Как они попали на мою целевую страницу? Подумайте об изменении вашего сообщения в зависимости от того, откуда приходят ваши пользователи — для пользователей, которые пришли на вашу целевую страницу, пришедшую из Google, может подойти другое сообщение.из твиттера или фейсбука. Компании с большим количеством целевых страниц (более 30) генерируют в 7 раз больше потенциальных клиентов, чем те, у кого их всего несколько, поэтому нельзя отрицать их ценность. В идеале вы хотите настроить целевую страницу для каждой группы объявлений, но это довольно трудоемкая операция, поэтому начните, где сможете. Попробуйте начать с одной настраиваемой целевой страницы на кампанию и добавьте ее для отдельных групп объявлений, если позволяют ресурсы.
Как сделать большие целевые страницы, которые конвертируют
Теперь, когда мы рассмотрели фундаментальные вопросы перед страницей, давайте обсудим, как вы можете сделать потрясающих , убедительных целевых страниц.Вы также можете проверить эпизод подкаста на эту тему! Глава к цели подкаст Talk 13: Анатомия целевой страницы.
Великих целевых страниц…
Короткие, сладкие и беспорядочные. Целевая страница должна предлагать всю необходимую информацию, но не настолько, чтобы подавлять (и, как следствие, отгонять) посетителя. Предоставьте необходимую информацию, которая заинтересует вашу аудиторию и ничего более (ознакомьтесь с этим постом для вдохновения на целевой странице).
Обеспечить высококачественный контент, который внушает доверие. Мы только что обсудили, как вы не хотите душить посетителей, но это не значит, что вы должны быть дешевы с вашим контентом — напротив, предлагайте богатый и полезный контент, если он актуален. Хороший, уверенный контент внушает доверие.
Все дороги ведут в Рим. Большие целевые страницы внимательно следят за всеми путями входа и выхода с их страницы. Важно ограничить количество точек выхода (в данном случае гиперссылок), покидающих вашу страницу.Цель состоит в том, чтобы направить посетителей по желаемому пути, и если ссылки служат отправной точкой от воронки, их следует использовать с осторожностью.
Другой, более вкусный вид воронки. (Изображение из Держатель концессий )
Упростите конвертацию. Цель состоит в том, чтобы максимально упростить конвертацию посетителей, предоставляя как можно меньшее расстояние и как можно меньше барьеров между точками А и В. Следующий шаг всегда должен быть очевидным.Эта стратегия варьируется в зависимости от того, что вы хотите конверсии. Если это форма представления, сделайте это неотразимым кусочком глазного леденца. Если он загружается, сделайте кнопку, которую просят нажать.
Имеют безупречный дизайн. Информационная архитектура вступает в игру здесь, так как важно, чтобы целевая страница имела четкий, четкий дизайн, позволяющий отвечать на все вопросы без каких-либо новых. Навигация должна быть очевидной и простой, должна быть предоставлена вся необходимая информация, и ничто не должно быть между посетителем и конверсией (иначе всплывающих окон!) Если это вообще возможно, посетители должны иметь возможность конвертировать в один клик.Пусть каждый дополнительный щелчок давит на вашу совесть, как сердце, бьющееся под паркетной доской.
Очень крутая иллюстрация сердца-повествования от Даниэль Горовиц .
Иметь четкий призыв к действию. Призыв к действию может присутствовать в тексте заголовка, а также в тексте кнопки (пример: «отправить» или «загрузить бесплатное руководство по маркетингу»). Там не должно быть никаких сомнений относительно того, какие дальнейшие шаги необходимы — скажите своим посетителям, что именно вы хотите, чтобы они сделали, в большом, жирном тексте.Для Kajabi изменение текста кнопки «Посмотреть планы и цены» на «Начать сегодня» увеличило конверсию на 252%!
Создание привлекательных заголовков. Большинство хороших целевых страниц используют основной заголовок для подтверждения предложения и подзаголовок для более подробного объяснения или ценностного предложения (иначе, почему ваше предложение удивительное). Примером может быть «Бесплатная электронная книга по маркетингу Facebook (заголовок)». Узнайте, как получить больше подписчиков, лайков и активности от наших маркетинговых гуру (подзаголовок).«Вы увидите множество замечательных заголовков целевых страниц в наших примерах ниже, и вы увидите, что некоторые инвертируют это так, что ценностное предложение является заголовком.
Содержит привлекательную копию. Kiss Metrics предлагает использовать специальные «гипнотические» слова для входных посетителей. Использование слова «вы» делает вашу копию чувствительной для посетителей и позволяет вести интимный разговор. Слово «представьте» побуждает читателей визуализировать использование вашего продукта и увеличивает желание. Включение слова «потому что» объясняет посетителям, почему они должны предпринять конкретные действия.Попробуйте эти сногсшибательные слова на своей целевой странице.
Сделайте это о посетителе. Не надоедайте посетителю, рассказывая слишком много о себе (это правило может относиться ко многим сферам жизни). По правде говоря, посетители не заботятся о ваших целях или ваших устремлениях. Они только высматривают # 1. Продемонстрируйте , что вы можете сделать для них и как вы можете улучшить их жизнь. Мы эгоистичные существа в конце концов.
При необходимости используйте видео. Видео целевые страницы могут сделать сложные продукты более доступными и одновременно развлечь ваших посетителей.
Имейте отличное предложение. Самый простой способ получить конверсию — это просто получить невероятное предложение. Убедитесь, что ваше предложение достаточно заманчиво для пользователей, и что это то, чего они действительно желают. Передайте, почему ваше предложение рушится, и вы готовы идти.
Легко сканировать с первого взгляда. Абсолютно важно, чтобы посетители могли быстро осознать суть вашего предложения. Предполагается, что у вас есть около 8 секунд, чтобы убедить пользователей остаться на вашей странице, поэтому ценностное предложение должно быть быстрым и убедительным.Создавая целевую страницу, упростите сканирование, выделив свою главную точку в заголовке, используя подзаголовки и маркеры для дополнительной информации. Используйте шрифты и цвета для обозначения информационной иерархии. Как отмечает Якоб Нильсен, посетители вашей страницы — дикие, безумные животные, которые ищут быструю еду, так что подавайте ее быстро!
Содержит соответствующие, качественные изображения. Яркие, привлекательные изображения делают страницу более привлекательной и удобной для пользователя. Попробуйте добавить визуальные подсказки, чтобы подсказывать посетителю, что ему следует делать дальше.Вы можете пойти очевидным путем со стрелками или попробовать что-то более тонкое, например сделать яркую кнопку в фокусе страницы.
Выглядят великолепно и ведут себя стильно. Внешний вид может быть не всем, но он действительно имеет значение для дизайна целевой страницы. Почему привлекательный мужчина может сразиться с женщиной, используя ту же самую линию, которая могла бы назвать менее эстетически приятного парня «ползучим»? Правда в том, что, несмотря на то, что мы учим детей, внешность меняет восприятие. Ваша целевая страница не должна выглядеть ужасно, она должна быть супер стильной.Если посетительница — цыпочка в баре, вы хотите ее удивить и забрать домой … для захватывающей игры в скрэббл!
Подберите соответствующий текст объявления. Большие целевые страницы используют те же ключевые слова, что и текст объявления PPC — связь должна быть очевидной, и непрерывность заверяет посетителей, что они на правильном пути. Не отправляйте кого-либо на страницу о палатках для кемпинга, если ваша реклама была о спальных мешках И не отправляйте их на общую страницу и не заставляйте их искать продукт, который они искали.
Попросите только ту информацию, которая им нужна. Чем больше полей вы просите посетителей заполнить в вашей форме, тем меньше у вас шансов заполнить ваше предложение. Если для вашей конверсии требуется форма, получите минимум того, что вам нужно — вы всегда можете запросить дополнительную информацию на странице благодарности, когда дело будет сделано. Хотя у большинства пользователей нет проблем с предоставлением их имени и адреса электронной почты, запрос информации о телефонных номерах и дате рождения может привести к тому, что ваш показатель падения возрастет до 50%.Эмпирическое правило не должно включать более семи полей в вашу ведущую форму на целевой странице.
Используйте цвет в своих интересах. Любой ученик, знакомящий с искусством, может объяснить силу цвета, которая влияет на восприятие человека. Пикассо не прошел голубую фазу, потому что он был таким счастливчиком.
Это похоже на картину того, кто любит жизнь?
Книги по дизайну интерьера часто предлагают разные цвета для разных комнат и настроений — красный цвет для столовой, чтобы вдохновить на динамичный разговор, желтый для веселой, расслабленной кухни.Эта же теория цвета должна быть реализована в дизайне вашего сайта. Многие маркетологи утверждают, что определенные цвета кнопок, такие как зеленый или красный, увеличивают конверсию целевой страницы, но в конечном итоге вы хотите сосредоточиться на контрасте цвета кнопки по сравнению с цветом фона. У Пола Олислагера есть хорошее руководство по кнопкам CTA, которое стоит проверить. Проверьте различные цвета, размещения и размеры, чтобы увидеть, что работает!
Имеют нажимаемые кнопки обмена. Многие люди более чем рады сообщить о недавней покупке или поделиться ресурсом, который они нашли полезным.Добавление кнопок «Поделиться» увеличивает ваши шансы на распространение контента в социальной сети, и великолепные целевые страницы щедро используют эти кнопки. Также разумно добавлять социальные кнопки на страницу благодарности, так как пользователи с большей вероятностью поделятся вашим отличным предложением с другими после того, как они зарегистрируются самостоятельно. В качестве дополнительного бонуса, показ ваших «лайков» и подписок может также служить подтверждением из уст в уста.
Показать восторженные отзывы. Из уст в уста была и всегда будет движущая сила успеха.Виртуальные из уст в уста представлены в виде лайков, +1 и онлайн-отзывов клиентов (желательно из надежных источников, таких как крупные бренды). Если в прошлом ваш бизнес получал какие-то блестящие комплименты, обязательно продемонстрируйте их.
Мобильные дружественные. Наличие сайта, который хорошо работает на мобильных устройствах, может удвоить ваши конверсии. Если вы хотите узнать больше, ознакомьтесь с нашим руководством по созданию мобильных веб-сайтов.
Последующая страница благодарности. Страница благодарности — отличный способ направить посетителей к другим связанным материалам на вашем веб-сайте, которые могут их заинтересовать. Предоставление этой дополнительной информации на начальной целевой странице было бы отвлекающим фактором и могло бы заставить посетителей отказаться от конверсии. , Однако теперь, когда вы заключили сделку, страница благодарности является идеальным местом для предложения сопутствующих продуктов, руководств и информации, которая может оказаться полезной для вашей аудитории, или ссылок на другие части вашего сайта, такие как блог вашей компании.
Трансляция своих сигналов доверия. Сигналы доверия , такие как логотипы известных компаний, с которыми вы ведете бизнес, награды, которые вы получили, и ассоциации, в которых вы участвуете, создают доверие у посетителей. Великолепная целевая страница делает ставку на комфорт и ободряет посетителей, чтобы они могли уверенно переходить.
быстр как Ferrari. Скорость важна, поскольку время загрузки оказывает огромное влияние на показатель отказов.Отличная целевая страница построена как пуля, так что возьмите свой секундомер и заставьте свою целевую страницу двигаться в здоровом клипе. Сократите время загрузки, не увеличивая размер файлов изображений, используя инструменты кэширования и используя быстрый веб-хостинг (некоторые из них работают намного быстрее, чем другие).
Фото Джейсон Гулдинг
Прошли много раундов A / B тестирования. Тестирование и исправление — это то, как мы учимся и совершенствуемся.A / B-тестирование вашей целевой страницы (настройка отдельных элементов и просмотр их работы в сравнении с предыдущими настройками), вероятно, является наиболее мощным инструментом для создания превосходных целевых страниц. Не уверен, где начать? Сигнал против шума обеспечивает хороший пример хорошего А / Б тестирования, который легко читается. Есть всегда что-то, что вы можете улучшить, так что никогда не прекращайте тестирование!
Относитесь к посетителям как к диким животным. Звучит безумно, но это правда — посетители вашей страницы — неистовые существа, которые ищут быструю и легкую еду.Они имеют ключевое значение, чтобы сделать вашу страницу легко сканируемой с вашей основной точкой в заголовке, используя подзаголовки, маркеры и различные шрифты и цвета для обозначения иерархии информации.
Включено отслеживание конверсий. В WordStream мы много говорим о важности отслеживания конверсий, и это одна из лучших практик, которую мы поддерживаем в нашем новом Landing Page Grader. Убедитесь, что вы правильно настроены на отслеживание работы ваших страниц. В противном случае вы будете тратить деньги в темноте.
21 Примеры Великих Целевых Страниц
У нас есть несколько примеров отличных целевых страниц, чтобы лучше проиллюстрировать, что делает успешную целевую страницу движущей силой конверсий.
Short Stack помогает компаниям организовывать и управлять рекламными акциями Facebook и другим пользовательским контентом Facebook. Посмотрим, что здесь хорошо выглядит.
- Цвета яркие и хорошо сочетаются друг с другом
- Эта страница является чистой и незагроможденной с минимальным текстом, но все еще объясняет ценностное предложение
- Содержит кликабельное видео для более подробного объяснения Short Stack
Проверьте этот пост для более подробных советов на целевых страницах Facebook.
Gift Rocket — еще один сайт с мощной целевой страницей. Что делает Gift Rocket правильно?
- Сильный графический элемент привлекает внимание
- Заголовок объясняет в нескольких коротких словах, что такое Gift Rocket — все о
- Меньшие маркированные информационные фрагменты под заголовком легко сканируются
- Кнопка CTA понятна и легко нажимается
- Социальные кнопки присутствуют
- Более подробную информацию можно найти, прокрутив ниже сгиба .
- Сигналы доверия и отзывы существуют ниже сгиба
Kiss Metrics есть настраиваемая целевая страница для посетителей, заинтересованных в своем наборе маркетинговых инструментов.Что здесь работает?
- Четкий заголовок, объясняющий предложение и ценностное предложение
- Минималистская форма, запрашивающая только адрес электронной почты
- Яркая яркая кнопка
- Хост сигналов доверия
(описанный в нашем руководстве по инструментам управления социальными сетями) — еще один пример мощной целевой страницы. У этого есть несколько элементов, которые действительно работают в его пользу, такие как:
- Сильный заголовок, объясняющий, что такое Social Sprout, без всякой ерунды.
- Визуально привлекательный дизайн, который подчеркивает эстетику, присутствующую в самом программном обеспечении с помощью снимков экрана
- Отзывы присутствуют в нижней зеленой полосе
- Зеленая пробная кнопка расположена по центру и доминирует на странице, с заманчивым CTA и примечанием «кредитная карта не требуется» под кнопкой для дополнительного поощрения.
С программным обеспечением, похожим на Social Sprout, HootSuite — еще один веб-сайт, который имеет мощную целевую страницу, хотя и использует другой подход.Это работает хорошо, потому что это:
- Обеспечивает возможность входа в HootSuite с другими доверенными сетями, что означает, что посетителям не нужно будет заполнять столько полей формы, поскольку большая часть информации предоставляется при входе в систему .
- Подчеркивает, что программное обеспечение можно бесплатно начать с
- Он имеет сигналы доверия и отзывы, которые очень очевидны и заметны
Подход Pinterest отличается тем, что не тратит много времени на объяснение того, что такое Pinterest, поскольку они могут предположить, что большинство людей о них уже слышали.Вместо этого каждый раз при посещении сайта показывается другой пример ценности Pinterest с более широким объяснением Pinterest (найдите и сохраните все, что вас вдохновляет), которое находится ниже основного заголовка. Что Pinterest делает прямо здесь?
- Легко начать — просто нажмите одну из двух кнопок
- Pinterest подчеркивает, как легко зарегистрироваться, заявив, что это займет всего 45 секунд
- Использование базы пользователей в качестве фактора доверия. Любой сайт с 25+ миллиардами созданного пользователями контента должен делать что-то правильно
Airbnb позволяет легко арендовать дома или комнаты у людей по всему миру в условиях все более ориентированной на акции экономики.Что здесь хорошо выглядит?
- Соблазнительные фотографии, которые сразу же радуют посетителей перспективой путешествия
- Короткие, простые формы ввода, которые позволяют посетителям сразу найти места для проживания
- На этой странице мало что происходит, кроме функции поиска по месту назначения / регистрации, поэтому посетители не будут потеряны или перегружены
Lyft — альтернатива Uber для совместного использования.
- Выделяются конкретные, конкретные цифры в заголовке, где естественным образом нарисован глаз
- Использует схему дизайна F-шаблона для привлечения посетителей сайта внизу страницы, где они могут конвертировать
- Не перегружает посетителя сайта слишком большим количеством копий
- Кнопка CTA отчетливо выделяется на монохроматическом фоне
Constant Contact — это программное решение, которое помогает малым предприятиям проводить маркетинговые кампании по электронной почте.
- Облегчает преобразование super — все, что требуется, это адрес электронной почты Кнопка
- CTA гарантирует посетителю сайта, что конвертация не будет стоить ему или ей денег
- Хотя копия недостаточна, она отправляет очень заманчивое сообщение
LeanBox продает интеллектуальные холодильники на рабочем месте, которые используют машинное обучение, чтобы определить, какие предметы нравятся сотрудникам больше всего.
- Кратко затрагивает общую болевую точку в заголовке
- Короткое анимированное видео дает посетителям сайта интересный способ узнать больше
- Цитата из общенациональной газеты обеспечивает сильное социальное доказательство
- Форма не слишком длинная, поэтому конвертировать сравнительно легко
Wix помогает частным лицам и компаниям создавать простые, красивые веб-сайты.
- Минимальная копия позволяет невероятно легко понять, что предлагает Wix
- Посетителям сайта не нужно предоставлять какую-либо информацию для начала работы
- Кнопка CTA расположена по центру и отчетливо окрашена
- Пример встроенной целевой страницы позволяет посетителям сайта представить, что они могут создать
Blue Apron — это служба подписки на продукты питания, которая доставляет ингредиенты прямо к дверям потребителей.
- Заголовок адресует общую болевую точку отсутствия времени, необходимого для приготовления хорошей еды
- Кнопка CTA предлагает определенную скидку И копия прямо под ней создает дефицит
- Таблички справа и слева от кнопки CTA соблазняют посетителей сайта возможностями
- Нижняя половина страницы демонстрирует простоту процесса
Flock — это приложение, которое облегчает общение между сотрудниками, работающими в одной компании.
- Заголовок указывает на необходимость централизованного и эффективного общения на рабочем месте \
- Subhead подчеркивает разнообразные функциональные возможности, доступные с приложением
- Только с одним информационным полем преобразование не может быть проще
Squarespace, как и Wix, помогает частным лицам и предприятиям создавать веб-сайты.
- Гладкий креатив и минималистичная копия для очень приятного визуального опыта
- Копия заголовка устанавливает отраслевой авторитет
- Посетителям сайта не нужно предоставлять какую-либо информацию перед началом работы
- Пример встроенного сайта приглашает посетителей сайта представить свои возможности
Shopify продает программное решение, которое помогает частным лицам и предприятиям создавать интернет-магазины для своих веб-сайтов.
- Заголовок и подзаголовок лаконично и точно соответствуют намерениям посетителя сайта
- Визуальное объявление показывает 1) что клиенты Shopify имеют возможность создавать и 2) что магазины Shopify работают на всех устройствах
- Относительно длительный период бесплатного пробного предложения заманчиво
- Требуется только адрес электронной почты, чтобы начать процесс
Trendy Butler — это служба подписки на одежду, которая использует машинное обучение для индивидуализации гардеробов потребителей.
- Заголовок выделяется специальным предложением
- F-шаблон дизайна направляет взгляд посетителя сайта на кнопку CTA
- Подзаголовок усиливает болевую точку, которую решает Trendy Butler
- Информация не требуется, чтобы получить мяч катится
Harry’s — это служба подписки на туалетные принадлежности, которая обеспечивает потребности потребителей в бритье по дому.
- Заголовок затрагивает чувство права посетителя сайта
- Подзаголовок гарантирует удобство по требованию, которое требуется потребителям
- Минимальная копия позволяет изображениям продуктов обеспечивать обмен сообщениями
- Невероятно легко конвертировать
Exact Data предоставляет программное решение, которое размещает маркетинговые данные предприятий в централизованных местах.
- Обратный отсчет до конца специального предложения создает ощущение срочности
- Наиболее заметная часть заголовка отражает то, что ищет посетитель сайта
- Резкий контраст между цветом фона и цветом кнопки CTA
- Форма не требует много информации
Smart Sheet помогает частным лицам и предприятиям максимизировать эффективность с помощью программного решения для планирования.
- Заголовок немедленно соответствует цели посетителя сайта
- Требуется только адрес электронной почты, чтобы начать бесплатную пробную версию
- Статистика клиентов и логотипы обеспечивают мощное социальное доказательство
Bloomsy Box — это служба подписки для дома и сада, которая доставляет отобранные цветы к дверям потребителей.
- Шикарная фоновая фотография придает посетителю настроение при покупке
- Subhead удовлетворяет спрос на устойчивые решения
- Предоставляет экономящую время вторую кнопку CTA для тех, кто пытается купить подарок
Мы много говорим об оптимизации целевых страниц здесь, в WordStream, но как вы вообще собираетесь создавать целевую страницу? Вам нужно что-то оптимизировать, прежде чем вы сможете начать оптимизацию! Существует много способов создания целевой страницы: от закатывания рукавов до погружения в кодирование с использованием HTML, CSS и JavaScript и использования веб-служб, позволяющих настраивать шаблоны целевых страниц.
В сегодняшнем посте вы узнаете, как создавать целевые страницы с нуля, и узнаете, какой вариант вам подходит. К концу этого поста вы будете готовы приступить к созданию целевой страницы, которая будет стимулировать конверсии. Если это не похоже на приведенный выше, в этом случае вы, вероятно, захотите переосмыслить свой жизненный выбор.
RELATED: 4 совета по созданию удивительных целевых страниц Facebook
Зачем вам нужно построить целевую страницу
Очень быстро — я хочу обратиться к тому, что мы слишком часто видим здесь, в WordStream.Поскольку они не знают о важности конкретной релевантной целевой страницы, многие маркетологи и владельцы бизнеса будут просто перенаправлять потенциальных клиентов со своих рекламных объявлений Google и Facebook на домашние страницы своего сайта .
Это ошибка, понятная и дорогая. Смотри — мы поняли. Когда вы просматриваете домашнюю страницу своего веб-сайта, кажется, что это наиболее интуитивно понятная, удобная для навигации страница в Интернете. Это то, с чем вы общаетесь ежедневно, и, не осознавая этого, вы можете ошибочно принять собственное знакомство со страницей за потрясающую простоту использования.
Хотя ваша домашняя страница, на самом деле, может быть невероятно хорошо разработана, она все еще не является хорошим кандидатом на вашу целевую страницу. Например, если вы рекламируете холодную аудиторию в Facebook, люди, которых вы перенаправляете на свой веб-сайт, никогда раньше не сталкивались с вашим бизнесом. Скорее всего, они не будут знать, как перейти с вашей домашней страницы к тому предложению, которое вы им предложили в рекламе на Facebook.
И именно поэтому использование вашей домашней страницы в качестве целевой страницы является дорогостоящей ошибкой.Это сбивает с толку перспективы, и запутанные перспективы не очень вероятно конвертируются. На самом деле, запутанные перспективы, возможно, даже не знают, как конвертировать . Одним словом, это катастрофа.
Хорошая новость в том, что это проблема, которую можно избежать. Создавая целевую страницу с помощью методов, которые я опишу ниже, вы настраиваете себя на то, чтобы добиться большего, большего количества конверсий для вашего бизнеса. И поскольку вы будете получать больше конверсий, даже не касаясь своих объявлений, вы будете удивляться окупаемости затрат на рекламу (ROAS).
Хорошо, тогда. Давай покончим с этим.
Создание целевой страницы «трудным» способом
Прежде чем мы углубимся в тонкость создания целевой страницы с нуля, давайте разберемся с одной вещью — да, у HTML, CSS и других веб-технологий есть кривая обучения. Однако изучение кодирования веб-страниц — это не то же самое, что программирование приложения, построение суперкомпьютера или вдохновение (искусственную) жизнь в убийственного робота, стремящегося к мировому господству. Изучение HTML, CSS и JavaScript требует времени и усилий, но это не так сложно, как вы думаете.
Во-первых, давайте рассмотрим каждую из этих веб-технологий и то, что они делают.
HTML
Язык разметки гипертекста, или HTML, является «языком» Интернета. Обратите внимание, что HTML — это не язык программирования, а язык разметки (как следует из его названия), который используется для определения содержимого и структуры веб-страниц. Давайте взглянем.
Изображение предоставлено Mozilla Developer Network
Посмотрите, как содержание и структура страницы определяются кодом?
Основы HTML выходят за рамки этого поста, но в Интернете есть несколько отличных ресурсов, которые могут помочь вам научиться.Некоторые из лучших:
- Codecademy (бесплатные интерактивные упражнения по кодированию на HTML, CSS, JavaScript и др.)
- Treehouse (обширная видеотека, бесплатная пробная версия, ежемесячная подписка)
- Mozilla Developer Network (бесплатные текстовые руководства по различным веб-технологиям, включая HTML)
- HTML Dog (больше учебников с большим количеством примеров кода)
CSS
HTML определяет содержание и структуру веб-страниц, а каскадные таблицы стилей (CSS) определяют, как выглядят веб-страницы.Таблицы стилей называются каскадными, поскольку изменения, внесенные в таблицу стилей верхнего уровня, могут «каскадно» распространяться на весь сайт, что позволяет вносить широкомасштабные изменения в внешний вид вашего сайта путем корректировки кода одного стиля. простынь.
В прошлом CSS-код вставлялся непосредственно в HTML-документы, но это не лучшая практика — конечно, это будет работать, но у вас не будет вредных привычек. Держите ваш CSS и HTML код отдельно.
Вот пример того, как выглядит код CSS:
Опять же, мы не будем здесь вдаваться в свойства, значения, селекторы и объявления, но есть много ресурсов, которые помогут вам быстро освоиться, включая сайты, перечисленные в разделе HTML выше.
Чтобы понять, насколько мощным может быть CSS, ознакомьтесь с CSS Zen Garden Дэйва Ши. Хотя в это может быть трудно поверить, каждый из приведенных здесь примеров стилей применяется к одному и тому же HTML-коду. Довольно круто, правда? Внося изменения в CSS целевой страницы, вы можете экспериментировать с радикально различными дизайнами, не возвращаясь назад и не настраивая вручную HTML каждой страницы.
JavaScript
Итак, вы создали функциональную (и очень красивую) целевую страницу — теперь вам нужно добавить немного интерактивности.Это очень важно для целевых страниц, так как вы хотите, чтобы ваши потенциальные клиенты действительно что-то сделали, независимо от того, загружали ли вы официальный документ или запрашивали объявление о продаже. Это достигается с помощью призывов к действию на основе JavaScript.
JavaScript — это «настоящий» язык программирования, но он чаще всего используется в качестве языка сценариев на стороне клиента. Проще говоря, это означает, что JavaScript заставляет ваш браузер выполнять большую часть работы.
Вот фрагмент кода JavaScript:
JavaScript можно использовать для добавления функциональности на веб-страницу, например:
- Передача информации на серверы через веб-формы
- Создание всплывающих окон
- Аутентифицировать ввод пользователя, такой как учетные данные для входа
- Анимированные навигационные элементы…
Если вы серьезно относитесь к созданию собственной целевой страницы вручную, вам понадобятся некоторые технические навыки, но вознаграждение может быть отличным.С одной стороны, вы будете иметь полный контроль над тем, как именно ваша страница структурируется, отображается и взаимодействует с вашими серверами. Вы также получаете серьезные права хвастаться тем, что разработали и закодировали свою страницу в одиночку. Шаблоны? Нам не нужны вонючие шаблоны!
Тем не менее, этот подход требует много времени для начинающего программиста, не говоря уже о том, что он немного пугающий. Должен быть более легкий путь, верно?
Создание целевой страницы легким способом
Итак, вам нужна целевая страница быстро.Чем ты занимаешься? Используйте шаблон! Но не расстраивайтесь — во многих случаях это лучший способ создать целевую страницу. (Если при использовании шаблона вы все еще рисуете бланк, проверьте вдохновение на целевой странице, чтобы эти творческие соки текли.)
Есть много сайтов, где создание целевой страницы очень просто. Мы рассмотрим два из них — Unbounce и Wix.
Unbounce
Целевая страница в верхней части этого поста была построена из существующего шаблона с использованием Unbounce, который позиционируется как «конструктор целевых страниц для маркетологов.”
Одним из основных преимуществ использования Unbounce является то, что он включает в себя ряд функций, специально предназначенных для людей, которые в основном ориентированы на конверсии. Еще одним преимуществом использования Unbounce является то, что вы можете A / B протестировать две версии целевой страницы, чтобы определить, какая из них более эффективна для повышения коэффициента конверсии — бонус!
Unbounce предлагает более 80 шаблонов для почти всех типов целевых страниц, которые вам могут понадобиться, включая выпуски продуктов, страницы подписки на рассылку новостей по электронной почте, загрузки электронных книг, страницы онлайн-обучения и многое другое.Я выбрал шаблон «Click Through Minimalist Desktop Light» для примера в верхней части этого поста. Вы также можете начать с пустой страницы и начать с чистого листа, если вы чувствуете себя честолюбивым.
Допустим, вы хотите создать целевую страницу для кампании PPC нового поколения, которую вы запускаете. Шаблон «Йорк» — отличное место для старта этого типа страниц.
Unbounce позволяет настроить каждый элемент шаблона в соответствии с вашими потребностями.Вы можете изменить копию, использовать разные шрифты, переключать изображения и даже перемещать целые элементы куда угодно. Всего за несколько минут я смог придумать этот вариант:
Это не очень хорошо продумано, но это не главное — эта быстрая и грязная модернизация заняла менее 10 минут, и потребовалось с нулевым кодированием . Представьте, что вы можете сделать за несколько часов!
В целом, Unbounce — это отличная платформа для создания целевой страницы.Это не бесплатно (цена начинается с 49 долларов в месяц для предпринимателей и новых предприятий), но вы можете подписаться на бесплатную пробную версию, чтобы начать пачкать руки.
Wix
Принимая во внимание, что Unbounce предназначен специально для маркетологов, надеющихся повысить конверсию, Wix — это более общее назначение.
Wix предлагает широкий выбор шаблонов, с разбивкой по типам бизнеса и отрасли. Например, предположим, что вы управляете сайтом электронной коммерции, специализирующимся на декоративно-прикладном искусстве ручной работы.
После того, как вы выбрали тип вашего бизнеса, вам будет представлен ряд шаблонов, разработанных с учетом вашего типа бизнеса. Вот некоторые шаблоны для интернет-магазинов ремесел и хобби.
Теперь пришло время начать настраивать вашу страницу. Я выбрал шаблон «Lil Pillow Shop», потому что тайно люблю подушку с контроллером игровой приставки. Позор, что мой кот, вероятно, разрушит его — вот почему у меня не может быть хороших вещей.
Wix предлагает несколько вариантов настройки, хотя и не так много, как Unbounce.Конечно, если вам не нужно , нужно , чтобы возиться с каждым последним элементом страницы, это может удовлетворить ваши потребности.
Один из самых больших недостатков Wix заключается в том, что многие из шаблонов нельзя считать целевыми страницами, поскольку во многих из них отсутствуют призывы к действию, формы и другие элементы, которые действительно необходимы для ваших целевых страниц.
Что-то еще, чего не хватает Wix, что многие маркетологи и владельцы бизнеса могут разочаровать, — это невозможность добавлять пользовательские формы и другие элементы на страницу — если ее там нет, вам не повезло.Это может быть особенно раздражающим, если вы найдете шаблон, который вам действительно нравится, но не хватает необходимой вам функциональности.
В целом, Wix — отличный сервис для малых предприятий, которым нужно быстро присутствовать в Интернете, но для создания целевой страницы он оставляет желать лучшего.
Известные упоминания
Конечно, Unbounce и Wix далеко не единственные инструменты, которые могут помочь вам создать целевую страницу. Другие заметные упоминания включают в себя:
- SquareSpace (мощная аналитическая поддержка, регистрация доменов, услуги хостинга)
- Moonfruit (адаптивный дизайн на HTML5, удобен для электронной коммерции)
- Weebly (интерфейс перетаскивания, поддержка аналитики, низкие месячные цены)
Имейте в виду, однако, что хотя каждая из этих служб упрощает создание целевой страницы, они могут не предлагать необходимую вам функциональность, особенно если вы планируете создавать целевые страницы с весьма специфическими призывами к действию, которые будут дополнять ваш КПП усилиями.
Написание целевой страницы копии
Итак, теперь у вас есть несколько разных способов создания целевой страницы. Но, как я уже говорил ранее в этом посте, целевая страница хороша только для конверсий, которые она совершает. И если вы не оптимизируете свою целевую страницу и копию , вы вряд ли увидите большую отдачу.
Вот несколько советов, которые следует учитывать при написании копии целевой страницы. Вы также можете послушать наш эпизод подкаста Goal Talk на эту тему.Проверьте это по адресу: Goal Talk Podcast Episode 13: Анатомия целевой страницы.
Внедрите немного жизни в свой CTA
Ничто так не убивает, как холодный, далекий, скучный CTA. Предполагается, что ваша целевая страница CTA является частью головоломки, которую вдохновляет их конвертировать в . Следовательно, ваш CTA должен быть убедительным.
«Отправить», «Зарегистрироваться» и «Войти» являются противоположностью вдохновляющим. Те гарантированно потеряют потенциальные конверсии и отправят вашу CPA через крышу.Не используйте их.
«Получите мой бесплатный отчет», «Отправьте мне руководство» и «Давайте приступим к работе», с другой стороны, заряжены энергией и интересны — виды CTA, которые побуждают людей взволноваться по поводу конвертации. Внедрение индивидуальности в ваш CTA — это удивительно простой способ получить больше конверсий без дополнительных затрат.
Держите ваши сообщения согласованными
Безошибочный способ потерять конверсию состоит в том, чтобы потрясти вашего потенциального клиента целевой страницей, которая не похожа на рекламу, которая предшествовала ему.Если ваша рекламная копия на Facebook подчеркивает все деньги, которые люди могут сэкономить, используя ваш продукт, но целевая страница содержит подробную информацию о функциях вашего продукта, вы не можете ожидать, что люди конвертируют. Это та же проблема, с которой вы столкнетесь, если будете использовать свою домашнюю страницу в качестве целевой страницы: вы будете путать потенциальных клиентов с конверсией.
Итак, когда вы пишете копию своей целевой страницы, откройте объявление, которое будет направлять людей на целевую страницу, и убедитесь, что вы сохраняете согласованность. Тон, ценность, предложение — все это.
Никогда не прекращайте A / B-тестирование
Оптимизация обменного курса — непостоянный бизнес. Хотя это вряд ли супер , малейшие изменения (например, изменение «Получить руководство» на «Получить мое руководство») могут иногда иметь огромные различия.
Независимо от того, насколько вы довольны текущим коэффициентом конверсии или ценой за конверсию, вы никогда не должны прекращать A / B-тестирование копии целевой страницы. Конечно, некоторые тесты в итоге окажутся неудачниками. Но время от времени вы наталкиваетесь на изменения в обмене сообщениями, которые существенно повышают коэффициент конверсии.
Не бойтесь быть смелым, либо. Изменение цвета вашей кнопки CTA является привлекательным, потому что это в основном без риска. Но это, вероятно, также бесплатно. Пока вы внимательно следите за своими данными о конверсиях, вы можете позволить себе проводить рискованные, готовые тесты.
Ты никогда не знаешь. Ваша самая безумная идея может оказаться самой прибыльной.
Если вы являетесь пользователем WordStream…
Знаете ли вы, что ваша подписка на WordStream Advisor дает вам право на использование нашего CRO Toolkit? CRO Toolkit — это недорогое дополнение к вашей ежемесячной подписке, которое позволяет создавать гладкие целевые страницы и привлекательные всплывающие окна, которые побуждают посетителей сайта к действию.Короче говоря, это решение, которое вам нужно для увеличения числа конверсий при меньших затратах.
Вы можете узнать больше о CRO Toolkit здесь. И если вы не являетесь клиентом WordStream, вы можете начать бесплатную пробную версию WordStream Advisor уже сегодня!
Создать целевую страницу
Целевые страницыMailchimp помогут вам расширить аудиторию и продвигать товары и услуги. Опубликованные целевые страницы легко обмениваются в Интернете или в других кампаниях Mailchimp, поэтому вы можете сразу же начать привлекать трафик. И если на вашей странице есть форма регистрации, вы можете пометить любого, кто подписывается.
В этой статье вы узнаете, как создавать и управлять целевой страницей в Mailchimp.
Прежде чем начать
Вот некоторые вещи, которые необходимо знать перед началом этого процесса.
- Найдите минутку, чтобы узнать о Landing Pages в Mailchimp.
- Целевые страницы должны быть связаны с аудиторией в вашем аккаунте. После публикации своей страницы вы не можете изменить аудиторию.
- Построитель целевой страницы не мешает вам публиковать контент по умолчанию в вашем макете.Мы настоятельно рекомендуем предварительно просмотреть целевую страницу и проверить настройки перед публикацией.
- фреймов и пользовательский HTML нельзя использовать на целевых страницах.
- . Поскольку теги слияния извлекают отдельные контактные данные из вашей аудитории, их нельзя использовать на общедоступных целевых страницах.
- Чтобы добавить теги на целевые страницы, пользователь должен иметь уровень администратора или выше.
Создать целевую страницу
Сначала вы назовете свою новую целевую страницу и выберете аудиторию.Если ваша целевая страница содержит форму регистрации, новые подписчики будут добавлены в эту аудиторию.
Чтобы создать целевую страницу, выполните следующие действия.
- Нажмите, чтобы начать целевую страницу.
- Введите имя для вашей целевой страницы. Это имя для справки и не видно посетителям целевой страницы.
- Используйте выпадающее меню для выбора аудитории.
- Нажмите Начните .
Отличная работа! Это приведет вас к конструктору целевой страницы.
Создай свой контент
Теперь вы выберете шаблон и добавите свой контент. Некоторые шаблоны специально предназначены для сбора подписчиков или продвижения продуктов, но вы можете добавить блок формы регистрации или блок продукта в любой макет.
Чтобы создать целевую страницу, выполните следующие действия.
- Щелкните по шаблону, который вы хотите использовать.
Чтобы узнать больше о параметрах шаблона целевой страницы, прочитайте Типы шаблонов целевой страницы. - В макете настройте или добавьте блоки содержимого по мере необходимости. Если вам нужно вдохновение, ознакомьтесь с нашими советами по дизайну. Примечание : Некоторые шаблоны целевых страниц содержат заполнитель логотипа, который предназначен для автоматического добавления логотипа вашего бренда по умолчанию. Чтобы узнать больше об этом заполнителе и о том, как его использовать, прочитайте «Установить логотип по умолчанию».
- Нажмите Preview в правом верхнем углу, чтобы увидеть, как будет выглядеть ваша страница.
- После того как вы разработали и предварительно просмотрели свой контент, нажмите Сохранить и закрыть .
После сохранения дизайна вы добавите заголовок страницы и URL-адрес, добавите теги, если необходимо, а также просмотрите настройки и отслеживание.
Добавить заголовок страницы
Теперь вы выберете заголовок страницы. Заголовок страницы отображается в веб-браузерах посетителей, поэтому убедитесь, что они описывают содержимое.
Чтобы добавить заголовок страницы, выполните следующие действия.
- В разделе Page Title построителя целевой страницы нажмите Добавить заголовок страницы .
- Введите текст, который посетители хотят видеть в строке заголовка браузера, и нажмите Сохранить .
Добавить URL
Теперь вы добавите URL. Вы можете создать бесплатный URL для своей целевой страницы, используя домен Mailchimp. Если у вас есть платный план, вы можете настроить URL своей целевой страницы в соответствии с доменом, который вы подключили или приобрели в Mailchimp.
Чтобы добавить URL-адрес своей целевой страницы, выполните следующие действия.
- В разделе URL-адреса построителя целевой страницы щелкните Добавить URL .
- Выберите Использовать пользовательский домен или Использовать домен Mailchimp .
- Щелкните раскрывающийся список, чтобы выбрать настраиваемый домен или домен Mailchimp, который вы хотите использовать, а затем введите оставшуюся часть URL-адреса в доступное поле.
- Когда вы закончите, нажмите Сохранить .
Изменить аудиторию и теги
Здесь вы можете подтвердить или изменить аудиторию, связанную с вашей целевой страницей. Если ваш макет включает в себя форму регистрации, вы также можете добавить до пяти тегов для любого контакта, который подписывается через целевую страницу.
Чтобы добавить теги к контактам, которые регистрируются на целевой странице, выполните следующие действия.
- В разделе Аудитория и теги построителя целевой страницы нажмите Изменить аудиторию .
- Нажмите Сохранить .
Редактировать настройки и отслеживание
В разделе «Настройки и отслеживание» вы можете добавить отслеживание с помощью Mailchimp, Facebook Pixel или Google Analytics на своей целевой странице. Мы также сообщим, включен ли reCAPTCHA.
Прежде чем вы сможете использовать отслеживание на своей целевой странице, вы должны согласиться с нашими дополнительными условиями использования.
Чтобы изменить параметры отслеживания для целевой страницы, выполните следующие действия.
- Перейдите к разделу Настройки и отслеживание и нажмите Изменить .
- Нажмите Принять , чтобы подтвердить свое согласие с нашими дополнительными условиями. Вам нужно будет только принять условия один раз.
- Установите флажки рядом с опциями отслеживания, которые вы хотите включить.
- Наша функция Track with Mailchimp подсчитывает количество уникальных посетителей вашей целевой страницы и добавляет эти данные в отчет о вашей кампании. Если ваша страница содержит блок контента формы регистрации, вы также увидите, сколько посетителей страницы подписались на вашу аудиторию, что мы называем конверсиями.Чтобы узнать больше, ознакомьтесь с нашей статьей о том, как использовать Track with Mailchimp на своей целевой странице.
- С помощью пикселя Facebook вы можете собирать данные для создания рекламных объявлений Facebook, которые с большей вероятностью будут перенаправлять и конвертировать людей, просматривающих вашу целевую страницу. Чтобы узнать, как его настроить, ознакомьтесь с нашей статьей о том, как использовать пиксель Facebook на своей целевой странице.
- Чтобы включить Google Analytics, введите свой идентификатор Google Analytics. Чтобы узнать больше, ознакомьтесь с нашей статьей о том, как использовать Google Analytics на своей целевой странице.
- Нажмите Сохранить .
Вот и все! Как только вы опубликуете, мы начнем собирать данные, когда люди посещают вашу страницу в Интернете и взаимодействуют с ней.
Опубликуйте свою целевую страницу
Когда вы будете готовы, нажмите кнопку Опубликовать , чтобы опубликовать свою целевую страницу.
После публикации ваша страница будет работать в Интернете, но не будет проиндексирована, поэтому никто не увидит ее, пока вы не поделитесь ссылкой.Мы скомпилируем данные отчета, когда люди зайдут на вашу страницу и подпишутся на ваш маркетинг или совершат покупки.
Подробнее о отчетах по целевой странице.
После публикации
После публикации пришло время привлечь трафик на целевую страницу, чтобы вы могли начать видеть результаты. Вот несколько вещей, которые вы можете сделать.
- Продвигайте свою страницу
Продвигайте и делитесь своей страницей со своими контактами через другие кампании, которые вы создаете в Mailchimp.Создайте автоматизацию для своих подписчиков или клиентов на целевой странице, запустите объявление для своей целевой страницы или создайте ссылку на свою страницу в обычной кампании по электронной почте. Вы также можете поделиться пользовательским URL для своей целевой страницы на любой платформе социальных сетей.
Рекламируйте свою целевую страницу - Просмотр отчетов
Мы начнем собирать данные отчетов по мере того, как люди посещают вашу страницу и подписываются на ваш маркетинг или совершают покупки.
Отчеты о целевых страницах - Показывайте объявления посетителям вашей целевой страницы
Создавайте ретаргетинг для всех, кто посещает вашу целевую страницу.Вы можете создавать уникальные объявления для показа посетителей вашей целевой страницы в Facebook, Instagram и рекламной сети Google.
О Facebook и Instagram Ретаргетинг рекламы
Начало работы с Google Remarketing Ads - Целевые подписчики целевой страницы
Если ваша целевая страница включает в себя форму регистрации, вы можете автоматически отмечать людей, когда они подписываются. Затем вы можете использовать исходные данные тегов или регистрационных данных, чтобы отфильтровать аудиторию по сегментам для целевых кампаний, таких как автоматическая серия приветствий или специальное предложение.
Сегмент по источникам регистрации
Создание автоматического приветствия
Управление целевыми страницами
После публикации целевой страницы вы можете отредактировать, отменить публикацию или удалить ее.
Редактировать целевую страницу
Вы можете в любое время внести изменения в заголовок целевой страницы, URL, дизайн и настройки отслеживания. После публикации вы не сможете изменить связанную аудиторию, но вы все равно можете добавлять или редактировать теги, если на вашей странице есть форма регистрации.
Чтобы изменить целевую страницу, выполните следующие действия.
- Перейдите на страницу Кампании в своей учетной записи.
- Если у вас более одной аудитории, щелкните раскрывающийся список Текущая аудитория и выберите ту, которая связана с вашей целевой страницей.
- Нажмите раскрывающееся меню для страницы, с которой вы хотите работать, и нажмите Изменить .
- Внесите любые необходимые изменения на своей странице.
- Когда вы будете готовы, нажмите Сохранить и опубликовать , чтобы немедленно опубликовать изменения.
Путь! Ваши изменения теперь доступны в Интернете.
Отменить публикацию целевой страницы
Чтобы отменить публикацию целевой страницы, выполните следующие действия.
- Перейдите на страницу Кампании в своей учетной записи.
- Если у вас более одной аудитории, щелкните раскрывающийся список Текущая аудитория и выберите ту, которая связана с вашей целевой страницей.
- Нажмите раскрывающееся меню для страницы, с которой вы хотите работать, и нажмите Отменить публикацию .
- Во всплывающем окне введите UNPUBLISH и нажмите Unpublish .
Вы можете оставить свою целевую страницу неопубликованной, отредактировать и повторно опубликовать ее или удалить.
Удалить целевую страницу
Когда вы удаляете целевую страницу из своей учетной записи, вы также теряете все свои отчетные данные. Мы настоятельно рекомендуем отменить публикацию целевых страниц, которые вы хотите отключить, но сохраняйте кампанию в своей учетной записи Mailchimp, чтобы вы могли получить доступ к ее данным.
Как неопубликованные, так и удаленные целевые страницы будут отображать сообщение 404 страница не найдена, когда кто-то пытается посетить URL. Если вам все еще нужно удалить целевую страницу, проверьте Удалить кампании из своей учетной записи.
,В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для маркетинговой или рекламной кампании. Это место, где посетитель «приземляется» после того, как он щелкнет ссылку в электронном письме или в объявлениях Google, Bing, YouTube, Facebook, Instagram, Twitter или аналогичных мест в Интернете.
В отличие от веб-страниц, которые обычно имеют много целей и поощряют исследование, целевые страницы — это , разработанные с одним фокусом или целью , известной как призыв к действию (или сокращенно CTA).
Именно этот фокус делает целевые страницы наилучшим вариантом для повышения коэффициента конверсии ваших маркетинговых кампаний и снижения затрат на привлечение потенциальных покупателей или продажу.
Вот где целевые страницы могут вписаться в вашу маркетинговую воронку:
Как видите, целевая страница существует после того, как потенциальные клиенты в верхней части воронки нажимают на ссылку в объявлении, электронном письме или где-либо еще в Интернете. Здесь происходит преобразование (например, покупка, регистрация или регистрация).
В. Подождите, не может ли какая-либо страница быть целевой страницей?
Технически, конечно. Этот термин используется, например, в Google Ads and Analytics. Но не все страницы назначения сделаны равными. В Unbounce мы используем термин «целевая страница» для описания страницы, специфичной для кампании, с одним призывом к действию и без навигации по сайту.
Ключевое различие между домашней страницей и целевой страницей
(или почему целевые страницы так чертовски хороши при конвертации)
Ниже у нас есть домашняя страница и целевая страница, расположенные рядом.Посмотрите, как на главной странице тонн ссылок , а на целевой странице только и ? Это довольно типично.
Хотя домашняя страница имеет множество потенциальных отвлекающих факторов — вы можете называть их «утечками» вместо ссылок — целевая страница очень сфокусирована. Если на вашей целевой странице будет меньше ссылок на , то конверсии увеличатся на , поскольку меньше привлекающих внимания кликабелей, которые отвлекут посетителей от призыва к действию. Вот почему опытные маркетологи всегда используют выделенную целевую страницу в качестве места назначения своего трафика.
Конечно, домашняя страница выглядит потрясающе. Он демонстрирует бренд, позволяет людям исследовать ассортимент продукции и предлагает дополнительную информацию о компании и ее ценностях. Отсюда посетитель может отправиться куда угодно — подать заявку на работу, прочитать некоторые пресс-релизы, ознакомиться с условиями предоставления услуг, опубликовать сообщения на форумах сообщества и т. Д.
Но они не обязательно сделают покупку. И в этом все дело.
Целевая страница для этого клиента служит совершенно другой цели. В сочетании с супер гладкой рекламой, которая продвигает одно предложение, все в нем усердно работает, чтобы превратить этих посетителей в клиентов, .Это делает лучшую работу, чтобы преобразовать трафик, который уже получает бренд. Это сила целевых страниц!
Есть еще вопрос о целевых страницах?
Мы слышим тебя. Вот три вопроса, которые нам часто задают:
1. Что мне нужно включить в свои целевые страницы?
2. У меня есть целевая страница, но как узнать, насколько она хороша?
3. Как лучше всего начать создавать целевую страницу?
Q.Почему бы просто не заплатить, чтобы увеличить мой трафик?
Запуск рекламных объявлений или кампаний по электронной почте обходится дорого, а поисковая оптимизация может занять очень много времени. Используя целевые страницы, вы конвертируете больше своих существующих посетителей в и расширяете эти важные ресурсы (мы имеем в виду деньги и время).
Типы целевых страниц
Вы увидите много вариантов, в зависимости от специфики бизнеса, но на самом деле есть две архетипические целевые страницы (определяемые их целями):
Целевые страницы поколения потенциальных клиентов : Также называемые страницами «лидерство» или «захват свинца», они используют форму в качестве призыва к действию.Эта форма почти всегда собирает данные о потенциальных клиентах, такие как имена и адреса электронной почты посетителей. (Вы можете прочитать некоторые сертифицированные экспертами стратегии потенциальных клиентов здесь.)
Маркетологи B2B и компании, продающие дорогие товары, используют этот тип целевой страницы для составления списка потенциальных клиентов. Иногда они предлагают что-то бесплатно, например, электронную книгу или вебинар, в обмен на контактную информацию. Бренды электронной коммерции также могут использовать эти страницы для составления списков, а также для бесплатной доставки или специальных предложений.
Страницы перехода по ссылкам: Часто используемые маркетологами электронной коммерции и SaaS (программное обеспечение как услуга), страницы переходов по ссылкам сразу переходят к продажам или подписке.Обычно они имеют простую кнопку в качестве призыва к действию, которая отправляет посетителя в поток оформления заказа (например, в магазине приложений) или завершает транзакцию.
Привлечение трафика на целевые страницы
Вам нужно будет заполнить эту воронку посетителями, чтобы ваша целевая страница заработала. К счастью, у вас есть много вариантов. Давайте рассмотрим некоторые из наиболее распространенных источников трафика на целевые страницы.
Платный поисковый трафик
Большинство поисковых систем включают платную рекламу.Когда кто-то что-то ищет (скажем, «клуб сыра месяца»), эти объявления появляются в заметках, но не слишком четко — в результатах поиска. Вот типичный пример от Google:
В отличие от других результатов на странице, объявлений с оплатой за клик готовятся и оплачиваются маркетологами. Кто-то, кто нажимает, будет заправлен вашей очаровательной копией (и, иногда, вашими визуальными эффектами). И вы, скорее всего, настроили таргетинг на них по их поисковому запросу, демографическим данным или интересам, выявленным в истории просмотров.
Важно, что когда вы создаете рекламу, вы можете выбрать, куда ссылку приведет ваш посетитель. Да, вы можете отправить их на свою домашнюю страницу. Но, как мы рассмотрим ниже, гораздо лучше создать отдельную целевую страницу, которая соответствует вашей копии объявления и предлагает четкий призыв к действию .
Платный социальный трафик
Размещение рекламы на сайтах социальных сетей, таких как Facebook, Instagram, Twitter или LinkedIn, — отличный способ привлечь людей и сообщества, которые будут особенно заинтересованы в вашем бренде, независимо от того, находятся ли они на рынке. все же.
Вместо людей, которые ищут «клуб сыра месяца», вы можете рекламировать людей, которые добавили «сырную оценку» в список своих интересов в профиле на Facebook. Прелесть этого в том, что вы можете связаться с клиентами, прежде чем они начнут искать ваш продукт — или прежде, чем они захотят!
Помимо предоставления расширенных функций таргетинга, каждый социальный канал имеет свои особенности. Instagram, например, хорошо работает для продуктов и брендов стиля жизни с сильной визуальной привлекательностью.С другой стороны, рекламодатели B2B предпочитают использовать LinkedIn для привлечения профессионалов, работающих в определенных отраслях.
Email Campaigns
Электронная почта часто рекламируется как самый эффективный маркетинговый канал из-за ее огромного охвата (и низкой стоимости) по сравнению с другими платформами. Исследование Radicati Group, проведенное в 2018 году, предполагает, что к 2022 году число пользователей электронной почты достигнет 4,2 миллиарда. Это больше половины планеты!
Мощная комбинация электронных писем и целевых страниц может использоваться как для развития существующих отношений с клиентами, так и для приобретения новых.После создания списка контактов ваше тщательно разработанное электронное письмо позволяет соблазнить читателей своим предложением, а целевая страница заполняет детали и направляет посетителей к призыву к действию.
Органический поисковый трафик
Термин «органический трафик» относится к любым посетителям, которые приходят из неоплачиваемого источника — например, из нижней половины результатов поиска Google или Bing (SERP). Создавая привлекательный, законно полезный контент на вашем веб-сайте или целевых страницах, вы можете обеспечить более частое появление вашего бизнеса в связанных поисках.Чем выше рейтинг вашего контента, тем лучше.
Назвать его «неоплаченным», однако, немного вводит в заблуждение. Это не значит, что в рейтинг не вкладываются время и деньги. (Если только!) Существует целая область профессионалов, посвященная извлечению из Google как можно большего органического трафика посредством баланса тщательной стратегии, технических ноу-хау и блестящего создания контента. Это поисковая оптимизация (SEO) в двух словах. (Узнайте больше о SEO для целевых страниц здесь.)
Q.Есть ли другие каналы, где работают целевые страницы?
Невозможно охватить все случаи использования, которые мы видели. Например, вы можете показывать нативную рекламу во время подкаста, создавать интерактивные викторины или показывать традиционные печатные объявления с QR-кодами. Независимо от того, как вы заполняете верхнюю часть своей воронки, целевая страница поможет вам максимально использовать ее.
Почему бы не узнать немного больше?
Эй, у тебя есть основы. Теперь, когда мы знаем, что такое целевая страница, давайте рассмотрим пять ключевых элементов, которые должны быть у каждой целевой страницы с высокой конверсией.
.