11 способов улучшить целевую страницу
Michael Nguyen, 18 сентября 2007
Представьте, что вы запустили маркетинговую кампанию в различных системах контекстной и баннерной рекламы. Тесты показали эффективность рекламных материалов, а ваш сервер еле выдерживает наплыв посетителей.
Самое время отдохнуть?
Конверсия
Конечно, вы хотите, чтобы люди не просто посещали сайт, но и выполняли какие-то действия, ради которых он создан, например, покупали продукт или подписывались на рассылку. Выполнение посетителем задуманного вами действия и есть конверсия. Если ни один из миллиона посетителей не приобрел продукт, то вы получите не только провальную маркетинговую кампанию, но и счет на крупную сумму, от хостера.
Привлечь трафик просто, гораздо сложнее получить хороший уровень конверсии, который во многом зависит от качества страницы, на которую попадают пользователи, заинтересовавшиеся вашей рекламой.
Что такое целевая страница
Целевая страница, это страница на которую пользователи попадают после клика, на рекламных материалах.
Целевая страница должна убедить посетителя остаться на ней, и выполнить какие либо действия, зависящие от ваших целей, к примеру:
- заполнить форму (люди не любят заполнять формы)
- предоставить персональные данные (люди боятся спама)
- купить, что-то (люди боятся мошенничества)
- прочесть много информации (люди не любят читать)
Как видите заставить посетителя сделать то, что вы хотите достаточно сложно. Приходится заставлять людей делать вещи, которые они ненавидят, именно поэтому обычно уровень конверсии чрезвычайно мал. Вот уровни конверсии по данным Fireclick Index.
| Область | Уровень конверсии (%) |
|---|---|
| Каталог | 6.1 |
| Специализированный магазин | 3.9 |
| Одежда | 2.2 |
| Путешествия | 2.1 |
| Дом и обстановка | 2.0 |
| Спорт | 1.4 |
| Электроника | 1.1 |
| All verticals | 2.3 |
Как видите уровень конверсии обычно не более 6%
Думайте о пользователях
Люди не будут рассматривать каждый элемент вашей страницы на которую попали, они хотят явных ответов на их вопросы:
- Это именно то место?
- Это выглядит именно так, как я представлял?
- Должен ли я использовать кнопку «Назад»?
- Заслуживает ли это доверия?
- Как много времени это потребует?
Целевая страница должна немедленно отвечать на все эти вопросы. Если элементы дизайна недостаточно сфокусированы на этой цели, хорошего уровня конверсии не ждите.
Следующее, что думает посетитель: «Должен ли я принять это предложение?»
Здесь в дело должны вступить маркетинговые тексты. Посетитель будет искать вводные тексты, информацию о продукте, его фотографии и решать, как ему поступить с вашим предложением.
Но даже после того как посетитель решил принять предложение, заказ может сорваться. Любая оплошность в юзабилити или функциональности страницы, может отпугнуть заказчика, поэтому удостоверьтесь, что пользователь проинформирован о правилах использования его личной информации, а в обработке форм нет ошибок.
11 советов, как улучшить целевую страницу
- Определите, что для вас будет конверсией
Прежде чем начать разработку, нужно решить, что должен сделать пользователь. К примеру, для новостной рассылки, это будет «ввести email в форму и нажать «Подписаться» - Проведите небольшое исследование
Представьте, что ищет ваш посетитель и какие предложения его заинтересуют. Создайте образ идеального посетителя, и постоянно думайте о нем, когда делаете страницу. Не старайтесь сделать страницу, которая удовлетворит всех, такие страницы обречены на неудачу, сконцентрируйтесь на своем целевом посетителе. Рекламная кампания привлекает преимущественно заинтересованных посетителей, которые ожидают очень конкретную информацию. - Исключите лишние элементы
Отвлекающие элементы уменьшают уровень конверсии. Уберите все лишнее элементы со страницы на которую попадают пользователи, привлеченные рекламной кампанией. - Сходство оформления
Целевая страница должна быть оформлена в том же стиле, что и рекламные материалы, чтобы у пользователя не оставалось сомнений в том, что он попал именно туда куда нужно. - Уберите навигацию
По возможности, удалите элементы навигации, не забывайте, что самое главное это донести информацию о предложении до пользователя и любой элемент не способствующий этому должен быть удален. - Сфокусируйтесь
Получив поток посетителей трудно отказаться от желания, показать им все разделы сайта. Помните, целевая страница не должна удивлять или отвлекать посетителя, вы же хотите получить высокий уровень конверсии, а не удивленных посетителей созерцающих великолепный Flash или разбредающихся по всем разделам сайта. Как только посетители перестают думать о вашем предложении, вы их теряете. - Важные элементы должны быть выше «сгиба»
Обратите внимание на виртуальный «сгиб» (линию, отделяющую часть страницы видимую без прокрутки). Выше «сгиба» должно быть достаточно информации, чтобы заинтересовать читателя в дальнейшем просмотре. Если без использования прокрутки трудно понять о чем страница, то значительная часть просто использует кнопку «Назад». - Упростите начало сделки
Посетитель должен иметь возможность начать сделку в любой момент, первый вход (это может быть кнопка, форма, ссылка или что-то другое) должен располагаться выше «сгиба», а если страница длинная, то каждый следующий вход должен располагаться на расстоянии экрана, чтобы хотя бы один вход в сделку был постоянно виден. - Направляйте взгляд пользователя
Используйте типографику и цвет в своих целях. Ведите взгляд пользователя к входу в сделку. Пространство, крупный текст и графика могут визуально сократить длинную страницу. Но будьте осторожны, восприятие больших изображений требует много времени, и, будучи неверно расположенными, они могут нарушить последовательность сообщения.
Наиболее важные элементы (будь то текст или изображение) располагайте ближе к центру, старайтесь избегать размещения интересного материала по краям страницы. Интересные материалы отличный способ привлечь внимание к входу в сделку. - Оптимизируйте формы
Убедитесь, что после заполнения элемента формы фокус передается следующему элементу в правильном порядке. Старайтесь использовать автозаполнение насколько это возможно.
Уберите все лишние поля, например, не спрашивайте город/штат/провинцию, если пользователь уже ввел Zip или почтовый индекс.
Если вы хотите, чтобы пользователь подписался на новостную рассылку, то достаточно узнать его email, не нужно спрашивать его имя. Избавьтесь от кнопки «Очистить форму» она опасна и для пользователя и для вас. - Тестируйте, тестируйте, тестируйте
После завершения разработки, протестируйте страницу на небольшом количестве пользователей, по следующим пунктам:
- Вся ли страница сфокусирована на предложении?
- Совпадает ли послание страницы с посланием рекламной кампании?
- Нет ли отвлекающих элементов?
- Вся ли критическая информация выше «сгиба»?
- Достаточно ли входов в сделку?
- Соответствует ли страница бренду?
Пример: «Дешевый iPod»
Вот реальный пример объявления Google AdWords по запросу «ipod» (URL, конечно, изменен). Текст «80% off brand new iPod» привлекает большое количество кликов:
![]()
Я решил приобрести iPod со скидкой, и кликнул на ссылке. Я ожидал увидеть детальную информацию о предложении и изображение iPod, но вместо этого, попал на страницу с изображениями никак не связанными с объявлением:

