Как создать идеальный лендинг пейдж с высокой конверсией?
Когда мы употребляем словосочетание «лендинг пейдж», как правило, речь идет о независимой от основного ресурса веб-странице с конкретной целью, обычно генерация лидов или другое целевое действие.
Как поднять конверсию более, чем на 1200%?
Компания VividBoard, производящая кастомизированные маркерные доски, после оптимизации целевой страницы, отметила повышение конверсии с 2% до 27%. Отличный результат для данной сферы бизнеса!
До того, как они добились увеличения конверсии на 1250%, их лендинг пейдж ничем не отличался от стандартной веб-страницы, без конкретной цели (со множеством ссылок) и низкой результативностью:
Исходная страница VividBoard содержала много ненужной информации
Как компании удалось в корне изменить ситуацию? Они разработали новую целевую страницу, руководствуясь следующими принципами:
1. Четко формулируйте задачу
Когда посетитель попадает на вашу страницу, у него должен быть только один вариант конверсионного действия. Задача посадочных страниц в лидогенерации — получить адрес электронной почты пользователя, предложить скачать электронную книгу и т. д.
Дизайн вашей страницы должен располагать пользователя к активному действию:
Цель страницы выше — получить email посетителя, и большая, яркая кнопка призыва к действию с кратким описанием способствуют этому
2. Используйте визуальные элементы
Это помогает направить взгляд в нужную вам сторону. Если цель лендинга — привести пользователя к конверсионному действию, все элементы должны подталкивать его к этому. Вы можете задействовать разные визуальные приемы, например, цвет, структуру или изображения. Человек должен пробежаться глазами по всем ключевым элементам и в итоге прийти к кнопке СТА:
Наши глаза непроизвольно следуют за взглядом девушки на картинке, прямо к элементу СТА
3. Будьте аккуратны с полями лид-формы
Многие маркетологи допускают ошибку, пытаясь получить от людей больше информации, чем те готовы предоставить. Среднестатистический пользователь откажется заполнять 10 различных полей лид-формы, чтобы получить обычную электронную книгу, и вы не должны заставлять его делать это. В конце концов, достаточно получить его имя и адрес электронной почты, чтобы посадочная страница работала.
Сфокусируйтесь на основной цели — все элементы вашей страницы должны соответствовать единой концепции
Твитнуть цитату
4. Не создавайте лендинг для себя
Лендинг пейдж должна быть направлена на удовлетворение потребностей вашей целевой аудитории: какую пользу получат посетители, скачав электронную книгу или подписавшись на ваши новости? Страницы, содержащие слишком много информации о вашей компании, менее привлекательны для потребителей.
Следование этим принципам позволило VividBoard значительно увеличить конверсию:
Так выглядит страница VividBoard после оптимизации
Структура хорошей лендинг пейдж
Теперь когда вы знаете основные принципы создания хорошей целевой страницы, можно перейти к правильной структуре. Какие элементы должен содержать ваш лендинг, а какие лучше исключить? Как правило, достаточно использовать следующие 6 элементов:
1. Заголовок и подзаголовки
2. Краткое (или подробное) описание оффера
3. Одна (или больше) картинка или видео
4. Отзывы, ваш логотип или знак качества
5. Лид-форма
6. Копка призыва к действию
На первый взгляд все просто, но есть вещи, о которых нужно забыть при разработке целевой страницы. Например, стоит отказаться от навигационных ссылок, используемых на основном сайте. Это позволит посетителям сконцентрироваться на конверсионном действии. Также стоит исключить не относящийся к делу текст, посторонние CTA-кнопки и все, что отвлекает от главной цели.
Удачные решения для настройки целевых страниц
Создание лендинга с нуля — непростое занятие, но существует множество общих моментов, которые могут помочь в процессе:
Если пользователь перешел к вам по рекламной ссылке, удостоверьтесь, что заголовок страницы и текст объявления совпадают.
Кнопка призыва к действию должна быть большой, заметной и располагаться в верхней части страницы.
Если используете изображения людей или символы, например, линии и стрелки, убедитесь, что они направляют пользователя к кнопке призыва к действию.
Сфокусируйтесь на основной цели — все элементы вашей страницы должны соответствовать единой концепции.
Ваше сообщение должно быть лаконичным — опустите все лишнее: картинки, текст, цвета и так далее.
Разместите на посадочной странице мнения клиентов. Лучше использовать реальные отзывы.
Упростите восприятие вашего текста с помощью буллетов и подзаголовков.
Укажите номер телефона, чтобы вызвать доверие и наладить дополнительный контакт с клиентами.
Тестируйте различные версии, чтобы отследить, как незначительные изменения могут повлиять на конверсию и рейтинг кликабельности.
Успешные целевые страницы
Теперь, когда вы знаете, с чего начать создание идеальной лендинг пейдж, рассмотрим, как работают эти принципы на примере реальных кейсов.
Простой лендинг сервиса Vizicities с отличным заголовком:
«Мы возвращаем города к жизни с помощью интернета»
Желательно, чтобы ваше предложение было ориентировано на удовлетворение потребностей клиента, как бы отвечая на вопрос: «Почему это важно для меня?»:
«Измени мир в своем офисе»
Лаконичная форма обратной связи позволяет пользователю сосредоточиться на действии:
Вы готовы приступить к созданию собственного лендинг пейдж? Замечательно! Благодаря различным сервисам вы можете получить хорошие результаты, не прибегая к услугам дизайнеров, разработчиков и маркетологов. Следующие инструменты помогут создать успешную целевую страницу без лишних затрат:
1. Для создания короткого, но эффективного текста (на английском): Hemingway App.
2. Для поиска или создания ярких изображений: Pixabay, Canva, Flickr и др.
3. Для тестирования различных версий и аналитики: Optimizely, Kissmetrics и др.
И конечно же, вы можете воспользоваться сервисом LPgenerator, с помощью которого возможно запустить лендинг на основе готовых шаблонов буквально за один вечер.
Вот лишь несколько примеров лендингов, доступных в нашей галерее:
Лендинг для стартапа
Страница по продаже инфоуслуг
Лендинг для консалтингового агентства
Оцените результаты
Вы уже знаете, из каких этапов состоит разработка целевой страницы, но как определить, что ваш лендинг успешен? На какие показатели обратить внимание в первую очередь? Следующие критерии помогут оценить эффективность лендинг пейдж и понять, что можно улучшить:
1. Коэффициент конверсии (Conversion rate) — отражает количество посетителей, выполнивших желаемое действие: покупка, подписка на рассылку и т. д. Этот показатель наиболее важен, поскольку дает понять, достигается ли цель, ради которой была создана страница .
2. Показатель ухода (Form abandonment rate). Люди начинают заполнять лид-форму и бросают на полпути? Такие действия важно отслеживать, чтобы оптимизировать работу вашей целевой страницы, например, сократив количество вопросов в форме или пересмотрев текст предложения.
3. Показатель отказов (Bounce rate). Как много людей покинули ваш лендинг в первые же несколько секунд или просмотрев не более одной страницы сайта? Даже хорошие целевые страницы могут иметь 70-90% отказов (поскольку не включают навигационные ссылки). Ваша цель — сделать страницу релевантной для посетителей. Хороший способ заставить пользователя остаться — добавить дополнительный призыв к действию после клика на CTA-кнопку, например, с таким текстом: «Спасибо за регистрацию. Узнайте больше о нашем сервисе». .
4. Время, проведенное на странице (Time on page). Как много времени среднестатистический пользователь проводит на вашем лендинге? Эта информация поможет определить, насколько вероятно совершение целевого действия человеком, проведшим определенное количество времени на странице.
5. Источники трафика (Traffic source). Как люди попадают на вашу страницу? Они находят вас с помощью Google, по таргетированной рекламе в Facebook или Вконтакте или по прямой ссылке? Отслеживание источника трафика — это важный этап оптимизации. Например, если вы расходуете значительные средства, чтобы продвигать свою страницу в социальных сетях, а основным источником трафика является Google, то лучше перераспределить рекламный бюджет.
Еще один надежный способ проверить эффективность посадочных страниц — сплит-тестирование, предполагающее создание двух версий лендинга с одним ключевым отличием. Этот метод помогает понять, что именно нуждается в изменении: кнопка призыва к действию или форма обратной связи, а может быть, то и другое.
Заключение
Что дальше? Внимательно прочтите следующие шаги, и приступайте к созданию идеального лендинга с высокой конверсией:
Четко определите цель. Какое действие от посетителя вы ожидаете получить? Каким будет ваше предложение?
Определите целевую аудиторию (возраст, род деятельности и другие характеристики ваших потенциальных покупателей).
Практикуйтесь. Ваша первая страница будет далека от идеала — совершенствуйте ее, используя принципы, описанные выше, и оптимизируя основные показатели.
Высоких вам конверсий!
По материалам: blog.kissmetrics.com, image source kenjet
06-01-2016
10 составляющих идеального Лендинг Пейдж с примерами
Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.
1. Заголовок с УТП
У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:
сразу дает посетителю понять, куда он попал;
показывает ему уникальность вашего предложения.
Размещается заголовок в верхней части лендинга, на уровне глаз пользователя. Большой, яркий, интригующий.
От заголовка зависит показатель отказов.
Вот примеры заголовков лучших лендингов нашей компании.
2. Дескриптор
Дескриптор также влияет на показатель отказов, хоть и меньше, чем заголовок. Обычно состоит из логотипа, названия компании, слогана или нескольких слов об услугах или товарах. Размещается вверху слева или в середине.
В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.
Лучшие лендинги всегда содержат оригинальный дескриптор.
3. Блок с контактными данными
Как правило, размещается в верхнем правом углу. Исчерпывающий блок контактов содержит:
реальный номер телефона;
электронную почту;
кнопку «Обратный звонок».
В зависимости от специфики рекламируемого товара или услуги, блок может содержать дополнительные контакты: skype, icq, viber.
Обязательно используется призыв – просьба позвонить.
4. Привлекательное изображение
Под изображением подразумевается фон – большая картинка, поверх которой размещают заголовок, форму захвата, другие блоки.
В идеальном лендинге изображение соответствует тематике сайта, является оригинальным и интересным. Цветовая гамма фона отличается от цвета шрифта заголовка, чтобы они не сливались.
На скриншотах вы видите красивые лендинги с привлекательными изображениями.
5. Формы захвата
Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.
Форма захвата содержит графы для ввода имени и телефона. Призыв к действию описывает дополнительные выгоды (подарок, скидку, дополнительную услугу), которые побуждают посетителя к немедленной отправке данных.
Если на лендинге проходит акция, форма захвата содержит таймер обратного отсчета.
Вот такими формами захвата мы оснащаем лучшие лендинг пейдж наших клиентов.
6. Блок с выгодами для клиента
Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.
Блок имеет следующую структуру: текст с описанием выгоды и тематическая картинка для каждого пункта. Расположение пунктов – горизонтальное или вертикальное. В идеальном блоке во всех пунктах одинаковое количество текста, а ключевые предложения выделены цветом или жирным шрифтом.
7. Отзывы клиентов
Блок с отзывами – ключевой в лендинге.
На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.
Каждый отзыв:
содержит имя и реальное фото клиента;
содержание с ключевыми подробностями, которые позитивно скажутся на конверсии лендинга.
Вот примеры блоков с отзывами на лучших лендингах нашей студии.
8. Тарифы или пакеты услуг
Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.
Тарифы должны отличаться друг от друга и содержать подробную информацию о том, что в них включено. Один из тарифов помечается, как самый популярный среди клиентов.
9. Примеры Лендинг Пейдж
Это один из самых важных блоков лендинга. Именно просмотрев портфолио или кейсы, посетитель принимает решение о совершении целевого действия.
Грамотное портфолио содержит только лучшие работы, красиво оформлено, не занимает много места. Для оформления лучше использовать слайдер, с помощью которого посетители будут прокручивать изображения.
Посмотрев примеры лендингов посетитель должен убедиться в качестве продукта или услуги.
10. Реальные контактные данные в футере
Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.
В случае с компанией обязательно должна быть карта с указанным местоположением офиса. В случае с автором всевозможные контакты.
Также тут размещается заключительная форма захвата.
В идеальном лендинге присутствуют все вышеперечисленные элементы. Однако чтобы посадочная страница действительно была эффективной, все ее блоки нужно грамотно объединить в одну композицию. А так же добавить смыслы, благодаря которым посетители совершать конверсионные действия на нашем лендинг пейдж.
Смотрите также
Идеальный Landing Page
Приветствую вас, уважаемые заказчики! Итак, продолжаем тему лэндингов. А разговор у нас сегодня пойдет о том, какой лендинг пейдж будет идеальным для того или иного направления в бизнесе. Ведь как гласит народная мудрость: «Что русскому хорошо, то немцу смерть». Я не подразумеваю, разумеется, какие-то национальные особенности ведения своего дела (хотя и это имеет место). Просто у каждого бизнеса, что вполне очевидно, складываются свои отношения с покупателями или потребителями их услуг. А, значит, и цели лендингов у них разные.
Возможно, кто-то из вас в этом месте усмехнется: у любого, мол, бизнеса цель одна — продать. Соответственно, у посадочной страницы нет, и не может быть другой задачи. Согласна. Но вы ведь не считаете, что для торговли автомобилями премиум-класса и недавним хитом рунета — ягодами годжи, например, годятся одинаковые методы? Поэтому да, при общем для всех видов экономической деятельности стремлении к получению прибыли, способы ловли и подсечки клиента в каждом сегменте свои. Соответственно, лендинг пейдж, как инструмент тонкой настройки, способен помогать вам при самых разных вариантах работы с входящим трафиком.
Предлагаю, чтобы не вносить еще больше путаницы в этот достаточно туманный вопрос, двигаться дальше, используя классификацию Landing Page из первой части этого цикла. Согласны? Тогда — к делу!
Landing— она же главная
Подобный подход мне очень импонирует. Посудите: перед вами две главные страницы компаний, торгующих метизами. Это не самый романтичный и удобный для рекламы продукт, согласитесь. Первый— суперполезный материал в виде навевающей дремоту «портянки». Второй — простые и понятные иконки с выпадающим коротким текстом и четкий призыв к действию. Какая из двух страниц больше «зацепит» посетителя, сэкономит ему время и поможет сделать заказ? Впрочем, пример слева, вообще, нельзя назвать «продающим».
Какие претензии предъявляют веб-мастера к оформлению главной страницы сайта в виде лендинг пейдж:
мало текста — меньше возможностей SEO-продвижения;
навигационное меню, характерное для привычного сайта, распыляет внимание посетителя, отвлекает от целевого действия.
По первому пункту могу возразить, что, слава богу, прошли времена, когда для выхода на топовые позиции выдачи нужно было максимально напичкать статью ключами. Теперь это называется переспамом. А в продвижении, да, как и для любого лендинга, придется использовать платные методы рекламных объявлений.
С мнением по поводу строки навигации трудно не согласиться. Но при этом хочу заметить: конверсия лендостраниц может быть и уступает полноценной посадочной, но превышает существенно таковую в случае «портяночного» варианта.
В этом месте у дотошного читателя возникнет вопрос: «Превышает? А на сколько процентов, если это идеальный landing page?» Это зависит от вида бизнеса, любознательный вы мой. Согласитесь, что при торговле недорогим и простеньким товаром сподвигнуть посетителя к покупке намного легче, чем в случае продажи, например, авто. Соответственно, прибавка 7—10% конверсии для сайта китайских игрушек или одного процента для интернет-салона брендовых автомобилей — это «две большие разницы».
Но конечно же, любое бизнес-решение требует предварительного просчета. Нужно очень четко соотносить цену клика в вашей торговой нише, а соответственно и стоимость лида, с тем доходом, который вы планируете получать.
Для каких видов бизнеса подойдет подобный вариант
Вариант главная — лендинг широко применяют крупные торговые сети и промышленные корпорации. Их имя у всех на слуху, им не нужно рассказывать о себе, доказывать, что они лучшие. Их реклама уже «приручила» нас.
Но это не значит, что не столь популярным и раскрученным фирмам нельзя использовать этот прием. Поместите на такой лендостранице интересный офер в обмен не на покупку, нет… ни в коем случае. Бить в лоб малознакомого человека призывом «купи» — моветон. А вот предложить ему, допустим, купон или промокод на скидку в обмен на контактные данные — нормально. Кстати… Об оферах вы сможете почитать в следующей публикации этого цикла.
«Главная» подобного формата может выполнять функции лидогенерирующей и одновременно разводящей (перенаправляющей в нужный раздел сайта) страницы.
Оптовые и розничные продажи, сфера услуг во всех ее проявлениях, информационные и образовательные порталы — эти и многие другие направления бизнеса могут обратить внимание на такую структуру интернет-ресурсов.
Лендосайт
Что за зверь, спросите вы. Может быть, это, наконец, идеальный landing page? Особенностью этого вида сетевых проектов является наличие независимой посадочной страницы под каждый продукт или услугу компании. Подходит это, естественно, для фирм с ограниченным набором таковых. Впрочем, ассортимент может быть большим, а с помощью целевых страниц будут продвигаться отдельные группы товаров. При этом структура остальных разделов сайта остается привычной.
Показатели конверсии таких веб-ресурсов, как правило, существенно превышают «среднюю температуру по больнице».
Автономный Landing Page
Можно с уверенностью сказать, что в рунете 9 из 10 лэндингов относятся к этому виду. Работают они в нишах b2b и b2c. Посетители приходят сюда по контекстным объявлениям или другим видам рекламы уже подготовленным, то есть тепленькими. Они искали ваш продукт и уже хотят его приобрести. Вам осталось лишь убедить их, что это нужно сделать именно здесь, и превратить это, быть может, подспудное желание в действие — побудить нажать на ту самую заветную кнопку СТА (cool to Action).
С целью продажи «здесь и сейчас» воспользоваться таким видом целевых страниц может розничная торговля простыми, интуитивно понятными и не слишком дорогими изделиями. Пример — ниша китайских товаров с «Али Экспресс». При этом помним: одна посадочная страница — одно предложение.
По-прежнему хорошо работают эти же лэндинги в инфобизнесе и сфере услуг. Но там их задачи могут быть иными. В этом случае целевое действие — это не обязательно — «купи», а призыв подписаться на рассылку, подать заявку на замер, расчет стоимости, заказ обратного звонка.
На одностраничники стоит обратить также внимание профессионалам, работающим в одиночку — юристам, фотографам, риэлтерам, организаторам торжеств, мастерам-ремонтникам (список можно продолжить…).
Для интернет-магазинов, имеющих в своем ассортименте большое количество товаров форма CTR-посадочных страниц не годится. Впрочем, они могут воспользоваться ее возможностями для объявления о какой-либо акции, новинках ассортимента с последующим перенаправлением на сайт магазина или звонок менеджеру-консультанту.
Как видите, уважаемый заказчик, возможности лендингов хотя и широки, но не безграничны. Существует ли идеальный лендинг пейдж? Думаю, нет. Этот вид веб-ресурсов — мощнейший инструмент продаж, но он, как никакой другой, требует четкой постановки задачи и детальной проработки портрета вашего клиента. Landing признает только тонкое обращение в виде креативного, но в то же время очень деликатного дизайна. А главное в нем — эффективный, мощный, цепляющий целевую аудиторию текстовый контент. Все — нужное, и ничего — лишнего.
Так что же? Поработаем вместе над вашим Landing Page? В мои услуги входит не только написание текста, но и представление его в виде прототипов будущей страницы, тесное взаимодействие с дизайнером, а также участие в А/В тестировании. Что это такое и для чего нужно, мы подробнее выясним в одной из следующих статей рубрики «Интересное для заказчика».
P.S. В настоящей статье я не пояснила, какие лендинги называют рекламными, имиджевыми и вирусными (см. классификацию в первой части цикла). Об этом будет отдельный материал.
На этом я прощаюсь с вами, уважаемый Зак. До встречи в новой статье.
Ваш копирайтер GALANT.
Все статьи цикла «Все о LANDING PAGE — мифы и реалии»:
Идеальный лендинг пейдж: дизайн, примеры, структура и советы
Известная пословица гласит: «встречают по одежке». Мы взяли на себя смелость немного ее перефразировать: «встречают по дизайну, провожают по юзабилити».
С момента своего появления дизайн лендинга пережил немало изменений. Если два года назад задача идеального landing page сводилась к тому, чтобы просто «впарить» продукт, то современный хороший лендинг просто обязан быть полезным своим потребителям.
Дизайн landing page: от старого к новому
Лендинг пейдж умер. Да здравствует лендинг пейдж!
Тот старый тип одностраничного сайта, который так активно рекламировали веб-разработчики, сейчас вряд ли заинтересует уважающего себя бизнесмена.
Старые одностраничники, кричащие нам: Купи! Сейчас! Срочно! и заставляющие нас нервно дергаться: «а успеем-то срочно?» отжили свое. И пусть.
На смену им пришел новый, хороший дизайн лендинга, взявший лучшее у своего предшественника и усвоивший парочку новых крутых фишек:
Блочная подача контента, облегчающая его восприятие
Яркая графика и лаконичный дизайн навигационных элементов
Все мы по сути своей — жутко ленивые создания. Ладно-ладно, львиную часть времени занимает работа, а быстрый темп жизни не оставляет нам времени на разжевывание материала. Старое и важное правило дизайна гласит: «Не заставляйте меня думать». Это правило было придумано Стивом Кругом (гуру юзабилити, написавшим много бестселлеров на тему веб-дизайна) в 2000, и остается по-прежнему актуальным в 2017 году.
Краткость — сестра таланта
Вся информация, представленная на вашем одностраничнике, должна быть подана в краткой и лаконичной форме. Да, это сложно — уместить весь смысл в парочке емких предложений, но это именно то, что отличает качественный лендинг.
Призыв к действию успел пережить немало изменений. Больше никакого агрессивного навязывания покупки: ваш сайт должен рассказывать о товаре и призывать купить его в мягкой форме. Ненавязчивая подсказка поможет вашим посетителям сократить драгоценное время, необходимое на принятие решения.
Список ваших преимуществ
Советуем не высасывать из пальца или писать здесь одни громкие обещания. Он должен состоять из реальных фактов. Пользователи рано или поздно почувствуют, что вы их обманываете, так что постарайтесь найти именно то, что касается вас.
Структура лендинга: что еще должно быть?
Здесь мы приведем список элементов вашей посадочной страницы, которые, в зависимости от поставленных целей и задач, могут быть на вашем сайте:
Интересный и цепляющий заголовок, часто содержащий УТП — ваше уникальное торговое предложение;
Форма для заказа товара или для отправки вашего электронного адреса;
Отзывы ваших клиентов (Мы советуем размещать правдивые отзывы в виде скриншотов из соц сетей или переписки, по которым вашим клиентам будет понятно, что перед глазами не подделка) ;
Блок: вопрос-ответ с информацией о товарах/услугах;
Контактная информация.
Чего быть не должно: 4 ошибки, которые убивают конверсию вашего сайта
В нашей стране хватает как хороших разработчиков, так и умельцев с «кривыми руками» и не очень чистой совестью, готовых поживиться на клиенте, предлагая ему некачественный продукт.
Гоните в шею разработчика, если вам навязывают:
1. Безликий шаблон, стянутый с чужого ресурса
Тут тебе и никому ненужные устаревшие таймеры, обилие эффектов и прочий отталкивающий и раздражающий набор ерунды.
2. Дизайн не соответствует содержимому
Hand-made дизайнер уверяет вас, что тяжелые блоки, золотые вензеля на черном фоне — идеальное решение для сайта детской одежды? А сами как думаете? Мы говорим однозначное: нет! Дизайн должен помогать пользователю понять ваш продукт. Чтобы этого избежать, четко определитесь со своей целевой аудиторией. Нельзя угодить всем: выберите свою нишу, а остальное доверьте хорошей веб студии.
3. Безобразные шрифты и бестолковый текст
Откажитесь от мелких неразборчивых буковок: никто не захочет портить свое зрение ради вашего сайта. Забудьте про CapsLock, обилие восклицательных и вопросительных знаков — ничто не должно отвлекать пользователя от содержимого.
А теперь о тексте. Не пишите простыни. Мы уже говорили о лаконичной подаче информации. Напоминаем еще раз: не перегружайте людей текстом. Большинство из нас легче воспринимает визуальную информацию.
4. Не используйте чужие фото в разделах «О компании» и прочее.
Повторимся: не обманывайте своих пользователей.
Landing page: дизайн, который работает на вас
Переходим от теории к практике. За время существования нашей студии мы создали несколько современных и эффективных лендингов.
И готовы показать вам примеры дизайна лендинг пейдж, которые хорошо зашли на рынок и работают на своих заказчиков.
Первый пример лендинг пейдж:
Графические блоки с интересной идеей подачи продукта
Бывает: взглянешь на то, как представлен продукт, — а оно не цепляет. Ну вот никак.
А бывает совсем наоборот: самый обыкновенный товар представлен таким образом, что хочется сказать только одно: Вау!
Так было у нас, когда мы разрабатывали одностраничный сайт для кошачьего наполнителя SHITTY KITTY.
Фишка заключалась в крутых эффектах подачи, когда коробка с наполнителем собиралась из отдельных кусочков в виде моушен-видео.
Наш дизайнер потратил немало времени, чтобы сложить этот паззл, но результат стоил потраченных усилий, и нам удалось преподнести продукт заказчика так, что его клиенты не тратят много времени на раздумья. Конечно, заказать!
Второй пример лендинг пейдж:
Удобный инструмент, который приносит пользу владельцу сайта и его пользователям
Мы разработали сайт для NUMBER PLATE KEY RING —компании, специализирующейся на продаже брелков в Великобритании.
Чтобы облегчить жизнь владельцу сайта и его клиентам, мы внедрили удобный конструктор, позволяющий пользователям самим собрать свой брелок.
Что это дает нашему заказчику? — Теперь ему не нужно привлекать лишних сотрудников для того, чтобы показать, как будет выглядеть готовый брелок
Что это дает его клиентам? — Визуальное восприятие информации позволяет сразу увидеть итог. Также конструктор позволяет поиграться и подобрать наиболее интересный вариант.
Хотите узнать стоимость такого дизайна? Цена дизайна лендинг пейдж зависит от поставленных задач, сложности проекта, количества привлеченных сотрудников и других факторов.
Есть лендинги с классным дизайном, крутой продуманной структурой и привлекательными шрифтами. Есть лендинги с оригинальным текстом и красивыми фотками. Все хорошо, да вот только эффекта — ноль. Конверсия низкая, и задачи клиента не выполняются.
Да, все предыдущие пункты обязательно должны быть соблюдены, но, чтобы ваш проект выстрелил, не создавайте его исключительно ради продажи.
Хорошие разработчики не будут убеждать вас сделать лендинг, который будет навязывать клиенту продукт. Их задача — сделать так, чтобы мягко подтолкнуть клиента совершить заказ. Это не так просто, как кажется, но в руках опытных специалистов веб студии можно решить любые задачи.
Как сделать идеальный landing page — разработка дизайна лендинга на примере удачных сайтов
Упаковочная коробка может быть укомплектована ложементом, обеспечивающим:
Эстетичное расположение одного или нескольких предметов;
Исключение возможного перемещения подарка внутри коробки;
Сохранность во время транспортировки;
Более презентабельный внешний вид коробки и содержимого
Ложементы могут быть изготовлены из следующих материалов:
Поролон с покрытием атласной тканью. Применяется как правило для посуды или бьющихся предметов либо при малотиражных заказах.
Изолон. Бывает разной плотности, цвета и толщины. Достаточно эстетично выглядит и не требует внешнего покрытия. Однако может и кашироваться различными материалами при желании. Применяется чаще всего для удержания тяжелых или множества мелких предметов, может быть многоуровневым (многослойным). Обязательно нужно иметь в виду, что для изготовления ложемента из изолона потребуется как минимум одна вырубная форма.
Каучук. Альтернатива изолону, но он еще более эстетично выглядит. Как правило имеет насыщенные цвета. Единственный вариант для ложемента в глубоком черном цвете. Не рекомендуется делать тонкие перегородки между предметами, каучук хуже держит форму, чем изолон
Переплетный картон (или микрогофрокартон) с кашировкой бумагой. Пожалуй наиболее экономичный вариант из всех представленных на тиражах от 50 шт. Требует изготовление вырубной формы. Применяется для предметов, требующих жесткой фиксации., для упаковки кожгалантереи, канцелярских товаров. Может быть многоуровневым
Флокированный пластик. Выполняется из формованного пластика, который имеет бархатную поверхностью. Объемный пластиковый ложемент может полностью повторить форму сувенира или подарка. Экономически применение пластиковых вставок оправдано для тиражей не менее 200-500штук, т.к. требует изготовления дорогостоящей формы.
Наполнитель. Бумажный, поролоновый, пластиковый и т.д. Не удерживает предметы, а только заполняет свободное пространство. Имеет чисто эстетическую функцию.Картон с драпировкой тканью. Не имеет прорубных элементов. Не удерживает предметы, а только заполняет свободное пространство. Имеет чисто эстетическую функцию.
Идеальный landing page | ЗЕКСЛЕР
Дизайн, как зеркало для отражения поставленной коммерческой цели
Начнем с очень важной вещи – УТП (уникальное торговое предложение). Оно всегда присутствует в поле зрения создателей продающих страниц. Именно от него, как от печки, начинают «танцевать», разрабатывая концепцию построения сайта. При всей условности использования утверждений типа «единственный», «лучший», «не имеющий аналогов», нужно все-таки признаться – чем конкретнее выражены рыночные преимущества коммерческого предложения, тем легче отразить их на визуальном поле веб-страницы.
Рассматривая дизайнерские приемы, помогающие создать идеальный лендинг пейдж, примем во внимание именно особенности УТП.
Посадочная страница, продвигающая информационный продукт. Здесь, как правило, царит минимализм. Тематическое изображение, видеоролик, демонстрирующий выгоду предложения, внедрение мотивирующих чек-боксов. На таких страницах преимущественно останавливаются на использовании только одного экрана – все содержимое вмещается в поле просмотра и не требует скроллинга.
Лендинг для продажи товара или услуги. Нужно с сожалением констатировать, что наиболее востребованная ниша применения посадочных страниц превратилась в набор стандартных дизайнерских приемов. Тем больше шансов у талантливых создателей профессионально продвинуться на этой площадке. Идеальным лендингам свойственно совмещать эстетику восприятия цвета или объема и поведенческую психологию потенциальной целевой группы пользователей. Такой симбиоз дает обширное поле для построения индивидуального дизайна. С одной стороны, учет ожиданий пользователей, настроенных на погружение в комфортную среду оформления сайта. С другой – игра контрастов, акцентов, выделение важных элементов, продвигающих посетителей к свершению запланированного действия. Корень устоявшихся в интернете понятий user-friendly и юзабилити нужно искать именно в дизайне, а лишь после него в структуре и навигации. Идеальный landing page обязательно учитывает эти обстоятельства.
Лендинг для рекламных целей. Обозначим определенную особенность этих страниц – на них не ищут нужный товар или услугу, они смотрят «в завтра», работают на будущее. Вот где существует возможность проявиться всему диапазону дизайнерских приемов. На этих лендингах уместна авторская графика, использование нестандартных начертаний внедренных шрифтов, сложные программируемые эффекты, в них часто отступают от практики использования плоского дизайна. Такие сайты скорее рассматриваются дизайнерами как полигон для обкатки новых решений и поиска перспективных идей.
Создание идеального лендинга – задача сложная, состоящая из многих, предварительно неизвестных, условий. Но при этом есть и общие черты. Первая из них – это конверсия, превращение посетителя в клиента.
Создание лендинг пейдж
Говоря о разработке лендингов, нужно обратить внимание на вопрос создания контента для продающей страницы. Все предшествующие этому этапы важны, но в результате они работают для привлечения внимания клиентов к информационному наполнению. Здесь даже просматривается определенная логика построения: структура и дизайн подталкивают посетителя к ознакомлению с коммерческим предложение посадочной страницы – читай, контентом, а он, в свою очередь, к совершению запланированного разработчиком целевого действия.
О роли текстов для создания результативного лендинга в следующей статье.
5 советов. Блог об интернет-маркетинге GetResponse
Помните выражение: «Первое впечатление – самое яркое»? Сделать идеальный лендинг – это произвести прекрасное первое впечатление. Когда вы впервые встречаете человека, вы стремитесь показать себя с самой благоприятной стороны. Вы стараетесь достойно выглядеть и уверенно себя вести. Простите за прямолинейность, но каждый, кто был на первом свидании или проходил собеседование при приёме на работу, помнит, как важно правильно себя подать.
Смотрим на лендинг пейдж под разными углами
Важна каждая мелочь
Посадочная страница тоже должна впечатлять. Вам не только придется сделать так, чтобы лендинг идеально выглядел и нормально работал. Вам придется еще и убедить посетителей совершать нужные вам действия. И у вас на это считанные секунды. Если будет хотя бы одна, даже небольшая проблема с пониманием вашего сообщения или функциональностью лендинга, вы провалите первое впечатление. И конверсии можно не ждать.
Перед тем, как вы начнете расстраиваться и переживать, хочу вас успокоить: у ваших конкурентов такие же проблемы. Высокие показатели конверсии – редкая вещь. Если ваша конверсия из формы подписки или захвата контактов достигает 15%, это очень хорошо. Большинство менеджеров по маркетингу могут позавидовать.
Помните также и о том, что целевые страницы хорошо поддерживают email маркетинг. Уделите им чуть больше времени и внимания и вы не пожалеете. Так, маркетологи, которые используют лендинги вместе со email рассылками, на 87% более результативны и собирают базу на 132% быстрее, чем те, которые этого не делают.
Моментальные решения
Мы очень быстро принимаем решения на подсознательном уровне анализируя, что нам нравится в посадочных страницах, а что нет (как, собственно, и в людях, да и вообще во всём). В онлайн мире сконнектиться еще сложнее: клик на «обратно» и человек покинул вас. Если посетитель морщится или хмурится, «встретив» ваш лендинг, он моментально нажмет «обратно». Некоторые даже немного почитают лендинг, держа палец на кнопке возврата на предыдущую страницу и мгновенно её нажмут, когда почувствуют, что ловить здесь больше нечего.
И все: вы потеряли потенциальных подписчиков. Все усилия и средства на их привлечение пошли прахом.
Не думайте «Вебсайт», думайте «Рекламный щит»
Steve Krug, автор книги “Don’t Make Me Think: A Common Sense Approach to Web Usability”, рекомендует читателям думать о сайтах как о рекламных щитах, которые стоят вдоль скоростного шоссе. Это значит, что каждая страница должна моментально привлечь внимание и быть максимально понятной по содержанию и использованию. Чуть что не так, и вы теряете людей. Но, как и в случае с первым впечатлением, эта метафора не относится к лендингам. С посадочными страницами все еще сложнее.
Люди читают целевые страницы на бегу, разрываясь между разными занятиями: мыслями о дедлайнах своих проектов, горячим кофе, общением с коллегами по работе или отвлекаясь на других людей на улице и проезжающие мимо машины. При этом вы еще хотите, чтобы они доверили вам персональную информацию, внесли свой email адрес и нажали на кнопку. Задачка посложнее, чем у рекламного щита, правда?
Но именно этого вам надо добиться. Хорошие новости в том, что всё будет легче, чем кажется, как только вы научитесь делать правильные лендинги. А если вы будете использовать Конструктор Целевых страниц в GetResponse, вы сможете делать еще более успешные посадочные страницы, причем очень быстро и легко. Все технические вопросы наш Конструктор возьмёт на себя, а вы сфокусируетесь на создании правильного сообщения для посетителей. А сейчас давайте перейдем к советам, как же создать идеальный лендинг, который остановит ваших посетителей.
5 советов, как сделать хороший лендинг
Фокусируйтесь на посетителях
Дайте посетителям то, зачем они пришли. Создайте для них кастомизированные посадочные страницы.
Например, если вы только что написали пост в блоге, ссылка должна вести на лендинг, который приветствует читателей блога. Если вы отправляете людей из Facebook на ваш лендинг, удостоверьтесь в том, что вы приветствуете именно их. Для тех, кто приходит по платной рекламе в поисковиках, покажите на лендинге ключевое слово, которое они искали.
Посадочная страница California Closets для тех, кто пришел по рекламе из поисковика, полностью повторяет заголовок рекламы. Эта страница получила на 115% больше подписок, чем страница, которую тестировали до неё и в которой заголовок не совпадал с рекламой.
Сделайте лендинг легким для понимания
Посетитель должен моментально понять про что ваш лендинг и какие действия вы от него ожидаете. Общеизвестно, что замешательство убивает продажи. Оно также убивает подписки на email рассылки.
Сделайте лендинг легким для чтения
Выделяйте фрагменты текста подзаголовками, маркированным списком, глаголами в повелительном наклонении. Проверяйте каждое слово и сокращайте параграфы: максимум до 5 строк в каждом.
Ваш правильный лендинг должен быть длинным или коротким? На этот вопрос нет ответа. Вообще-то посадочная страница для сбора email адресов должна быть короткой – до 300 слов или менее. Но это не универсальный закон. Некоторые лендинги должны быть лонгридами, так как людей постепенно убеждают что-то купить. Поэтому читая их, посетитель проходит несколько стадий убеждения и, возможно, обучения. Кстати, такие лендинги часто использует инфобизнес. Но и в этом случае посадочная страница должна вести читателя через весь процесс принятия решения к четкой цели.
Удостоверьтесь, что посадочная страница быстро загружается
Посетители, которые не особо фокусируются на целевой странице и испытывают дефицит времени, хотят, чтобы лендинг загружался быстро. Очень быстро: максимум до 5 секунд.
Обеспечьте безопасность
Доверие – вот секрет успеха идеальных посадочных страниц. Если посетители верят вам, они многое простят, даже более длительное время загрузки и иногда не очень красивый дизайн лендинга. Но, если они вам не доверяют, даже самый быстро загружающийся в мире лендинг с самым шикарным дизайном их ни в чем не убедит.
Существует много способов построения доверия, например, отзывы, надежность бренда или хотя бы профессионально выглядящий лендинг для начала. Вы можете начинать строить доверие с того, что покажете посетителям, что вы их понимаете и знаете, что именно они хотят. И это приводит нас снова к кастомизации лендингов под определенные целевые аудитории.
Создание успешных лендингов – это высокое искусство. Ему посвящают карьеру, про него пишут книги и на него тратят огромное количество времени, создавая посадочные страницы, которые могут достичь хороших и иногда даже отличных результатов.
При этом, простые посадочные страницы часто работают лучше всех. В GetResponse можно удобно и быстро создать лендинг самому. Вот лендинг, который можно сделать за 30 минут, используя функцию Конструктор Целевых страниц.
Ваш правильный лендинг не должен быть совершенством, чтобы произвести хорошее первое впечатление. Он должен доносить до посетителей четкое и простое сообщение. И этого хватит, чтобы привлечь внимание аудитории и встать на путь тех маркетологов, которым email-маркетинг приносит на 87% больше результатов только за счет использования посадочных страниц.
(По материалам статьи Pam Neely “5 Tips for Landing Pages That Make a Great First Impression”)
А вы уже создали свою посадочную страницу в GetResponse? Будем признательны, если вы поделитесь своими успехами в комментариях к этому посту.
Идеальная целевая страница: примеры целевых страниц и 12 советов
Примеры пользовательских целевых страниц и советы по передовой практике
Обсуждение веб-дизайна в компаниях, которые не знают о возможностях целевых страниц, по-прежнему часто сосредотачивается на главной странице. Но опытные компании, которые эффективно наращивают трафик, знают, что многие посетители попадают на сайт с других целевых страниц. К ним относятся как стандартные шаблоны страниц веб-сайтов, такие как страницы категорий или продуктов, так и настраиваемые целевые страницы, предназначенные для максимального увеличения конверсии потенциальных клиентов при использовании методов входящего маркетинга, таких как SEO, Google Реклама и социальные сети, для привлечения посетителей на сайт.Используете ли вы стандартные шаблоны страниц или специальные целевые страницы, будет зависеть от вашего сектора. Для розничных продавцов или туристических компаний непрактично создавать индивидуальные целевые страницы для каждой категории и продукта. Тем не менее, для предприятий, предлагающих услуги бизнес-бизнес и программное обеспечение как услуга (SaaS), по-прежнему часто используются выделенные страницы для увеличения конверсии. В других секторах, таких как финансовые услуги, это может быть комбинация с некоторыми специальными целевыми страницами. В этой статье мы сосредоточимся на этой форме настраиваемых целевых страниц, сосредоточившись на примерах B2B.
Таким образом, возникает вопрос, какие факторы делают настраиваемую целевую страницу наиболее эффективной? Возможна ли «идеальная целевая страница»? В этом посте кратко излагаются мои 12 лучших советов и места, где можно найти больше примеров.
Доступ к индивидуальному ресурсу участника — шаблон отчета об эффективности веб-сайта
Если вы работаете в Интернете, вам необходимо иметь четкое представление о том, как ваш веб-сайт поддерживает ваш входящий маркетинг. Используйте это руководство, чтобы понять, как люди попадают на ваш сайт, кто они и чем занимаются.
Доступ к шаблону отчета об эффективности веб-сайта
Определение целевых страниц
Прежде чем мы подробно рассмотрим передовой опыт, мы должны взглянуть на определения целевых страниц. Не все знают этот жаргон, и на самом деле нет простого ответа.
Я считаю, что целевые страницы:
«Конкретная страница (страницы) на веб-сайте, созданная для посетителей, перешедших в результате маркетинговых кампаний, которые предназначены для достижения маркетингового результата.»
Все, что называется целевой страницей, предназначено для максимального увеличения конверсии посетителей на страницу или серию страниц в сторону продажи.
Чаще всего результатом является переход к действию, как правило, сбор данных, когда посетитель сайта заполняет онлайн-форму, чтобы привлечь потенциальных клиентов.
Цели целевой страницы
Эффективные целевые страницы — это те, которые соответствуют своим целям, поэтому давайте начнем с типичных целей. Часто считается, что ответ — это все, поэтому цели не продумываются, но это может привести к тому, что страницы сбора данных будут слишком простыми.
Типичные цели связи в порядке важности:
Зарегистрируйтесь, как правило, для привлечения потенциальных клиентов, которые в конечном итоге приводят к продажам.
Профиль и квалификация посетителя сайта для предоставления более релевантных последующих маркетинговых коммуникаций.
Объясните ценностное предложение, предлагаемое компанией, чтобы отличаться от других сайтов, которые посетитель может посетить в процессе покупки, т. Е. Ответить на вопросы посетителя.
Расскажите о ценностях бренда организации, проводящей кампанию.
Если посетитель не хочет раскрывать свои данные прямо сейчас, предоставьте контактные данные для традиционных каналов продаж, таких как номер телефона, или объясните посетителю причины вернуться на сайт или привлечь их с помощью другого соответствующего контента или предложений.
Важно выполнить эти задачи, поскольку иногда именно две основные задачи, связанные с сбором данных, в основном определяют дизайн целевой страницы, а не второстепенные задачи, которые одинаково важны.Большинство посетителей целевой страницы не конвертируются, поэтому важно также дать им положительный опыт.
Различные типы посадочных страниц
Мы должны иметь в виду, что существуют различные типы целевых страниц, которые лучше всего работают в зависимости от целей кампании, а также от того, является ли это краткосрочной или долгосрочной кампанией.
Есть три основных варианта. Первая — это целевая страница, интегрированная в структуру сайта и согласованная со стандартными шаблонами страниц и навигацией для сайта.Вторая — это отдельная целевая страница, специально созданная для кампании с другим оформлением и оформлением, обычно с удаленной верхней панелью навигации. Третий — это целевая страница или микросайт с вкладками, которые предоставляют дополнительную информацию.
Вот некоторые из плюсов и минусов этих опций.
Вариант 1. Целевая страница (и) интегрирована в архитектуру и стиль сайта
Наиболее эффективно с точки зрения создания контента сделать целевые страницы частью основной информационной архитектуры сайта.Обратной стороной является то, что они могут не работать так хорошо с точки зрения преобразования как прямых источников перехода, так и браузеров, переходящих из другого места на сайте. Их также необходимо оптимизировать для поиска, что может увеличить затраты на кампанию.
Такие целевые страницы в определенной категории или на страницах продуктов используют так называемые глубокие ссылки.
Вариант 2. Сделанные на заказ целевые страницы, не являющиеся частью основной структуры или стиля сайта
Они используются там, где требуется более «урезанная» страница, ориентированная на преобразование посетителей из интернет-рекламной кампании.В качестве альтернативы, если это краткосрочная кампания по брендингу, может быть проще создать микросайт отдельно от основного сайта с другим внешним видом.
Это часто случается, когда ресурс не может быть найден для создания микросайта на основном сайте, или чувствуется, что существующий внешний вид сайта не может обеспечить требуемого воздействия на бренд. Таким образом, используется этот подход, поскольку он потенциально может обеспечить более высокий коэффициент конверсии или создать микросайт, более соответствующий целям и стилю кампании.
Недостатки в том, что этот подход требует больше усилий и обслуживания и часто приводит к ухудшению пользовательского опыта, поскольку страница будет выглядеть и работать иначе, чем остальная часть сайта. Если это полностью отдельный сайт с отдельным доменом, большой недостаток такого подхода заключается в том, что из-за эффекта песочницы Google он вряд ли будет включен в результаты поиска в течение нескольких месяцев. Учитывая это, сайт должен быть включен в один домен, например www.quotemehappy.com перенаправляет на главный сайт Norwich Union.
Вариант 3. Микросайты с несколькими страницами или целевыми страницами с вкладками
Существует очевидная проблема со вторым вариантом: многие посетители страницы окажутся не в нужной точке цикла покупки, чтобы совершить конверсию. Да, такая целевая страница часто увеличивает коэффициент конверсии за одно посещение из-за своей простоты — ограниченного выбора и упрощенных сообщений — но она не предлагает достаточной информации для посетителей сайта, не находящихся в «режиме покупки».
Скотт Бринклер, специалист по оптимизации целевых страниц, говорит об этом в своем посте, где приводит доводы в пользу смерти клише целевой страницы.
«Аналогия с этими типами целевых страниц заключается в том, что они похожи на очереди для сбора информации. Они неглубокие и оптимизированы просто для того, чтобы» заключить сделку «. И, честно говоря, большинство людей не одобряют такой подход. Вот почему более или менее показатель отказов на целевых страницах обычно составляет около 95% «.
В своем посте он приводит пример целевой страницы / микросайта с вкладками.
Компаниям необходимо решить, компенсируются ли затраты на создание целевых страниц потенциально более высокими коэффициентами конверсии и лучшими результатами кампании. Хотя этот подход на удивление довольно распространен, я думаю, что он часто используется для удобства, хотя в долгосрочной перспективе он дороже.
Я знаю одного менеджера по электронной коммерции многонационального поставщика технологий, который пытается научить сотни своих специалистов по Интернету и традиционному маркетингу не использовать индивидуальный подход к целевой странице, а всегда пытаться интегрироваться в существующую структуру сайта.
Однако часто не существует единого правильного или неправильного подхода, и можно использовать гибрид, то есть вы создаете индивидуальные целевые страницы только для общих страниц Google Рекламы с большими объемами / высокими затратами или для крупных автономных рекламных кампаний.
Домашняя страница может быть целевой страницей
Обратите внимание, что целевая страница потенциально может быть домашней страницей, хотя это не является традиционной передовой практикой. Но если у компании ограниченный ассортимент продуктов или основная цель кампании — повысить осведомленность, а не откликнуться, этот метод может оказаться полезным.
Чтобы узнать больше об этом типе домашней страницы в качестве целевой страницы, просмотрите эти четыре примера.
Различные типы рефереров
Чтобы сделать целевую страницу эффективной, нам также необходимо продумать весь спектр мест, откуда может прийти посетитель. При разработке целевой страницы необходимо три основных источника:
Размещение интернет-СМИ: Посетители могут быть перенаправлены по ссылке из любого источника, такого как поисковая система, онлайн-реклама, партнерский сайт или кампания по электронной почте.Для этих мест размещения существует два основных типа целевой страницы:
Размещение в офлайн-СМИ: Офлайн-реклама или прямая почтовая рассылка могут иметь URL-адрес кампании (CURL), например www.quotemehappy.com.
Посетители, которые переходят из другого места на сайте: Такие посетители не используют страницу (страницы) в качестве «целевой страницы», но их все же необходимо разместить, если вы используете стратегию глубинных ссылок.
Факторы успеха целевой страницы
Чтобы быть эффективными, целевые страницы должны сочетать в себе следующее:
Удобство использования
Доступность
Убеждение
Развивайте доверие к бренду
Salesforce.com — пример эволюции целевой страницы B2B SaaS
Чтобы проиллюстрировать советы, включенные в этот блог, я собираюсь использовать пример, который я использовал в обучении в течение многих лет — это страница лидогенерации B2B Salesforce.com для своей службы CRM, ориентированной на тех, кто ищет системы CRM. Когда вы смотрите на них, рассмотрите иерархию обмена сообщениями, основанную на различных формах факторов доверия:
Категория . Заголовок страницы, подтверждающий CRM / облачную CRM как контекст для людей, нажимающих на рекламу.
Преимущества . Рост бизнеса и построение отношений. В среднем примере наиболее очевидные преимущества связаны с функциями.
Факторы доверия . Подтверждение доверия к поставщику благодаря количеству компаний и пользователей, а также изображениям значков известных брендов.
Призывы к действию . Закрытая демоверсия и бесплатная пробная версия.
Целевые страницы Salesforce.com Google Реклама демонстрируют множество передовых методов. Я отметил то, что считаю хорошим в этом формате.Возможно, он не идеален, но он намного лучше, чем большинство других. Дайте мне знать, что вам не нравится в этом или чем отличаются вещи на потребительских сайтах.
Это оригинальный «классический» пример целевой страницы, который я использовал на тренировках более 10 лет. Он показывает много хороших практик, но имеет одну большую проблему.
Он не реагирует на мобильные устройства, поэтому неэффективен на смартфонах. Итак, в этой более поздней версии c2017 мы видим гораздо более длинную целевую страницу, по-прежнему использующую вкладки…
Первоначальный дизайн с тремя столбцами с вкладками не очень хорошо работает на смартфоне, поэтому второй дизайн — это адаптивная для мобильных устройств страница, которая, естественно, имеет тенденцию быть длиннее и обычно может поддерживать только два столбца.
Во-вторых, поведение потребителей изменилось так, что при таком большом количестве целевых страниц может быть сложнее заставить людей раскрывать свои данные, поэтому часто бывает двухэтапный сбор данных, когда данные собираются на следующем этапе.
В-третьих, тестирование показало, что длинные страницы с большим количеством контента, создающего аргумент, могут лучше убедить в значительных затратах времени, таких как начало испытания.
В последней итерации 2020 года были удалены вкладки и больше внимания уделяется четырем услугам, а не преимуществам. Хотя преимущества кажутся менее очевидными, Salesforce пытается достичь сегментированного подхода к целевой странице, ориентированного на разные персоны, то есть для людей, управляющих маркетингом, продажами, обслуживанием клиентов и разработкой приложений. Благодаря этим четырем вариантам преимущество сегментированного пути состоит в том, что Salesforce может более конкретно общаться с каждой аудиторией и видеть количество людей, заинтересованных в каждой из них.Фактически, они заменили вкладки на предыдущих целевых страницах ссылками на четыре персоны и рекомендуют услуги.
Призывы к действию (CTA) теперь более заметны — как вверху, так и внизу страницы. Использование двойных призывов к действию для просмотра демоверсии и бесплатной пробной версии для людей на разных этапах пути к покупке интересно. Оба они закрыты формой.
Поскольку сбор данных в этом случае нецелесообразен, пока кто-то не прочитает копию, теперь есть дополнительная мобильная страница для доступа к демонстрационной или пробной версии с использованием этой закрытой формы.
Мои 12 факторов успеха целевой страницы
Наконец, прежде чем я перейду к факторам успеха, помните, что рекомендации — это всего лишь рекомендации, у них, конечно, есть исключения. Единственный способ убедиться в том, что работает для вашей аудитории и вашего рынка, — это провести тесты, такие как исследования удобства использования, A / B-тестирование или многовариантное тестирование. Для этого жизненно важно иметь правильный инструмент веб-аналитики.
Как минимум, вы должны иметь возможность просматривать данные о показателях отказов (доля посетителей, которые покидают страницу, не посещая другие страницы) и коэффициентах конверсии (доля посетителей, которые достигли намеченного результата) для различных источников рефералов (т.е. .грамм. платные, обычные поисковые и онлайн-объявления). В идеале это также должно позволить вам пройти A / B-тестирование, когда разные посетители обслуживаются на разных страницах, чтобы можно было оценить различия в показателях отказов и конверсии.
Во-вторых, помните, что рекомендации зависят от типичной видимой области экрана пользователя. Десять с лишним лет назад целевые разрешения экрана были относительно простыми: минимум 1064 x 768 или даже 800 x 600. Однако последние данные о разрешениях экрана показывают, что сегодня оно больше и сложнее: 50% при использовании 1920 x 1080 и 1366. x 768, хотя это искажено аудиторией дизайнеров этого источника, поэтому проверьте свою аналитику.Statcounter имеет статистику разрешения экрана, которая показывает, что мобильные устройства с разрешением 360 x 640 и 375 x 667 являются наиболее распространенными, поэтому их необходимо использовать для просмотра целевых страниц.
Итак, наконец! это мои 12 основных рекомендаций по эффективности целевой страницы:
Загрузить Ресурс для отдельных участников — 7 шагов к созданию целевых страниц с высокой конверсией
В руководстве представлено более 50 примеров передовой практики, которые помогут улучшить ваши целевые страницы, охватывающие целый ряд секторов: от розничной торговли, финансовых услуг, путешествий, бизнеса для бизнеса и некоммерческих организаций.
Откройте для себя 7 шагов по созданию целевых страниц с высокой конверсией
1. Обеспечьте актуальность
В отличие от случайных посещений браузерами, посетители попадают на целевую страницу с определенной целью или намерением. Итак, первое, что вам нужно сделать, это немедленно показать релевантность, чтобы помочь посетителям достичь этой цели.
Четкий заголовок должен показывать релевантность, а также побуждать посетителя просмотреть страницу вниз. Вы должны показать им, что они выбрали правильное место, чтобы найти бренд, продукт, сделку, информацию или опыт, которые они ищут, поэтому заголовок должен указать это.
Другие ключевые «релевантные сообщения» должны легко просматриваться путем выбора правильных заголовков и панелей, привлекающих внимание к различным областям. Тесты, как правило, показывают, что более крупные шрифты дают лучший отклик.
Поскольку переход на целевую страницу часто является первым опытом компании, мы должны ответить на основные вопросы, которые возникают у клиента о компании, такие как «Кто вы?», «Чем вы занимаетесь?», «Где вы? » «Я доверяю тебе?» У вас могут быть эти сообщения на главной странице, но позволяет ли навигация на целевой странице ответить на эти вопросы? Стандартные параметры меню, такие как «О нас» или «Связаться с нами», позволяют это сделать.
Вот еще один пример целевой страницы, показывающий, насколько важны релевантные копии и тестирование, когда дело доходит до получения наилучшего результата. Я рекомендую взглянуть на этот пост от Kissmetrics, чтобы найти и другие примеры копирования.
2. Интеграция с источниками переходов
Путь клиента к вашему веб-сайту начался в другом месте. Для обеспечения актуальности также требуется соответствие тому, что они уже прочитали и видели, чтобы оправдать свои ожидания.
Итак, с точки зрения сообщения, брендинга и креатива, целевая страница должна обеспечивать интегрированную коммуникацию.Это относится, в частности, к офлайн-рекламе, интерактивной рекламе и электронной почте.
Ключевое сообщение на целевой странице должно соответствовать ключевому сообщению источника перехода. Опять же, вам нужно показать посетителю, что он выбрал правильное место, чтобы найти бренд, продукт, сделку, информацию или опыт, которые они ищут, поэтому заголовок должен указать это.
3. Предоставьте достаточно подробностей в поддержку решения об ответе.
Весь опыт и контент должны быть правильными, чтобы вызвать отклик.Для меня один из наиболее важных аспектов целевых страниц — и тот, который часто бывает неверным — заключается в том, что не хватает подробной информации, на основании которой посетитель может принять решение о регистрации. Вот почему я рекомендую вариант три выше.
Чтобы помочь определить правильный уровень информации, лучше всего использовать персоны веб-дизайнера, чтобы определить типичную требуемую информацию и пробелы относительно того, что вы предоставляете. Также подумайте об уровне «знаний в предметной области», которым обладает пользователь — имеют ли смысл ваши технические описания продуктов? Вам также следует подумать о «знаниях об инструментах» — где ваша целевая страница требует использования дополнительных инструментов, какие знания необходимы для их эффективного использования и даете ли вы правильные объяснения.
4. Начать пользователя с пути
Дизайн должен прояснять следующий шаг и минимизировать количество кликов, необходимых для ответа, поскольку каждый дополнительный щелчок, требуемый в ответ, обычно снижает вероятность ответа на 10%. Лучше всего включать начальный сбор данных на первой странице, как показано в примере Salesforce.com.
Если механизм ответа находится на другой странице, используйте несколько призывов к действию, чтобы получить ответы, поскольку некоторые посетители будут отвечать на изображения и некоторые текстовые гиперссылки.Сделайте все изображения интерактивными, например, сделав их похожими на кнопки.
Подходы, связанные с формами, для улучшения путешествия:
Ограничение вариантов на каждой странице — эффективный прием.
Привлечение внимания в первые 30 секунд с помощью заголовка и потенциальных клиентов, которые отражают текст объявления и «не слишком умны», т. Е. Будут прямыми.
Если это многостраничная форма, привлекайте пользователей более простыми начальными вопросами.
Разрешить сохранение формы на этапе цитаты.
Используйте динамические заголовки, связанные с реферером, включая ключевую фразу поиска, чтобы повысить релевантность.
Используйте фокус-группы, чтобы решить, что тестировать — маркетологи, которые слишком близки к проблеме, могут игнорировать факторы, важные для клиентов.
Этот пример целевой страницы благотворительной организации, предоставленный Лиамом в комментариях, соответствует многим из этих полей!
Слова, используемые для призыва к действию, имеют решающее значение для создания ароматного следа, по которому следуют пользователи сайта.Эффективный аромат доставляется там, где слова соответствуют тому, что пользователь хочет знать или достичь.
5. Используйте правильную длину страницы
Сложно дать рекомендации. Правильная копия / длина страницы — это та, которая сводит к минимуму разрыв в знаниях между тем, что пользователь хочет знать, и тем, что вы ему рассказываете.
Некоторые дизайнеры предполагают, что контент должен умещаться на одной странице, не требующей прокрутки с разрешением 800 на 600 пикселей. Но короткий текст часто несовместим с моим первым правилом.Кроме того, тесты показали, что страницы можно прокручивать — пользователи будут прокручивать, если они кажутся прокручиваемыми. Однако лучше всего, если ключевая информация, включая механизм ответа, будет в верхней части страницы.
Подводя итог, я бы сказал, сделайте его коротким (для импульсивных читателей), но также и длинным (для читателей, которые хотят узнать больше).
Конечно, единственный способ определить правильную длину — это протестировать. Этот тест маркетинговых экспериментов показал, что длинные копии лучше привлекают посетителей на страницу продукта из Google Adwords.
6. Используйте значимую графику
Графика должна соответствовать кампании и вызывать сочувствие к аудитории. Не стоит недооценивать важность качественной графики — стоковая графика редко работает. Трудно оценить, как графика влияет на коэффициент конверсии, поэтому нужно тестировать, тестировать, тестировать, чтобы понять, что лучше всего работает для вашего сайта и вашей аудитории.
7. Удалить пункты меню?
Еще одна рекомендация, вызывающая разногласия. Удаление параметров меню часто увеличивает коэффициент конверсии, поскольку вы предоставляете меньше возможностей выбора, когда дело доходит до того, где пользователи могут нажимать.Но для тех, кто не отвечает, удаление этих параметров приведет к ухудшению восприятия и не позволит им просматривать другие части сайта. Часто компромисс лучше всего сводится к сокращению количества пунктов меню до пунктов верхнего уровня.
8. Рассмотрите возможность использования «текучей» или жидкой компоновки
Максимально увеличивает пространство при заданном разрешении на разных устройствах. В наши дни это еще называют адаптивным дизайном.
Хотя это может хорошо работать для розничного продавца, показывая больше товаров в верхней части категории, это достигается за счет потери контроля над дизайном.Для целевых страниц лучше всего подходит контролируемый фиксированный дизайн.
9. Помните поисковый маркетинг
У этого есть три аспекта. Во-первых, офлайн-кампания приведет к тому, что люди будут искать ваш бренд или линию кампании. Убедитесь, что вы используете платный поиск, чтобы направлять посетителей на соответствующие страницы, особенно во время кампании.
Во-вторых, если страница интегрирована в веб-сайт и будет использоваться в долгосрочной перспективе, оптимизируйте ее для релевантных поисковых фраз, используя стандартные методы поисковой оптимизации.
В-третьих, Google отправляет робота «Adbots Google» для тестирования целевых страниц на релевантность и скорость, поэтому убедитесь, что ваш
