Текст книги "Как увеличить продажи на сайте. На 30% за 1 неделю"
![](/books_files/covers/thumbs_240/kak-uvelichit-prodazhi-na-sayte-na-30-za-1-nedelyu-149927.jpg)
Автор книги: Мария Кокухина
Жанр: Маркетинг; PR; реклама, Бизнес-Книги
Возрастные ограничения: +16
сообщить о неприемлемом содержимом
Текущая страница: 3 (всего у книги 10 страниц) [доступный отрывок для чтения: 3 страниц]
Адаптивный сайт: стоит ли он того?
В настоящее время люди получают доступ к Интернету через большой спектр устройств с разными экранами. Это создает некоторые проблемы для сайтов, которые предназначены только для просмотра с компьютера. То есть сайт адаптирован только под одно расширение экрана и не может трансформироваться при меньшем расширении. В итоге компании теряют с каждым годом все больше своих посетителей – и новых, и старых.
Как же их сохранить?
РЕШЕНИЕ
Прямой способ достижения этой мечты – адаптивный сайт. Сайт должен подстраиваться под различные расширения экрана. Хорошо отображаться и работать на различных устройствах. Не только на компьютере, но и на Android-телефоне, IPad и т. д.
Что такое адаптивный сайт?
Адаптивный сайт – это когда каждая страница сайта изменяется в зависимости от размера экрана.
Сайт, учитывая размер экрана, может какие-то элементы дизайна переставить, скрыть; увеличить или уменьшить шрифт, изображения и т. д.
Например, на компьютере сайт может использовать 2-3 колонки, в то время как для телефона, планшета из-за ограничения малого экрана преобразуется в сайт с одной колонкой. Если какая-то часть контента не является существенной, то переносить его в мобильную версию нет смысла, дабы не захламлять столь малый экран.
Таким образом, адаптивный дизайн сделает содержимое сайта доступным для любого устройства. Сайт будет хорошо выглядеть и работать как на телефоне, планшете, так и на обычном компьютере.
Нужно учитывать важный момент: если на компьютере посетитель взаимодействует с сайтом с помощью мыши, то в тел ефонах, планшетах используется сенсорный экран, взаимодействие с помощью пальцев. Это заставляет ставить ссылки, кнопки и другие элементы на определенном расстоянии друг от друга, чтобы пользователь не нажимал их случайно. В итоге структура сайта, меню, навигация и другие элементы должны быть полностью переосмыслены.
Есть ли смысл переходить на адаптивный сайт или все оставить так, как есть?
• Мобильный трафик с каждым годом растет, становясь приоритетнее для быстрого поиска информации. Количество посетителей, просматривающих сайт через мобильные устройства, неуклонно увеличивается.
• Поисковые системы Яндекс и Google изменили алгоритм ранжирования в пользу адаптивных сайтов. Именно такие сайты быстрее продвигаются в top по запросам.
Да, переход на адаптивный дизайн стоит того. Этот путь экономически эффективен. Игнорирование этого может стоить бизнесу слишком дорого.
Адаптивный сайт – это будущее, а ставки на будущее – вряд ли плохая идея. Согласны?
ЗАДАНИЕ
1. Если у вас до сих пор нет адаптивного сайта, то пора его сделать.
Правильная «карусель» на главной странице
«Карусели» (от англ. carousel, также «слайдер», «слайд-шоу») на сайтах очень популярны, особенно на главной странице. Но неправильно оформленная «Карусель» может только все испортить, а не помочь. Например, быстрое мелькание баннеров раздражает и вызывает желание быстрее покинуть сайт. Как же сделать так, чтобы вызывать интерес, а не гнев посетителей?
РЕШЕНИЕ
Рассмотрим основные моменты при проектировании слайдеров.
Все баннеры должны быть составлены по принципу ОДП:
«О», или оффер. Конкретное предложение для вашего клиента. Какую выгоду, пользу несет ваш продукт.
«Д», или дедлайн. Ограничение вашей акции (по времени, по количеству или по цене).
«П», или призыв к действию (купить, подробнее и т. д.).
Хороший баннер содержит столько информации, сколько достаточно для клика.
Рассмотрим поподробнее 3 варианта дедлайна:
1. ОГРАНИЧЕНИЕ ПО ВРЕМЕНИ
Часто используемый вариант – ограничение спецпредложения. Суть в том, что вы предлагаете «вкусное» условие, которое действует до такого-то числа. А еще лучше, если акция действует 24 часа или 3-4 дня. Чем меньше времени у посетителей на раздумья, тем выше отклик на ваше предложение.
2. ИЗМЕНЕНИЕ ЦЕНЫ
Продемонстрируйте, сколько времени осталось, чтобы купить товар или услугу по выгодной цене. Дайте посетителю понять, что через N дней цена на товар изменится, и укажите, сколько он вынужден будет переплатить, если не купит товар сейчас.
3. ОГРАНИЧЕНИЕ ПО КОЛИЧЕСТВУ
Нужно показать клиенту, что товар заканчивается. Например: «Осталось всего 17 экземпляров». Для большего эффекта укажите, что 5 из 17 уже забронированы. Все это вынуждает покупателя поторопиться с решением.
Ниже приведены примеры правильно созданных продающих баннеров. Все баннеры созданы в нашей компании. При желании можете обратиться к нам за услугой.
![](i_016.jpg)
![](i_017.jpg)
![](i_018.jpg)
![](i_019.jpg)
2-3 БАННЕРА В СЛАЙДЕРЕ
Не нужно создавать большое количество баннеров. Это бессмысленно, поскольку пользователи проводят не так много времени на главной странице, чтобы успеть просмотреть все ваши акции. Как правило, основное внимание будут получать первые 2-3 предложения.
Вместо слайдера лучше разместить один статичный баннер. Он позволит лучше запомнить вашу акцию, не раздражая посетителей мельканием картинок.
Но если вы хотите разместить 2-3 баннера, то следует учитывать следующие особенности.
1. СКОРОСТЬ
Баннеры не должны вращаться быстро, в противном случае пользователь не будет иметь достаточно времени, чтобы просмотреть заинтересовавшее его предложение. В итоге он почувствует себя некомфортно, если вынужден будет ждать, когда же снова появится нужный ему баннер в слайдере. Не вызывайте у ваших покупателей ощущение, что они не могут контролировать ситуацию – это очень раздражает.
Однако если автоматическое вращение слишком медленное, то будет иметь место противоположный эффект. Пользователям просто надоест смотреть на слайдеры, которые им малоинтересны.
Таким образом, постарайтесь найти золотую середину. Настройте скорость ротации баннеров так, чтобы было не быстро, но и не медленно – достаточно для просмотра. Обычно хватает 5-7 секунд, если текста не слишком много.
2. ПОСЛЕДОВАТЕЛЬНОСТЬ БАННЕРОВ
Большинство пользователей не успеют посмотреть все баннеры в слайдере, даже если вы установили автоматическое вращение. Они просто не проводят так много времени на главной странице. Как правило, они скроллят или переходят на другую страницу задолго до того, как все баннеры будут показаны. Поэтому так важна последовательность предложений в слайдере.
Первый баннер получает большее внимание, чем все последующие. Если он не заинтересует посетителя, то велика вероятность, что остальные вовсе не будут просмотрены. Таким образом, последовательность баннеров должна быть тщательно продумана.
3. АВТОРОТАЦИЯ В СОСТОЯНИИ ФОКУСА
Как уже было сказано, быстрая ротация приводит к тому, что пользователи не успевают просмотреть оффер. Поэтому автоматическое вращение должно быть временно приостановлено, когда баннер находится в состоянии фокуса, то есть при наведении мыши на него. При этом нужно визуально показать посетителю, что карусель реагирует на его движения, чтобы не вводить его в заблуждение, будто слайдер перестал работать.
Авторотация возобновляется, как только мышь пользователя покидает слайдер.
4. РУЧНОЕ ВЗАИМОДЕЙСТВИЕ
Автоматическая ротация должна быть прекращена после любого активного взаимодействия пользователя со слайдером. Например, когда он нажимает на кнопки (следующий / предыдущий), чтобы отобразить новый баннер в карусели.
Некоторые пользователи игнорируют карусель из-за «баннерной слепоты». Другим может просто не нравиться такой элемент дизайна. Придерживайтесь всего вышесказанного, чтобы получить наилучшие результаты при использовании слайдера. Посетители станут находить их более заманчивыми и полезными. А первое впечатление, как правило, очень важно для сайта. Именно оно может повлиять на желание продолжить его изучение.
ЗАДАНИЕ
1. Проверьте, соответствуют ли ваши баннеры всем изложенным требованиям. Если нет, исправьте. Либо обратитесь к нам для создания продающего баннера.
Как улучшить поиск на сайте
Часто встречаются сайты, где поиск вроде присутствует, а результат на запрос не выдается. Или выдается результат, который не соответствует ожиданиям посетителей. Знакомо?
Что делает посетитель после этого? Правильно, уходит с сайта. Как же этого избежать? Пришло время улучшить состояние поиска на сайте, и начинать нужно с поддержки 10 типов основных запросов.
РЕШЕНИЕ
Рассмотрим 10 типов запросов, которые нужно учитывать в поиске на своем сайте. Они отражают самые основные из тех, что могут ввести посетители. Большинство сайтов ограничиваются скудным набором типов запросов. Как правило, они ограничиваются запросом по названию продукта.
10 ТИПОВ ЗАПРОСОВ:
1. НАЗВАНИЕ ПРОДУКТА
Точный поисковый запрос конкретного продукта по названию.
То есть посетитель уже знает, что ему нужно. Например, планшет Apple iPad Pro 12.9.
Откуда он знает точное название? Все просто:
• либо он скопировал его с другого сайта, и теперь ему нужно определиться, на каком сайте выгоднее купить его;
• либо он где-то слышал название этого продукта и хочет познакомиться с ним поближе. Он может не знать, как правильно пишется наименование, и тогда возникают опечатки. Эти особенности нужно иметь в виду при разработке функционала «Поиск». То есть выяснить наиболее частые опечатки пользователей и учесть их в поиске.
Как это можно сделать?
Просмотрите вашу историю поиска на сайте через Яндекс.Метрику или Google Analytics. Если вы еще только разрабатываете данный функционал, то узнайте, каковы самые частые опечатки посетителей в wordstat.
Также нужно учитывать альтернативные названия ваших товаров или услуг. Данный вариант тоже должен быть обработан корректно.
Если сайт не может обработать запрос пользователя по точному названию товара, то это решающий фактор в пользу того, чтобы уйти с сайта. Как думают посетители? Если товар не отобразился в поиске, значит, его нет на сайте.
2. НАЗВАНИЕ КАТЕГОРИИ
Когда пользователь не знает, какой конкретно товар ему нужен, то поиск осуществляется по категориям. Это более общий поисковый запрос. Например, посетитель ищет просто «ноутбук».
Почему он вводит это в строку запроса? Почему не обратится к данной категории в меню?
Тут три ответа:
• в поиске ему удобнее искать нужную категорию товара;
• либо у него возникли сложности с поиском данной категории товара. Он просто не смог ее найти на сайте. То есть сайт так сложно организован, что пользователю трудно на нем сориентироваться в первый раз. Например, данная категория спрятана от глаз посетителей, поскольку является частью основной категории;
• либо ваши категории имеют не те названия, которые обычно используют посетители в своей жизни. Просто им непонятно, что вы имеете в виду.
При общем запросе нужно учитывать синонимы, которые пользователь может использовать. Альтернативные варианты. Например, кто-то ищет принтер, для других – это копировальный аппарат.
Все эти аспекты следует учитывать при поиске.
3. СИМПТОМЫ ПРОБЛЕМЫ
Когда пользователи не знают, что им надо, то они полагаются на свою проблему. То есть при поиске продуктов запрашивается проблема, которую им необходимо решить. Ее симптом. Например, «сухой кашель».
Данные запросы часто актуальны для следующих сфер бизнеса: аптеки, здоровье и красота, инструменты, уборка и т. д.
Для сайтов, где симптомы проблемы очень важны, данный тип запросов будет хорошей идеей. Укажите рядом с поиском информацию, что посетители могут искать нужные товары по симптомам.
4. ИНФОРМАЦИОННЫЕ ЗАПРОСЫ
Это когда посетители ищут что-то, не связанное с продуктом. Ищут какую-либо текстовую информацию. Например, условия возврата, справочная информация, информация о компании ит.д.
Поиск не должен ограничиваться только запросами по продукту, нужно также предоставить возможность поиска по информационным запросам. Поиск позволит найти данную информацию быстро и легко. Не влезая в дебри сайта.
5. ХАРАКТЕРИСТИКА ПРОДУКТА
Пользователи часто имеют набор критериев, которым должен удовлетворять продукт. И при поиске они могут запрашивать данную информацию, а именно конкретные особенности товара. Например, пользователь хочет не просто «вазу», а именно «фиолетовую вазу». Или не просто «юбку», а «кожаную юбку». Термин «особенности» нужно понимать в широком смысле, ссылаясь на любой аспект товара.
Таким образом, характеристиками могут быть:
• цвет продукта («красное платье»);
• материал («кожаная юбка»);
• спецификация производительности («жесткий диск 50 GB»);
• формат («DVD диск»);
• цена («1200 руб. рюкзак»);
• бренд («духи Chanel»);
• и т. д.
Не забывайте про наиболее часто используемые атрибуты товаров в вашем бизнесе.
6. ТЕМАТИЧЕСКИЕ ЗАПРОСЫ
Что именно предполагается под этим запросом?
• Сезонность
Например, пользователю нужна куртка, в которой он может ходить зимой. Он набирает следующий запрос: «Зимние куртки».
• Где будет использоваться
Например, в офисе, на даче, на открытом воздухе и т. д.
• События
Например, день рождения, юбилей, свадьба и т. д.
Данные запросы могут использоваться на сайте как отдельные категории. Их нужно также учитывать и в поиске на сайте.
7. ЛЮДИ
Бывает, что пользователей больше интересуют люди, связанные с продуктом, чем сам продукт. То есть пользователь вводит имена лиц, связанных с ним или как-то относящихся к нему.
Например, Мерилин Монро. То есть пользователей интересует фильм с ее участием. Данные запросы наиболее актуальные в следующих видах бизнеса: книги, фильмы, музыка, ювелирные изделия и т. д.
8. СОВМЕСТИМОСТЬ С ПРОДУКТОМ
Например, у пользователя есть продукт, но он не знает, какие запасные части подойдут к нему. В этом случае он вводит запрос. Например, «зарядное устройство Nikon 8300».
9. СУБЪЕКТИВНЫЕ КРИТЕРИИ
Некоторые характеристики очень важны для пользователей, но они субъективны. Дорогой или дешевый ноутбук, высокого качества товар. Например, «высокого качества сумка».
Как обработать данный запрос на сайте?
При выводе результатов запроса нужно учитывать рейтинг товара, количество оставленных отзывов, цену, количество продаж данного товара и т. д.
Если пользователя интересует «дешевое вино», то следует вывести диапазон дешевых вин по цене.
Запрос «красивая юбка» будет обрабатываться следующим образом. Красота – это эстетика, то есть нужно выделить атрибуты товара, которые будут это передавать. Аналогично обрабатывается «вкусный торт».
10. СЛЕНГИ, АББРЕВИАТУРЫ, СИМВОЛЫ
Посетители в поиске могут использовать часто употребляемый сленг данного товара, его сокращения или употреблять в запросе символы. В качестве символов могут использоваться диапазон, модификаторы, цена и т. д.
Например, «духи 2000».
Очень важно для всех типов запросов выдавать релевантный результат. Иначе вы теряете своих посетителей. Многие интернет-магазины размещают поиск на сайте, но при этом теряют большие деньги из-за того, что функционал поиска неправильно обрабатывает запросы посетителей.
Существуют и другие типы запросов, но для сайтов достаточно обрабатывать хотя бы самые основные. Инвестируйте в поиск, и это вам в будущем окупится. Особенно если вы имеете большой ассортимент, он облегчит посетителям поиск нужного товара на вашем сайте. Превратите ваш поиск в конкурентное преимущество.
ЗАДАНИЕ
1. Прямо сейчас возьмите и протестируйте ваш функционал «Поиск» на все 10 типов запросов. Насколько релевантные результаты? Соответствуют ли они ожиданиям пользователя? Если нет, срочно исправляйте.
17 Причин ухода посетителей с сайта. Как их устранить
Вам знакома ситуация: зашли на сайт – и быстро его закрываете. Вам понятна причина вашего отказа, а вот предпринимателю остается только гадать, что же такого есть на его сайте, из-за чего посетители пугаются и быстро закрывают его. Как избежать этого? Как задержать своего посетителя подольше на сайте? Уход клиента равнозначен тому, что уплывают ваши деньги.
РЕШЕНИЕ
Рассмотрим самые негативные факторы. Зная их, вы избежите быстрой потери своих пользователей.
1. МЕДЛЕННАЯ ЗАГРУЗКА САЙТА
В XXI веке ритм жизни быстрый. Такой же скорости пользователи ожидают и от сайтов в Интернете. Они привыкли получать информацию быстро, не тратя свое драгоценное время на ожидание загрузки какого-то сайта. Если скорость вашего сайта больше 2-х секунд, вы теряете своих клиентов. Каждый день.
РЕШЕНИЕ
В случае медленной загрузки сайта важно информировать посетителей о текущем состоянии в виде индикаторов прогресса. Процесс ожидания пользователи воспримут более терпимо за счет снижения неопределенности. В такой вариации они готовы немного подождать. То есть когда сайт загружается или обрабатывает информацию долго, нужно отображать индикатор прогресса.
К сожалению, многие сайты в таких случаях не показывают посетителям никакой обратной связи. Это вызывает у них беспокойство: обрабатывает ли сайт их команды или произошел какой-то сбой? Поскольку они находятся в неведении, то начинают делать большое количество одних и тех же кликов, повторять один и тот же заказ на сайте.
Ваша цель – убедить посетителя, что сайт исправен и в данный момент обрабатывает его просьбу. Если задержка составляет более 10 секунд, то следует выводить информацию о том, когда будет выполнен запрос. Все это смягчит негативные последствия ожидания.
Передать информацию о том, что запрос обрабатывается, можно разными способами.
Например, кнопка изменяет свое состояние, показывая нажатие кнопки. Или страница показывает, что она обновляется.
Без какого-либо визуального изменения пользователи будут считать, что сайт не отреагировал на их запрос и попытаются сделать это снова.
Рассмотрим основные типы индикаторов прогресса.
Вертушка
Например, вращающий круг, бар прогресса и т. д.
![](i_020.png)
Этот индикатор лучше использовать для действий, которые занимают 2-10 секунд.
Если действие выполняется быстрее, то индикатор не нужен. Поскольку он будет только отвлекать посетителей.
На первый взгляд кажется заманчивым делать такой индикатор и для действий более 10 секунд. Лучше этого не делать:
• у посетителей быстро возникнет чувство нетерпения из-за того, что они не видят, сколько им еще осталось ждать;
• если вертушка будет вращаться неопределенное время, пользователи начнут сомневаться, а работает ли все еще сайт или уже нет. В итоге они могут просто уйти, так и не дождавшись ответа.
Полезно добавить рядом с анимированным изображением текст, который объясняет, почему пользователь ожидает. Например, загрузка картинок и т. д. Это внесет дополнительную ясность для пользователей.
Также можно добавлять простые и забавные анимации, которые связаны с вашей деятельностью. Это смягчит восприятие ожидания.
Оставшийся процент
Используйте его для действий, которые занимают более 10 секунд. Данный показатель прогресса наиболее информативный. Он показывает текущий прогресс, сколько уже сделано и сколько осталось. Передает информацию, как долго еще ждать. Эта информация позволяет посетителям решить, стоит ли ждать или уйти. Снимает неопределенность, и время ожидания воспринимается менее болезненно.
В качестве примера таких индикаторов могут выступать процесс или круги, которые заполняются в диапазоне от 0 до 100 %.
Анимированные визуальные подсказки, показывающие процесс, и текст, описывающий процесс.
![](i_021.png)
Данный тип индикатора повышает готовность посетителей ждать. В результате это создаст скорее удовлетворение, чем разочарование клиентов. Вместо процентов вы также можете указывать количество шагов.
Статические картинки и текст
Такие индикаторы советую не использовать. Например, неподвижное изображение либо текст «Пожалуйста, подождите, пока мы обрабатываем запрос…» или «Загрузка…».
Они не дают достаточной информации о том, что вообще происходит. Например, если сайт зависает, то это никак нельзя будет узнать по статичному изображению или тексту. Они не смогут подсказать посетителю, что действие нужно перезапустить.
Повторное предупреждение
Худший вариант. То есть вы предупреждаете пользователя, чтобы он не нажимал кнопку дважды, и начинаете угрожать тем, что будет повторное списание денежных средств и т. д. Данное предупреждение он просто проигнорирует и продолжит нажимать на кнопку до тех пор, пока не станет слишком поздно.
![](i_022.png)
Таким образом, чтобы решить вопрос по поводу медленной загрузки:
• проверьте скорость вашего сайта. И если ожидание больше 2 секунд, то оптимизируйте ваш сайт;
• добавьте индикатор прогресса.
2. ВСПЛЫВАЮЩИЕ ОКНА
Если всплывающие окна появляются сразу при открытии сайта, то это очень раздражает посетителей. Вы навязываете им с первых минут рекламу, а они еще толком не взглянули на ваш сайт, не познакомились с вашими услугами или товарами, не почитали информацию. Если сайт интересный, полезный, то на pop-up окошки, появляющиеся через 30-60 секунд, пользователь реагирует более-менее лояльно.
Всплывающие окна часто появляются в тот момент, когда пользователь перемещает курсор мыши в правый верхний угол для закрытия сайта.
Выход всплывающего окна – это отчаянная попытка сохранить посетителя. Часто всплывающие окна содержат следующий контент: «Перед тем как уйти, сделайте это» или «Не пропустите…». Либо предлагается скидка, подписка на рассылку.
В некоторых случаях всплывающее окно может отображаться с течением какого-либо времени. Например, через 10 секунд после захода посетителя на сайт.
Цель состоит в том, чтобы «поймать» его прежде, чем он покинет сайт. Чтобы показать ему то, что он, возможно, пропустил. Или сделать последний призыв, чтобы привлечь его внимание.
Всплывающее окно воспринимается посетителем как давление. Его заставляют делать то, что он делать не хочет. Обычно это больше раздражает посетителей, чем помогает сайту удержать их.
Пришло время пересмотреть свои приоритеты и долгосрочные цели.
Вы можете получить несколько дополнительных кликов сейчас, но в долгосрочной перспективе теряете доверие и уважение ваших посетителей.
РЕШЕНИЕ
Либо уберите со своего сайта всплывающие окна, либо отображайте их не сразу, с течением времени. Дайте посетителям время, чтобы познакомиться с вашим сайтом поближе.
3. ПЛОХО СТРУКТУРИРОВАННЫЙ САЙТ
Если посетителям с первых минут на сайте непонятно, как у вас все организовано; если ваша структура кажется им сложной, запутанной, то они просто уйдут с сайта.
Представьте себе болото. Да, посетители могут ловить рыбу в этом болоте, используя поиск и ссылки. Но это не поможет им понять структуру сайта.
Также посетители должны знать текущее свое местоположение на сайте, легко найти нужный раздел и информацию. Чтоб у них не возникало ощущения, что кликнули на Париж, а попали в Мадрид. Неудивительно, что после такого они быстро покинут сайт.
Навигация должна помогать посетителям ориентироваться на сайте, а не быть загадкой.
Они должны понимать ее сразу.
РЕШЕНИЕ
Сделайте навигацию по сайту интуитивно понятной, простой, последовательной. Используйте понятные названия пунктов меню. Цель навигации – помочь посетителям найти информацию.
Примеры навигации:
• Меню.
• Логотип.
• Ссылки.
• Поиск.
• «Хлебные крошки» и т. д.
Как проверить эффективность вашей навигации?
ТЕСТ № 1
1. Покажите людям страницу, которую они в первый раз видят.
2. Скажите: «Представьте себе, что вы попали на эту страницу. Где вы сейчас? В каком разделе сайта? Что предлагает данная страница?»
3. Если они говорят, что не знают точно, где находятся, спросите: «Что вы ожидаете здесь увидеть, что помогло бы вам сориентироваться?»
4. Спросите, что они обычно делают, чтобы это выяснить.
ТЕСТ № 2
Скажите посетителю, что его цель, например, купить фотоаппарат Canon PowerShot SX62111.
Если он сразу сориентировался и быстро нашел то, что искал – поздравляю, проблем с навигацией у вас нет.
Если при поиске возникли сложности, срочно исправляйте вашу навигацию.
4. ПРОБЛЕМА ПОЛЬЗОВАТЕЛЯ
РЕШЕНИЕ
Пользователи приходят на сайт за решением своей проблемы. Если они не могут быстро найти ответ на свой вопрос, то они покинут ваш сайт. Оптимизируйте его под проблемы клиентов. Проведите юзабилити-аудит вашего сайта.
5. ВАЖНАЯ ИНФОРМАЦИЯ
Посетители хотят на посадочной странице найти важную информацию для себя.
Если она отсутствует, то взаимодействие с сайтом прекращается.
Например, пользователь хочет узнать стоимость ваших услуг. Если эта информация отсутствует, то посетитель уйдет на другой сайт, где все есть.
Если стоимость рассчитывается индивидуально и сложно привязать ее к фиксированной цене, то укажите это на сайте. Это будет лучше, чем ничего не писать. Иначе ваша страница воспринимается как познавательная информация для чтения, а не для заказа.
РЕШЕНИЕ
На ваших страницах должна присутствовать важная информация для посетителей. Возьмите и прямо сейчас проверьте свои страницы – все ли там присутствует?
6. ПРИНУДИТЕЛЬНАЯ РЕГИСТРАЦИЯ
Посетитель решил заказать товар на сайте – и вдруг сюрприз: ему предлагают вначале зарегистрироваться. Вас же, когда покупаете в обычном магазине, не заставляют предоставить свои личные данные, прежде чем вы получите свои товары? Так почему же многие сайты ломают обычное мышление посетителей?
Посетители переносят свои привычки из реальной жизни в Интернет и ожидают таких же действий там. А когда их представление рушится, то они уходят с сайта. Все просто.
РЕШЕНИЕ
Не вводите принудительную регистрацию на покупку. А если уж сделали, то укажите преимущества регистрации, чтобы посетители отнеслись к этому более лояльно.
7. ГИРЛЯНДА
Некоторые, особенно в праздники, начинают украшать свой сайт. Все сверкает, светится, двигается, падает снег, играет музыка и т. д. Это выглядит ужасно. Как будто посетитель попал в ночной клуб. Особенно плохо, когда это делается основным оформлением в будние дни.
РЕШЕНИЕ
Уберите эту мишуру с сайта. Она не помогает привлечь к вам посетителей, а только раздражает их.
8. НЕЧИТАЕМЫЙ ТЕКСТ
Представьте: вы заходите на сайт, а там все написано мелким шрифтом. Или стиль шрифта выбран настолько неудачно, что читать без напряга не получится. Что остается посетителю? Покинуть сайт.
Нечитаемый текст – это:
• крошечный шрифт;
• узорный шрифт;
• плохая контрастность между текстом и фоном страницы.
РЕШЕНИЕ
Задайте себе вопрос: «Легко ли читается мой шрифт на сайте?»
Размер шрифта: используйте шрифт крупного размера (12-14 пикселей). Достаточно, чтобы не читать ваш текст с помощью лупы. Слишком крупный или слишком мелкий шрифт снижает скорость чтения.
Стили шрифтов: не используйте шрифты с засечками, например, Times New Roman. Их труднее читать на компьютере. Советую использовать на сайте «безопасные» шрифты без засечек, которые без проблем отобразятся у большинства посетителей.
«Безопасные» web-шрифты:
• Verdana;
• Arial;
• Tahoma;
• Georgia и т. п.
Старайтесь избегать на сайте нестандартные шрифты. То, что этот шрифт поддерживается на вашем компьютере, не гарантирует, что он поддерживается на компьютерах большинства посетителей. Кроме того, такие шрифты посетители часто игнорируют, воспринимая их как рекламу.
Контраст: высокий контраст между текстом и фоном увеличивает читаемость. Например, черный шрифт на белом фоне. Но не используйте светлый текст на темном фоне.
Цвет: не используйте синий цвет для обычного текста, так как он является стандартом для обозначения ссылок на сайте. Не стоит вводить посетителей в заблуждение.
9. УСТАРЕВШАЯ ИНФОРМАЦИЯ
Если в блоке «Новости» присутствуют новости за 2014 год, а на дворе 2017-й, то посетитель вообще больше не придет на этот сайт. Вы его потеряете навсегда. Он подумает: «Ух ты… новость за 2014 год. Сайтом вообще никто не занимается, он заброшен. Что тогда я тут делаю?»
РЕШЕНИЕ
Новости должны быть актуальными. Не держите новости прежних лет на главной странице. Они не принесут вам популярность, а только испортят впечатление о вас. Вы наверняка потеряете посетителей.
10. ГДЕ Я?
Когда посетитель заходит на сайт, он с первых секунд хочет понять, где он. Чем занимается данная компания, что предлагает. Если он не поймет это с первых минут, то уход неизбежен.
РЕШЕНИЕ
Возьмите и кратко изложите это в своем лого. Создайте слоган. Коротко и ясно.
Как проверить, что слоган понятен посетителям?
ТЕСТ № 3
Проведите тестирование среди 3-5 людей, которые не знакомы с вашей компанией. Покажите им ваш слоган. А потом спросите, могут ли они по слогану сказать, чем занимается компания.
11. НЕПОНЯТНАЯ РЕЧЬ
Бывает, владельцы сайтов увлекаются и начинают использовать на сайте профессиональный сленг, понятный только им и узкому кругу людей. Получается, что на всех остальных посетителей им наплевать – понимают они их или нет. Выглядит это так: «Кому надо, тот поймет и купит». Но результат таких действий для компании, как правило, плачевный.
РЕШЕНИЕ
Пишите простым, понятным языком. Если употребляете сленг, то расшифруйте его. Все термины, которые могут быть новыми для посетителей, объясните без какого-либо намека на снисходительность. Уважайте свою аудиторию. Ваш текст должен быть понятен даже ученику 8-9 класса. Если он прошел этот тест, то все в порядке.
12. НАРУШЕНА ВЕРСТКА
Бывает, на сайте в разных браузерах «едет» верстка – все прыгает, скачет.
РЕШЕНИЕ
Посмотрите, как выглядит ваш сайт в разных браузерах, в разных операционных системах, в разных расширениях экрана. Обратитесь к вашему программисту и исправьте, если у вас все скачет.
13. НЕАДАПТИВНЫЙ САЙТ
Не все посетители заходят на сайт, используют одно и то же расширение экрана. Есть аудитория, которая активно пользуется другими расширениями либо мобильными устройствами для серфинга по Интернету. И с каждым годом ее становится все больше.
Представьте, что посетитель заходит на ваш сайт через мобильное устройство, а он не адаптируется под разные разрешения экрана. Он всегда показывается одинаково, как для компьютеров, а на мобильных устройствах такой сайт просматривать трудно.
Приведу статистику, как обстоят дела с трафиком на разных устройствах:
• компьютеры – 42,8 % трафика и 63,9 % от объема продаж;
• планшеты – 12,5 % трафика и 15,5 % от объема продаж;
• мобильные телефоны – 44,7 % трафика и 20,6 % от объема продаж.
Небольшой трафик на планшетах вызван появлением больших экранов на мобильных устройствах. Пользовательский опыт совершения продаж через компьютер пока выше, чем через мобильные устройства. Но эта разница с каждым годом будет сокращаться.
РЕШЕНИЕ
Создайте адаптивный сайт.
14. ГДЕ СТРАНИЦА «О НАС»/ «О КОМПАНИИ»?
Представьте, что посетитель заходит на сайт, а этой страницы нет. Что он думает? Угадайте. «Сайт-однодневка, что ли? Что тогда я тут делаю? Пора уходить отсюда. Зачем тратить свое драгоценное время зря?»
РЕШЕНИЕ
Если у вас данная страница отсутствует, срочно разместите ее на сайте.
15. НЕПРАВИЛЬНО ПОДОБРАННАЯ ЦВЕТОВАЯ ГАММА
Цветовая гамма, не соответствующая тематике бизнеса, создает плохое впечатление о сайте и затрудняет чтение, знакомство с представленной информацией.
Внимание! Это не конец книги.
Если начало книги вам понравилось, то полную версию можно приобрести у нашего партнёра - распространителя легального контента. Поддержите автора!Правообладателям!
Данное произведение размещено по согласованию с ООО "ЛитРес" (20% исходного текста). Если размещение книги нарушает чьи-либо права, то сообщите об этом.Читателям!
Оплатили, но не знаете что делать дальше?