Вместо того чтобы максимально упростить приобретение iPod, создатели страницы заставили меня сомневаться, что я попал именно туда куда нужно.
Прочитав заголовки, я понял, что страница наверняка как-то связана с объявлением, по которому, я ее нашел, но ее связь с iPod все еще была не доказана, потому что вместо него я видел телевизор и фотоаппарат.
Прокрутив страницу вниз, я все-таки нашел желанный iPod.

Как исправить эту страницу?
- Обеспечить соответствие рекламному объявлению
Разместить изображение iPod на заметном месте, использовать заголовки, совпадающие с текстом объявления. - Убрать лишний текст и ссылки
Ограничить отвлекающие от сделки факторы. Эта страница отвлекает внимание на блоки, содержащие информацию об аукционе, что едва ли способствует сделке. Сфокусируйтесь на конверсии, ведите взгляд пользователя прямо к кнопке покупки. - Выделяйте важную информацию
По объявлению приходят посетители, заинтересованные в приобретении iPod. Но страница привлекает внимание в первую очередь к самому аукциону, весь жирный и цветной текст посвящен процессу торгов, а не продукту, что интересно уже далеко не всем посетителям. У страницы, на которую пользователи попадают по такому объявлению цель должна быть в продаже продукта, а не в продвижении аукциона. - Наиболее интересные элементы должны быть над «сгибом»
Пользователей пришедших по этому объявлению интересует iPod, не увидев его сразу, часть из них может покинуть страницу, или отвлечься от мысли о его приобретении.

