5 советов по веб-навигации продающего сайта, благодаря которым посетители не уйдут

веб-навигация навигация веб сайтов

У вас есть только ограниченное время, чтобы «поймать» пользователя, который заходит на ваш сайт. Точнее, несколько секунд. Если вы не вовлечете его в этот момент, он, вероятно, покинет ваш ресурс. Но не заблуждайтесь, внимание привлекает не только красивая графика и хороший контент.

Посетитель должен видеть, что он не потеряется вместе с вами. Что он легко найдет у вас все, что нужно. Что путь к информации не займет у него много времени. Поэтому при создании страниц имейте в виду идеально настроенную навигацию, которая всегда идеально направляет. Много полезных советов и практических рекомендаций по его составлению вы найдете в следующих советах.

1. Правильное размещение — основа

Оригинальность высоко ценится в переполненной интернет-среде, но сейчас забудьте об этом. Не придумывайте никаких новшеств в расположении навигационного меню и придерживайтесь проверенной временем классики. Пользователи привыкли находить этот элемент в горизонтальной строке вверху сайта над или под начальным изображением/логотипом/слоганом. Они могут ждать его в вертикальном положении с левой (правой) стороны.

Любая другая позиция усложняет использование сайта и увеличивает риск «отравления» посетителя. Никто не хочет нажимать, искать, искать и нажимать… Все хотят получить то, что им нужно, как можно быстрее. Поэтому не ставьте людей на пути скрытой и трудно обнаруживаемой навигации.

2. Не переусердствуйте с количеством предметов

Навигация служит для большей ясности и облегчает навигацию в Интернете. Но когда вы «поставите» в меню десятки ссылок, вы полностью «замуруете» его потенциал для помощи с ориентацией. Будет хаос, в котором все равно никто ничего не найдет. Или, по крайней мере, не быстро. Поэтому при строительстве навигационного указателя думайте в основном о практичности, полезности и удобстве использования.

Общие рекомендации около 5-7. Но сумма также зависит от характера веб-сайта. Если у вас обширный веб-сайт с сотнями различных подстраниц, это обязательно повлияет на размер меню, в котором вы не будете довольствоваться лишь несколькими пунктами.

Мы также рекомендуем использовать разделение по иерархии отдельных разделов, где вы выбираете, например, ровно пять основных страниц сайта и под ними также вводите в меню важные подстраницы. Слишком сложная навигация (и не только) в сети всегда оказывает хаотичное воздействие на посетителей.

3. Обратите внимание на выпадающее меню

Расширять или нет? Это еще одна большая тема, связанная с веб-навигацией. Так называемое Выпадающие меню, которые отображаются все больше и больше после наведения курсора на один элемент, очень популярны у многих создателей сайтов. Они позволяют включать множество ссылок в навигацию, сохраняя при этом ее ясность с первого взгляда. Однако он уже не так «привлекателен», когда речь идет об удобстве для пользователя и доступности для поисковых систем (SEO).

Многие эксперты отмечают, что поисковые системы не могут перемещаться по всплывающим меню, что также приводит к предвзятости и ошибкам при оценке сайта для определения местоположения в поисковой выдаче. Эффект «вверх» занимает некоторое время. А это задерживает посетителя и излишне отвлекает его. Он уже выбрал пункт в меню, собирается нажать на него, но вдруг появляется еще что-то. Это остановит его, и вместо того, чтобы идти прямо (например, чтобы сделать заказ), вы заставите его еще раз подумать и выбрать из меню.

Изначально этот тип навигации доставляет еще больше хлопот, когда связан с «техническими» недостатками типа - меню чувствительно к прокрутке, а потому бесконтрольно распаковывает/упаковывает; либо в нем есть неактивные области, что мешает быстро кликнуть.

4. Конкретные ярлыки побеждают универсальные

Знаете ли вы, что вы также можете общаться со своими посетителями через навигацию? Все, что необходимо сделать, это отказаться от «Продукт», «Услуги» или «Что мы делаем» и вместо этого дать краткое описание. Вы делаете торты? Так что вместо обязательного «Наша работа» возьмите пункт с названием в стиле «Наша домашняя выпечка».

Убедитесь, что вы показываете посетителю то, что вы знаете или продаете, даже с помощью этого небольшого элемента. У него будет шанс чуть быстрее узнать, что он в нужном месте. И это, конечно, приближает его к обращению.

И последнее, но не менее важное: уникальный и релевантный текст в меню также является хорошим выбором для SEO. Тем более, если вы будете учитывать ключевые фразы при создании названий. Благодаря хорошо описанной навигации поисковая система сразу распознает актуальность вашего сайта, а потому предпочитает его другим, придерживающимся устаревших универсальных сообщений.

5. Это также зависит от заказа

Мы останемся «внутри» навигации в последнем совете. Вы уже знаете, что нужно учитывать количество и форму предметов. Кроме того, обратите внимание на эффективные механизмы. «Обрамляйте» меню наиболее важными ссылками. Обычно в начале сложных и качественных веб-сайтов вы найдете путь к сервисам, которые показывают, что вы делаете, а в конце - к контактам, что позволяют вам и вашим потенциальным клиентам общаться.

Это правило уходит своими корнями в психологические феномены (эффект первичности и актуальности), которые имеют дело с тем, что люди воспринимают более интенсивно. Да, вы правильно догадались - они запоминают ту информацию, которая пришла к ним в первые моменты контакта, а затем самые последние, т.е. с конца.

Поэтому, если вы хотите улучшить впечатление от выбранных подстраниц, следуйте этим знаниям о когнитивных процессах. И еще здесь напоминаем, что все должно быть логично, с учетом характера или целей сайта, а также максимально понятно.

Рейтинг
( Пока оценок нет )
Сергей Елькин/ автор статьи

- Основатель и владелец компании Web-Стратегия (webc.ru).
- Директор по развитию Taplink(taplink.at).
- Запустил более 200 коммерческих ИТ проектов за 15 лет.
- Запускаю 2-3 стартапа в год.

Даю абсолютно беспатные консультации по вашим ИТ проектам.
Подробнее обо мне и моих услугах Здесь.

Понравилась статья? Поделиться с коллегами:
Елькин Сергей Анатольевич
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: