Удобная навигация способна улучшить юзабилити ресурса и поднять уровень продаж.
С другой стороны, ошибки навигационной системы негативно сказываются на конверсии, поведенческих показателях и продвижении ресурса в поисковых системах.
[stextbox id=»info»]Следовательно, работа над оптимизацией веб-сайта должна неизбежно затрагивать навигацию площадки, о чем и пойдет речь в данной статье.[/stextbox]
Основной акцент мы сделаем на продающих коммерческих проектах, однако оптимизация информационных ресурсов будет схожей.
Различия окажутся лишь в мелочах, в названиях разделов и блоков, которые вебмастер без труда исправит даже самостоятельно.
Типичные навигационные блоки
Поскольку взаимосвязь страниц обеспечивается внутренней ссылочной структурой, то оптимизация навигации неизбежно затронет именно ссылки. А теперь перейдем к рассмотрению типичных блоков.
1. Меню сайта
Оптимальным вариантом будет разделение меню на несколько блоков.
1.1. Первый блок целесообразно вынести в верхнюю часть страниц площадки, поместив сюда ссылки на самые важные информационные участки («Каталог», «Доставка», «Помощь», «Оплата», «О компании», «Гарантии» и т.д.).
1.2. Для второго блока навигационных кнопок или ссылок обычно выделяют место в сайдбаре (справа/слева от основного текста) или горизонтальную полосу над полем контента.
Второй блок снабжается линками на тематические категории. Для коммерческого сайта это могут быть разделы и подразделы каталога.
1.4. Третий навигационный блок меню часто переносят вниз сайта (в «подвал») и включают в него ссылки на рабочие и статические страницы («Статистика», «Полезная информация», «Поддержка», «Связь с администрацией», «Карта сайта», «Политика конфиденциальности» и т.д.).
1.5. Следующий блок разумно расположить непосредственно в каталоге товаров. С его помощью посетители смогут выполнять быстрое передвижение по каталогу, производить фильтрацию и сортировку товаров.
Одни блоки меню могут располагаться на всех страничках веб-сайта, а другие – только на выборочных.
В любом случае для оптимизации навигационной системы полезно:
- снабдить все графические и программные элементы текстовыми описаниями;
- убедиться в чистоте и валидности программного кода (чтоб исключить ошибки);
- расположить дубли ссылок на смежные страницы внутри новостей (карточек товаров);
- создать тематическую перелинковку;
- выделись стилями оформления уже просмотренные пункты меню и текущий раздел;
- сделать так, чтобы ссылка на текущую (просматриваемую) страницу не работала;
- использовать в каждом меню не более десяти пунктов;
- выполнить деление страниц или карточек товаров с помощью подпунктов и меток;
- обеспечить эстетическую красоту, простоту и очевидность меню;
- вставить дополнительные навигационные элементы.
2. «Хлебные крошки»
Данный навигационный элемент частично упоминался выше, когда мы говорили о внутренних ссылках.
«Хлебные крошки» — это особый блок, который отображает полный путь к текущей странице сайта.
Взглянув на схему внутренних путей, посетитель всегда видит, в какой части проекта он находится, понимает, куда двигаться в обратном направлении.
К примеру, если пользователь просматривает карточку товара, расположенную на четвертом уровне вложенности, «хлебные крошки» должны отобразить:
- ссылку на главную страничку;
- ссылку на текущую категорию;
- ссылку на просматриваемую подкатегорию;
- текстовое название текущей страницы с товаром (без ссылки).
3. Похожие товары или новости
Навигационный блок с похожими товарами (релевантными страницами) можно расположить в разных местах.
[stextbox id=»info»]В рамках коммерческого сайта разумно привязать данный элемент к карточке товара и к списку товаров в «Корзине». [/stextbox]
На продающем сайте в этот блок следует поместить ссылки и изображения похожих товаров, аксессуаров и прочих мелочей, которые могут заинтересовать покупателя.
В рамках информационного ресурса здесь должны располагаться релевантные новости.
4. Рекомендуемые страницы или товары
Рекомендательный блок — еще один элемент внутренней перелинковки ресурса, который особенно хорошо работает на коммерческих площадках.
Если использовать его грамотно, то продажи могут увеличиться. Сработает психология покупателя, которая повысит доверие к рекомендуемым и популярным товарам.
Аналогичным образом блок работает на информационных сайтах, где выводятся самые читаемые и обсуждаемые статьи.
Разновидностью данного навигационного блока является:
- информер с популярными товарами (блок «Хиты продаж»);
- информер с акционными товарами, на которые распространяется скидка;
- информер с новинками рынка, которые только поступили в продажу;
- информер с товарами или страницами, которые ранее уже просматривал посетитель.
Индивидуальность навигации
Мы рассмотрели основные навигационные элементы, которые используются на продающих и информационных площадках наиболее часто.
Это вовсе не означает, что других блоков навигации не существует, что прочие ссылки не могут использоваться на отдельных сайтах. Вышеперечисленные элементы являются типичными, но не исчерпывающими.
[stextbox id=»info»]Навигация сайта (и продающего и информационного) всякий раз выстаивается индивидуально.[/stextbox]
Главное – обеспечить удобство проекта для посетителей, использовать средства навигации как инструменты.
Если это получается, то ресурсу гарантирован успех, независимо от рода деятельности и тематики.
Текст дополнен картинками и скриншотами. Целевая аудитория — новички. В тексте присутствуют стили форматирования (жирный, курсив). Много списков и коротких абзацев, которые улучшают читабельность текста. Статья читается на одном дыхании.