Как улучшить навигацию сайта

Навигационные блоки сайта

Удобная навигация способна улучшить юзабилити ресурса и поднять уровень продаж.

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

[stextbox id=»info»]Следовательно, работа над оптимизацией веб-сайта должна неизбежно затрагивать навигацию площадки, о чем и пойдет речь в данной статье.[/stextbox]

Основной акцент мы сделаем на продающих коммерческих проектах, однако оптимизация информационных ресурсов будет схожей.

Различия окажутся лишь в мелочах, в названиях разделов и блоков, которые вебмастер без труда исправит даже самостоятельно.

Пути движения по сайту

Типичные навигационные блоки

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

1. Меню сайта

Оптимальным вариантом будет разделение меню на несколько блоков.

1.1. Первый блок целесообразно вынести в верхнюю часть страниц площадки, поместив сюда ссылки на самые важные информационные участки («Каталог», «Доставка», «Помощь», «Оплата», «О компании», «Гарантии» и т.д.).

1.2. Для второго блока навигационных кнопок или ссылок обычно выделяют место в сайдбаре (справа/слева от основного текста) или горизонтальную полосу над полем контента.

Второй блок снабжается линками на тематические категории. Для коммерческого сайта это могут быть разделы и подразделы каталога.

Навигационный блок меню

1.4. Третий навигационный блок меню часто переносят вниз сайта (в «подвал») и включают в него ссылки на рабочие и статические страницы («Статистика», «Полезная информация», «Поддержка», «Связь с администрацией», «Карта сайта», «Политика конфиденциальности» и т.д.).

1.5. Следующий блок разумно расположить непосредственно в каталоге товаров. С его помощью посетители смогут выполнять быстрое передвижение по каталогу, производить фильтрацию и сортировку товаров.

Одни блоки меню могут располагаться на всех страничках веб-сайта, а другие – только на выборочных.

В любом случае для оптимизации навигационной системы полезно:

  • снабдить все графические и программные элементы текстовыми описаниями;
  • убедиться в чистоте и валидности программного кода (чтоб исключить ошибки);
  • расположить дубли ссылок на смежные страницы внутри новостей (карточек товаров);
  • создать тематическую перелинковку;
  • выделись стилями оформления уже просмотренные пункты меню и текущий раздел;
  • сделать так, чтобы ссылка на текущую (просматриваемую) страницу не работала;
  • использовать в каждом меню не более десяти пунктов;
  • выполнить деление страниц или карточек товаров с помощью подпунктов и меток;
  • обеспечить эстетическую красоту, простоту и очевидность меню;
  • вставить дополнительные навигационные элементы.

2. «Хлебные крошки»

Данный навигационный элемент частично упоминался выше, когда мы говорили о внутренних ссылках.

Навигационный блок сайта

«Хлебные крошки» — это особый блок, который отображает полный путь к текущей странице сайта.

Взглянув на схему внутренних путей, посетитель всегда видит, в какой части проекта он находится, понимает, куда двигаться в обратном направлении.

К примеру, если пользователь просматривает карточку товара, расположенную на четвертом уровне вложенности, «хлебные крошки» должны отобразить:

  • ссылку на главную страничку;
  • ссылку на текущую категорию;
  • ссылку на просматриваемую подкатегорию;
  • текстовое название текущей страницы с товаром (без ссылки).

3. Похожие товары или новости

Навигационный блок с похожими товарами (релевантными страницами) можно расположить в разных местах.

[stextbox id=»info»]В рамках коммерческого сайта разумно привязать данный элемент к карточке товара и к списку товаров в «Корзине». [/stextbox]

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

Релевантные новости

В рамках информационного ресурса здесь должны располагаться релевантные новости.

4. Рекомендуемые страницы или товары

Рекомендательный блок — еще один элемент внутренней перелинковки ресурса, который особенно хорошо работает на коммерческих площадках.

Если использовать его грамотно, то продажи могут увеличиться. Сработает психология покупателя, которая повысит доверие к рекомендуемым и популярным товарам.

Аналогичным образом блок работает на информационных сайтах, где выводятся самые читаемые и обсуждаемые статьи.

Разновидностью данного навигационного блока является:

  • информер с популярными товарами (блок «Хиты продаж»);
  • информер с акционными товарами, на которые распространяется скидка;
  • информер с новинками рынка, которые только поступили в продажу;
  • информер с товарами или страницами, которые ранее уже просматривал посетитель.

Навигация для пользователя

Индивидуальность навигации

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

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

[stextbox id=»info»]Навигация сайта (и продающего и информационного) всякий раз выстаивается индивидуально.[/stextbox]

Главное – обеспечить удобство проекта для посетителей, использовать средства навигации как инструменты.

Если это получается, то ресурсу гарантирован успех, независимо от рода деятельности и тематики.


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