Увеличение конверсии продаж. Размещайте всю важную информацию f-образным способом. Всегда используйте одну колонку
Привлекательный дизайн веб-сайта является важным атрибутом, но не стоит забывать и о конверсии сайта. Чтобы ответить на вопрос как повысить конверсию сайта, нужно понять какие функции действительно выполняет ваш сайт: конвертацию посетителей в клиентов, призыв к совершению телефонных звонков и визитов в фирму, обеспечение регистрации заявок, а также предоставление наиболее полной информации об услугах и продуктах.
Отсутствие этих пунктов приведет к понижению конверсии сайта и как следствие к потере дохода от бизнеса. Естественно, чем больше происходит переходов на ваш сайт, тем большую выручку будет приносить компания.
Совсем недавно за чашечкой утреннего кофе мой друг предложил мне провести аудит сайта его компании. Показатели конверсии оставались крайне низкими, и он во что бы то ни стало хотел исправить это положение. Результатом нашего разговора стала выработка представленных ниже 6 советов, благодаря которым сайт увеличит конверсию и свои конверсионные показатели.
Выбираем «отзывчивый» дизайн чтобы увеличить конверсию
1 Приблизительно 31 % всего трафика, в соответствии с данными американских исследований US Digital Future in Focus, обеспечивается владельцами мобильных устройств. Это число, уже сейчас довольно значительное, будет продолжать расти. Если ваш сайт не адаптирован под разрешение экранов мобильных устройств, то он сам затягивает петлю у себя на шее. Повышение конверсии за счет мобильной адаптивности священный долг любого вебмастера.
Сайт, созданный по методике адаптивного веб-дизайна (Responsive Web Design – RWD), способен подстроиться под разрешение экрана любого устройства: настольных компьютеров, ноутбуков, смартфонов и планшетов. Использование адаптивной верстки при создании сайта позволяет сохранить весь его функционал независимо от того, на каких устройствах пользователь просматривает сайт. Вы же не собираетесь производить множество манипуляций с мобильным экраном, чтобы хоть как-то прочитать содержимое? Конечно, нет. Точно так же не будет это делать ни один из ваших клиентов, понижая конверсию.
Повышение конверсии за счет простого дизайна
2 Много лет назад основная тенденция веб-дизайна характеризовалась обязательным наличием большого числа анимаций и светоэффектов. На сегодняшний день популярны более простые конструкции. Товарные бренды пытаются произвести впечатление необычными деталями, в то время как посетители отдают предпочтение простому и спокойному оформлению. Время прошло, и сейчас все иначе, поэтому зарубите себе на носу, простота во всем это путь к повышению конверсии.
Привлекайте пользователей содержанием и удобством сайта. Наличие ненужных элементов не только раздражает их, но и замедляет скорость загрузки страницы. Стремление к простоте это важная составляющая любого коммерческого проекта, который стремиться к увеличению конверсии.
Не используйте стоковые фотографии
3 Во-первых, позвольте мне сказать, что стоковые изображения довольно велики, например, для ваших сообщений в блоге. Разместив их на странице сайта «О нас», вы будете чувствовать, что они вам не принадлежат и являются бутафорией. С такими фотографиями вы ни чем не будете отличаться от массы других сомнительных компаний и вам будет сложно увеличить конверсию.
Меня вообще передергивает, когда я вижу сайт, использующий такие стоковые фальшивки, описывающие деятельность предприятия и его сотрудников. Если вы хотите добавить фото вашей команды, лучше наймите профессионального фотографа. Потребители не испытывают доверия к компании, которая пытается продемонстрировать свой опыт и профессионализм с помощью стоковых фотографий.
Создайте удобную и простую навигацию
4 Когда пользователи переходят на ваш сайт, они должны иметь возможность найти то, что ищут, в течение двух секунд. Если придется искать дольше, то посетитель испытает разочарование и найдет другой веб-сайт.
Сделайте меню навигации как можно проще, этот простой шаг значительно увеличит конверсию сайта, особенно это касается интернет магазинов. Знайте, что посетители буквально завалены большими объёмами информации, когда перед их глазами открывается какой-либо сайт. Вы должны обеспечить им простой и понятный путь к действиям, будь то отправка заявки или регистрация.
Моя компания находится в середине списка фирм, осуществляющих редизайн сайтов, и мы действительно упрощаем навигацию, при этом умещая функциональность и информацию 15 страниц на одной. Конечным результатом является гораздо более легкий путь к нашей цели – форме обратной связи.
Не создавайте препятствий клиентам при попытке связаться с вами
5 Телефонные звонки еще не потеряли своей актуальности, но многие потребители связываются с компанией через формы веб сайта, особенно если интересуются уровнем обслуживания или какими-то деталями. Они не хотят, чтобы им тут же что-то продали – они желают просто получить какую-то информацию. Это люди которые значала изучают, прежде чем что-то купить. Упростите для потенциальных клиентов способы связи с вами.
Структура страницы контактов моей компании предусматривала два варианта: форму регистрации, которая имела 12 полей, и общую форму обратной связи, которая имела 3 поля. Теперь у нас осталась только вторая и конверсия увеличилась. Потребителю больше не приходится выбирать между двумя формами. Каждый раз, когда посетителю приходится делать выбор, он тратит на это время, и каждый новый выбор замедляет клиента и отдаляет его от заказа. Сделайте так, чтобы клиенту приходилось как можно меньше принимать решения на сайта, это значительно увеличит конверсию.
Удалите на сайте посты с ваших групп из социальных сетей
6 Когда идея Интернета как медиаканала была еще свежа и популярна, многие владельцы сайтов разместили ссылки на свои записи в соцсетях. Теперь же пользователи при необходимости и сами могут посетить ваши профили. Размещение постов из Facebook и Twitter на сайте только отвлекает внимание посетителей.
Поместите в футере или на боковой панели спрайты таких каналов и ссылку на ваш аккаунт в них. Если пользователь захочет просмотреть их, то он так и поступит. Ведь вы желаете, чтобы посетитель ознакомился с содержанием сайта, заполнил все необходимые формы и произвел покупки, а не прокручивал ваши предыдущие твиты и посты.
Возможно вы скажете что у вас идеальный сайт, идеально оптимизированный, лучше не куда. Поздравляем! Но, может быть тогда сместить внимание сайта и посмотреть на ? Грамотно используя можно найти новые точки роста вашего бизнеса.
Один из ключевых аспектов повышения конверсии вашего сайта является бизнес-аналитика. Если не анализировать какие источники трафика самые прибыльные, то можно терять больше половины бюджета заложенного на продвижение, в независимости от дизайна. Почему? Потому что как правило какой-то один источник может давать львиную долю успешных конверсий, и если нарастить тип этого трафика, можно в разы увеличить прибыль вашего бизнеса.
Возможно с вашим сайтом все уже и так в порядке, а вы пытаетесь улучшать то, что уже и так идеально. На мой взгляд, с задачей аналитики каналов трафика идеально справляется сервис Roistat , который собирает все данные в одном месте и предоставляет точные отчеты, по которым можно сделать решающий вывод.
У сайта хорошие позиции и посещаемость, а и продаж мало. Вам знакома такая ситуация? Клиенты, которые воспользовались услугами SEO-компании и не получили ожидаемого объема продаж, начинают сомневаться в эффективности поискового продвижения как способа привлечения клиентов. Но если сайт находится в ТОПе, то причины такой ситуации могут крыться в или низкой конверсии сайта. Именно о том, какие ошибки на самом ресурсе могут стоить вам клиентов, и пойдет речь в данном мастер-классе.
Я рассмотрю основные факторы, влияющие на конверсию сайта, и предоставлю вам свои рекомендации, как их улучшить, чтобы обеспечить продажи. Но сначала предлагаю разобраться с самим термином “конверсия”.
Что такое конверсия сайта
Конверсией сайта является отношение количества посетителей сайта, выполнивших необходимое действие (покупка товара, звонок менеджеру, подписка на рассылку и т.п.), к общему числу посетителей.
Мы знаем, что рекламная кампания приносит нам определённый трафик. Часть посетителей читают информацию на сайте и переходят на страницу “Контакты” либо на страницу формы заявки, это и есть микроконверсия. Но только некоторые из этих пользователей заполнят форму заказа или позвонят по телефону/приедут в офис. Те посетители, которые позвонили или заполнили форму заказа, и есть макроконверсия сайта.
Как правило, конверсию сайта можно значительно улучшить после небольших, но очень важных доработок. Чтобы увеличить конверсию сайта, нужно прежде всего понимать, от чего она зависит. Ниже я рассмотрю несколько факторов, которые влияют на то, сколько посетителей вашего ресурса станут в итоге вашими клиентами.
Факторы, которые влияют на конверсию сайта
- Дизайн. Это визуальное представление сайта, а именно различные графические элементы, использование определенного шрифта и цветовой гаммы на сайте. Дизайн вашего сайта определяет весь его внешний облик. В случае, когда сайт продвигается в неконкурентной тематике, можно ограничиться простым (типовым) дизайном. Если же у вашего ресурса тематика высококонкурентная, то ему необходим уникальный и эксклюзивный дизайн.
- Контент. Это текстовое, мультимедийное и графическое наполнение сайта. Важно, чтобы текст на сайте был информативным, грамотно написанным, хорошо структурированным и красиво оформленным. Положительно скажется наличие на сайте уникальных картинок и информативных видеороликов. При размещении контента также необходимо учитывать то, что есть у самых популярных интернет-проектов в тематике, к которой относится сайт.
- Юзабилити. Это удобство и простота использования сайта для целей посетителей. В входит структура сайта, меню, онлайн-заявки, калькуляторы и т.д. Если у пользователей при поиске нужной информации и подаче заявок на сайте не возникает никаких трудностей, значит, у ресурса хорошее юзабилити.
- Техническое состояние. Необходимо следить за тем, чтобы все страницы сайта быстро загружались, корректно работали, и не выдавались ошибки. В случае, когда на сайте долго загружаются страницы, посетители просто уходят с него, так и не дождавшись загрузки. Также важно, чтобы сайт правильно отображался на мониторах любого размера и во всех самых популярных браузерах. Если данные правила не будут соблюдаться, то посетители будут покидать сайт, так и не сделав необходимого действия (покупка товара, подача заявки и т.д.). Проверить работоспособность страниц сайта можно с помощью сервиса . Например, при проведении бесплатного система покажет время ответа сервера, что непосредственно влияет на скорость загрузки страниц сайта:
Более углубленный анализ технических параметров можно сделать в сервисе Rooletka . Например, он покажет, сколько страниц загрузилось быстро, а сколько нет:
Также данный сервис поможет проанализировать интернет-ресурс на наличие элементов, которые увеличивают конверсию сайта:
- Семантическое ядро. Часто причиной плохой конверсии сайта является неправильно подобранное . Например, если вы продвигаете запрос “охлаждающая жидкость”, а большинство посетителей, которые переходят на сайт по нему, желают просто получить информацию и не подразумевают покупку товара. Если же вы продвигаете запрос “купить охлаждающую жидкость”, то к вам придет посетитель, который уже с гораздо большей долей вероятности станет клиентом. В связи с этим рекомендуется брать на продвижение как можно больше запросов с так называемыми словами-маркерами (“продажа”, “купить”, “Москва” и т.п.). Для анализа можно воспользоваться статистикой и на ее основе решать, имеет ли смысл замена семантического ядра. Таким образом, нужно отобрать те запросы, у которых конверсии либо вообще нет, либо она значительно меньше в сравнении с другими, и заменить их на более конверсионные.
1. Сайт должен правильно отображаться во всех популярных браузерах (Chrome, Mozilla Firefox, Opera, Internet Explorer 7 и 8). Проверить корректность отображения в разных браузерах можно визуально или с помощью различных сервисов, например Browsershots .
2. На любой странице сайта должны быть размещены телефон, время работы компании и ссылка на “Контакты”:
При этом телефон должен быть заметен для посетителя. Страница “Контакты” должна содержать всю необходимую информацию: разные телефоны, карту проезда, описание “Как добраться”, реквизиты компании. Например, на этом скриншоте есть все необходимые пользователю данные:
Пример хорошего описания “Как добраться”:
3. Рядом с каталогом продукции обязательно должны быть указаны актуальные цены. При этом на сайте должно быть какое-либо подтверждение их актуальности.
4. На сайте должна быть информация “О компании”, её награды и достижения, сертификаты и лицензии:
Такая информация должна быть доступна всего в один-два клика и обязательно частично размещена непосредственно на главной странице. Это может дать значительное увеличение конверсии сайта.
5. На сайте должна быть возможность загрузки прайс-листов в формате Excel или Word:
Но такая возможность загрузки должна быть не основным, а лишь дополнительным способом просмотра цен и товаров.
6. На сайте должен быть размещён каталог продукции с краткими описаниями товаров, фотографиями, удобным поиском, рейтингами, возможностью сравнения по параметрам, обзорами:
7. Чтобы посетитель стал клиентом, нужно сделать так, чтобы он доверял компании и сайту. Этому очень способствуют отзывы настоящих покупателей, портфолио:
8. Нужно постараться сделать так, чтобы для совершения покупки от клиента требовалось как можно меньше действий. Не стоит создавать формы заявки с лишними ячейками, обязательными для заполнения. Подробнее о том, как правильно создавать формы заявок, вы можете прочитать в книге .
9. Навигацию сайта необходимо сделать удобной и простой в использовании. Если сайт имеет сложную структуру, обязательно разместите на нём “хлебные крошки ”:
Они помогут пользователям разобраться в структуре сайта — при необходимости с помощью одного нажатия они смогут оказаться на уровень выше.
10. Проследите, чтобы на большинстве страниц сайта были точки выхода. Это может быть ссылка на форму заказа либо телефоны и призыв к действию. Например, как на скриншоте ниже:
Итоги
Среди всех рекомендаций, которые я обозначил, нет сложных, однако после их реализации вы сможете заметить существенный рост звонков и продаж. Здесь важно понимать, что если вам и вашим близким нравится ваш сайт, это ещё не значит, что он действительно удобный для пользователей и подталкивает их к совершению какого-либо действия. При доработках сайта, рассчитанных именно на увеличение конверсии сайта, нужно все делать не так, как вам кажется правильным или креативным, а так, как принято. Таким образом, если меню на сайте размещено не слева, как принято, а справа, то это плохо отразится на действиях посетителей.
Не стоит забывать основную цель сайта (), ведь хорошие позиции по продвигаемым запросам — это ещё половина успеха, главное, чтобы эти позиции приносили клиентов и увеличивали вашу прибыль.
Вряд ли вы будете спорить, что конверсия сайта определяет его успех. И экономит деньги. И на конверсию часто влияют мелочи. Например, банальное слово «Закажите» или «Позвоните» в конце целевой страницы действительно увеличивает количество обращений!
Еще несколько лет назад я относился к этому скептически. Казалось, что это ну совсем мелочь. На деле мелочи определяют успех целевых страниц, а значит всего сайта. Вспомните сериал «Абсолютная власть» со Стивеном Фраем, где он играет всемогущего PR-специалиста. Успех его кампаний всегда решали мелочи.
Вот про такие мелочи сегодня расскажу интересные факты. Берите примеры на вооружение и тестируйте!
1) Используйте интерактивный чат
Рекомендация может показаться несколько спорной. Однако если вы выделите под чат грамотных специалистов, то вполне сможете добиться успеха. Так, компания Intuit увеличила конверсию сайта на 211% с помощью интерактивного чата.
2) Уделите больше внимание заголовку
Иногда владельцы сайтов тщательно прорабатывают текст целевой страницы, призыв к действию, но совсем забывают про заголовок. Хотя работа с ним помогла компании CityCliq увеличить конверсию на 90% .
3) Фокусируйтесь на конкретном источнике трафика
Найдите тот источник, который дает лучший результат, и выжмите из него максимум. Так сделала компания Quanticate. Она сфокусировалась на LinkedIn и тем самым смогла увеличить свою посещаемость в 10 раз. Рост конверсии был соответствующим.
4) Используйте красный цвет в кнопках призыва.
Британская компания BMI сделала такой бекграунд рядом с сообщением о том, что осталось всего несколько мест на конкретный рейс. В итоге конверсия с красной кнопкой призыва возросла на 2,5%. А компания Perfomable увеличила конверсию своего сайта на 21%, изменив с зеленого на красный цвет своих кнопок.
5) Отзывы работают
Компания WikiJob добавила отзывы на свой сайт и увеличила конверсию на 34%. Кстати, отзывы могут быть сильным средством на целевых страницах.
6) Расскажите о скидке
Скидки работают. Так, The Corkscrew Wine Merchants смогла увеличить конверсию своего сайта на 148% за счет размещения информации о скидках на нем. Конечно, делать это нужно на видном месте. И преподносить привлекательно.
7) Уменьшите количество полей в форме заказа
ImageScape уменьшила количество полей на форме заказа с 11 до 4. И тем самым смогла повысить конверсию на 120%.
8) Используйте большие изображения людей
Люди, которых можно проассоциировать с целевой аудиторией, положительно влияют на конверсию сайта .
9) Фокусируйтесь на одном призыве к действию
The Weather Channel доказала, что акцент на одном призыве к действию повышает конверсию на 225%. Несколько призывов сбивают людей с толку. Фокусируйте свой призыв, как The Weather Channel .
10) Располагайте кнопку призыва по левой стороне
Less Accounting протестировала разные шаблоны своей страницы. И по результатам тестирования пришла к выводу, что призыв к действию, располагающийся в левой части страницы работает лучше, чем тот, что справа.
11) Перечисления
Оформляйте их «буллетами». И тогда увеличить отдачу от целевой страницы. Доказано примером Unionen tested, которая с помощью буллетов подняла конверсию на 15,9%.
SAP BusinessObjects заменили простую ссылку в призыве к действию на кнопку. Результат не заставил себя ждать. Конверсия выросла на 32,5%.
13) Не предлагайте купить ваш продукт слишком рано
Это иногда сбивает с толку. Человеку нужно сначала ознакомиться с вашим предложением. Вы должны ему продать продукт или услугу. Совет спорный, но актуальный во многих сферах. Например, одна компания увеличила конверсию на 350%, убрав призыв к действию в верхушке сайта.
14) Не забывайте про номер телефона
Некоторые компании предпочитают оставлять на сайте только онлайн-связь. Большая ошибка. LessAccounting увеличила свою конверсию почти на 2 процента, добавив телефон на сайт. А некоторые наши клиенты увеличивали продажи в разы за счет телефона на видном месте.
15) Помните, как люди смотрят сайты
Об этом я писал в статье « ». Учитывайте хождение глаза по веб-сайту. И тогда вы сможете цеплять его необходимыми элементами.
Интернет содержит огромное количество кейсов по лендингов и сайтов eCommerce, но редко когда лучшие из них бывают собраны в одном месте. Вероятно, вы уже искали что-то вроде полного руководства к действию, но вместо развернутого ответа получали лишь ряд беглых рекомендаций.
Мы решили изменить ситуацию и подготовили список из 44 советов по оптимизации продаж из практики различных зарубежных брендов, и надеемся, что этот пост станет для вас если не настольной книгой, то хотя бы подскажет верный путь в трудной ситуации.
1. Список партнеров на главной странице
Использовав имена громких брендов, сотрудничающих с компанией, туристическое агентство Coke Travel добилось невероятного увеличения показателей на 48%! Все, что они сделали — разместили логотипы партнеров, таких как Air France и Virgin, на своем сайте.
Пример от CrazyEgg.com
2. Новый формат прайс-листа
Первоначальный вариант прайса RJR Metrics
Вариант с полем для расчета стоимости
3. Прайс и CTA-кнопка как часть контента
Разместив кнопку призыва к действию (call-to-action ) рядом с продающим текстом, Nature Air отметили ошеломляющий рост показателей на 591 процентов (конверсия увеличилась с 3% до 19%). Если прайс и призыв к действию легко найти на странице, тогда они работают на вас.
Исходный вариант страницы
Победивший вариант
4. Не усложняйте
Когда Underwater убрали все лишнее с целевой страницы, конверсия поднялась на 261%.
Первоначальный вариант
Победивший вариант
5. Персонализируйте свой лендинг
Sales Benchmark Index увеличила продажи на 100%, разделив покупателей на несколько сегментов и оптимизировав контент под каждый из них.
Первоначальный вариант
Обновленный вариант
6. Радикальный редизайн лендинга
Попробуйте выйти за рамки тестирования одного элемента, разработав принципиально новую версию лендинга. SEOMoz добилась увеличения продаж на 52% и получила более $1 000 000 чистой прибыли, кардинально изменив свой сайт.
Варианты до и после
7. Ставьте на красное
Хотя исследования юзабилити показывают, что синий — самый лучший цвет для ссылок, Beamax пошел против течения и увеличил кликабельность СТА-ссылки на 54%, сделав ее красной:
8. Инициируйте общение с посетителями
Живой чат помог Wells Fargo поднять конверсию посетителей в два раза.
Используйте красный цвет для кнопок призыва к действию, чтобы создать ощущение срочности. Именно этот прием позволил CTA-сообщению «Get Started Now!» («Начните прямо сейчас!») на красном фоне привести к конверсии на 21% больше посетителей, чем на зеленом:
10. Отзывы пользователей
Figleaves поднял конверсию на 35%, добавив отзывы пользователей на свою страницу. Лендинг WikiJob пришел к улучшению показателей на 34% по той же причине.
Изначальный вариант
40. Лид-формы в стиле игры Mad Libs
Mad Libs («Безумная библиотека») — это веселая игра, где участники придумывают слова в соответствии с заданными характеристиками (например, «часть тела», «наречие», «существительное»), которые потом подставляются в пропуски готового текста.
Vast.com сделали лид-формы по этому принципу и подняли конверсию на 25-40%:
41. Выпадающее меню с результатами поиска
Добавив выпадающее меню с результатам поиска, которое появляется, как только пользователь вводит искомое слово в строку поиска по сайту, BrickHouse Security значительно повысили показатели конверсии.
42. Доставка на следующий день
2BigFeet ввели бесплатную доставку на следующий день для заказов стоимостью от $100, и показатели конверсии увеличились на 50%.
Пример от Zappos.com
43. Количество факторов доверия
Протестировав версию лендинга, ориентированную на повышение степени доверия клиентов, American Express заметила рост количества звонков почти на 50%.
Исходный вариант
Новый вариант
44. Реальные фотографии, а не фотостоки