Заключение и продажи печенья
Улучшение страницы, на которую попадают пользователи, заинтересовавшиеся рекламными материалами, наиболее эффективный способ повысить продажи. Увеличение уровня конверсии всего на 1% при текущем уровне 2% увеличивает продажи на 50%. Чтобы получить такие же результаты нужно увеличить бюджет рекламной кампании на 50%.
Представьте, что вы продаете печенья по $100 за пачку (очень хорошие печенья), и прибыль составляет 10% от их цены, то есть $10 с каждой пачки. Если у вас 5000 посетителей в день то при уровне конверсии 2% вы продадите 100 пачек и заработаете $1000 в день, что не так уж плохо для кондитера!
Но, если потратить $1000 чтобы переработать страницу, на которую привлекаются посетители и повысить уровень конверсии до 3% то продажи вырастут до 150 пачек в день, и вы оправдаете эти затраты за два дня, зарабатывая по $1500 в день.
Конечно, это упрощенный пример, но он заставляет задуматься.
Улучшение страницы на которую попадают пользователи после клика на рекламных материалах, часто очень просты в реализации и тестировании, но могут значительно повлиять на результаты всей маркетинговой кампании.

















smmurf 19 сентября, 2007 0:51 #
Интересно, какая может быть конверсия у исключительно информационных сайтов? У этого, например -) Ничего же не продается и не покупается -)
HSNews 19 сентября, 2007 1:17 #
Я думаю, что имеется ввиду именно коммерческие проекты, т.е. нацеленные на продажу чего-либо. А этот сайт исключительно информационный, я даже бы сказал Виртуальный дневник :) Так что вопрос не особо понятен :)
Про статью: отличная статья ИМХО. Каждый дизайнеро и разработчик, должен полагаться не только на свои вкусы (как это делалось в эпоху "Исключительно HTML-времен" / статичных сайтов (в 90х годах)), сейчас хороший интернет-шоп. сайт, инф. портал - настроен практически на конечного покупателя. "Маркетинг" одним словом :)
Есть над чем подумать.
Дима Сергеев 19 сентября, 2007 1:46 #
Статья с простым посылом и четкими тезисами. Это хорошо.
Я бы сказал, что не стоит создавать образ "идеального" посетителя. Имеет смысл нарисовать несколько архетипов и протестировать страницу с каждой из точек зрения.
Ну и, конечно, тестирование на реальных людях -- очень важно. Почти все ошибки станут заметны.
deniro 20 сентября, 2007 16:59 #
Коллеги, подскажите, а кто как обкатывает сайты на живых людях? Под каждый сайт создаете свою фокус группу? Или просто показываете коллегам в офисе?:)
Vedmak 20 сентября, 2007 17:35 #
Есть отличная книга Стива Круга про юзабилити "Веб-дизайн: книга Стива Круга, или "не заставляйте меня думать!" (идиотский перевод оригинального названия, но сама книга от этого хуже не стала). В ней как раз есть главы про юзабилити-тестирование (метод фокусных групп --- это "немного" другое).
Евгений 20 сентября, 2007 20:53 #
Книга действительно хорошая, рекомендую почитать.
У меня уже давно есть желание написать статью о тестировании, но сначала нужно провести опыты на людях, а до этого все руки не доходят, постараюсь ускорить подготовку этого материала.
4g3n7 30 сентября, 2007 14:35 #
Хорошая статья, с четкими и понятными тезисами. Этот сайт хоть и ничего не продает, но думаю вполне соответствует написанному в ней.
Кстати, есть обоснование, почему не надо использовать кнопку "Очистить форму"?
Евгений 30 сентября, 2007 14:55 #
Трудно представить, что пользователь ошибется во всех полях формы, а вот случайно кликнуть на кнопку "Очисть" вместо "Отправить" проще простого.
Можно добавить еще правило:
Ни одно поле формы не должно очищаться, в случае если одно из полей содержит ошибку, повторно заполнять формы не самое увлекательное занятие. (Исключение разве, что поле пароля)
Отойдя от темы статьи стоит упомянуть, что особенно актуально это правило для блогов использующих капчу. Это не совсем стандартный элемент формы комментариев, поэтому можно просто забыть заполнить его, да и ошибиться в капче не сложно, а когда из-за такой ерунды приходиться заново писать комментарий впечатление о сайте и отношение к нему уже не то.
Dorohoff 31 января, 2008 19:13 #
У меня на сайте http://cofevarka.com.ua конверсия 6-8%. Это мой интернет-магазин, он работает всего 2 месяца (с ноября 2007). При 50 посетителях в день 5-7 звонков и 1-2 покупки в день.
Я профессиональный рекламист. И хочу сказать всем: достижение высокой конверсии - это чисто маркетинговая задача. Поэтому не ищите решения в дизайне или верстке. Почитайте книги по маркетингу, все давно известно, не изобретайте велосипеды.
Верстка - это как мерчандайзинг в магазине. А дизайн страницы - как хорошая архитектура. Большие правильные картинки товаров - как дизайн упаковки. Ищите аналогии в реальной жизни!
Если речь идет о подписке на новости - почитайте материалы о том, какие глянцевые журналы разоряются, а какие газеты увеличивают тираж и почему.
Литературы - море.
Всем удачи! Если могу чем-то помочь - пишите на dorohoff@mail.ru
Евгений 31 января, 2008 21:24 #
Другими словами вы утвержаете, что вход через окно не влияет на успешность магазина, если с маркетингом все в порядке.
Если достижение высокой конверсии — это чисто маркетинговая задача, т.е. дизайн сайта на конверсию не влияет, проведите простой эксперимент поставьте на своем сайте розовый фон и салатовый текст. Потом расскажите как изменилось количество покупок.
Dorohoff 1 февраля, 2008 14:57 #
Евгений, вы совершенно правы. Салатовый текст на розовом фоне снизит продажи процентов на девяносто.
А мой пост Вы поняли не до конца. Дело в том, что наличие нормальной входной группы, как и правильный дизайн/верстка - это те задачи, которые есть часть общей маркетинговой стратегии. Любая задача по выводу на рынок товара или услуги начинается с изучения рынка, а вторым этапом идет КРЕАТИВ.
В случае интернет-бизнеса под креативом понимается написание программного кода для ядра сайта, верстка, дизайн, написание текстового контента и подготовка медиа - картинок, флешек, звука, видео.
Теперь постараюсь коротко и ясно повторить смысл моего поста: ДЛЯ ПОДНЯТИЯ КОНВЕРСИИ МОЖНО И НУЖНО ПРИМЕНЯТЬ ТЕ ЖЕ МЕТОДИКИ, ЧТО ПРИМЕНЯЮТСЯ В ОФФ-ЛАЙН-БИЗНЕСЕ. ПРЕНЕБРЕГАТЬ ЭТИМ ОПЫТОМ (ТЫСЯЧЕЛЕТНИМ) ГЛУПО.
Конечно, у каждой задачи есть своя специфика - сбор церковных пожертвований или торговля кукурузой на пляже решаются разными методами на практике. Но теория - общая. Повышаем удобство покупки - имеем повышение уровня продаж. Пытаемся продать негодный товар - имеем полный стояк.
Конкретно: попытайтесь торговать через интернет дохлыми кошками - и хоть какой вебдванольный магазин вы не сделаете, продажи будут нулевыми. Хотя из этого правила есть исключения:
Приходит как-то в партизанский отряд Рабинович и говорит: хочу драться с фашистами. Командир посмотрел на него - очочки, хилый, старый... И говорит: в бой пока не возьмем, начните с распространения листовок.
Рабинович взял мешок листовок и ушел. День проходит, два проходит - ну, наверное или струсил, или в гестапо - думают в отряде.
А на третий день Рабинович приходит, бросает на пол два мешка денег и говорит:
- Ещё раз дадите такой товар - и я выхожу из дела!!!
Dorohoff 1 февраля, 2008 15:02 #
Кстати, юзабилити - это частный случай старой доброй эргономики применительно к компьютерным интерфейсам. Возьмите любую книгу по эргономике и убедитесь. Как говорил Экклезиаст - ничто не вечно под луной. Я это все к тому, что иногда для повышения конверсии нужно расширить ассортимент, увеличить кол-во телефонных линий, разместить на сайте форму заказа поудобнее - а не в 50 полей на 3 страницах, как на некоторых форумах.
И не держите меня за врага дизайна - у меня классическое художественное образование и дизайну я придаю первостепеннейшее значение.
Dorohoff 1 февраля, 2008 15:20 #
Последнее: если для того, чтобы купить купить килограмм золота за 1 доллар нужно будет ходить через окно - я буду ходить через окно. Пример: оптовые гипермаркеты МЕТРО, куда нужно ехать далеко, но зато там удобнее и дешевле чем в поганом гастрономе или хозмаге через дорогу.
Евгений 1 февраля, 2008 22:49 #
Возможно я перегнул и воспринял фразу:
как "дизайн и верстка не влияют на конверсию".
Конечно, я не буду спорить с тем, что опыт офф-лайн бизнеса можно и нужно изучать и использовать.
4orever 20 июня, 2008 13:06 #
Dorohoff, вы меня извините, но глядя на ваш сайт, понимаешь, что образование ничего не значит. Как минимум у вас просто нет вкуса. Ваш сайт может и решает поставленну задачу, но из-за такого дизайна явно работает не на все 100%.
читатель 30 июня, 2008 8:09 #
мнение: дело не в образовании :), а в соблюдении правил, у него сайт (http://cofevarka.com.ua) содержит 110 предупреждений от DOCTYPE, что подтверждается сервисом - http://cys.ru (оценка качества создания сайта) - 752 очка!!!! Маловато будет! :), но зато, выступил красиво!
Dorohoff 8 июля, 2008 1:17 #
Что может сказать о балете хромой, если ему сразу сказать, что он хромой?
Господа, я и не выдавал свой сайт за идеал дизайна. Читайте внимательнее предыдущие мои посты, я старался для вас. О вкусах не спорят.
О маркетинге: сайт в настоящее время работает на 150%, мы не успеваем продавать товар. Это теория "узких мест", у нас проблема не с сайтом, а с квалифицированными менеджерами по доставке. Когда воспитаем стажеров и компания сможет продавать больше, я тут же "улучшу" сайт, и он принесет вдвое-втрое больше клиентов.
Больше я о своих сайтах говорить не намерен. Давайте лучше делиться опытом о том, как улучшить первую страницу. Я свою давно хочу порубать шашкой, тошнит от нее. Но дело тут вовсе не в дизайне...
Спасибо предыдущему автору: кроме ссылки http://cys.ru я на всей ветке ничего полезного для себя не нашел.
читатель 9 июля, 2008 0:48 #
моё мнение: :)
даже если сайт дал 1% - это уже хорошее начало!!!! также, один клиент может окупить расходы на сайт за год!!!! и это здорово! а если 150% - тебе 5! :)