Навигация сайта
Навигационная система сайта — это часть архитектуры сайта, элементы и детали, которые помогают легче пользоваться сайтом, создают удобство пользования для посетителей.
Чем понятнее и логичнее навигация, тем удобнее пользователям. Поэтому навигационная система считается главным показателем хорошего юзабилити
сайта.
Навигация состоит из нескольких видов ссылок. Они отвечают за различные действия и помогают:
- переходить между разделами и подразделами сайта;
- рассказать о товарах или услугах, которые предлагаются на сайте;
- помогают оформить заказа, оставить заявку.
Виды навигации с точки зрения дизайна:
- Горизонтальная — наверху страницы:
- Вертикальная — расположена на боковой колонке сайта, чаще слева:
- «Гамбургер» — разделы меню раскрываются при наведении на специальный значок в виде 3 горизонтальных полосок. Этот вид перешел из мобильных версий сайтов и позволяет сэкономить место на главной странице.
Основные элементы навигационной системы:
- URL;
- хедер;
- основное меню;
- форма поиска;
- шкала скроллинга, кнопка «наверх»;
- внутренний линкбилдинг;
- футер.
Для чего нужна навигация и как влияет на продвижение?
- Поведение пользователей.
Простая, ясная и понятная структура сайта – более высока вероятность получения лидов, совершения целевого действия (покупки, заполнения формы и т.д). Таким образом навигация влияет на конверсии.
Поисковики Google и Яндекс указывают на важность понятной структуры сайта. Это нужно не только пользователям, но и поисковым краулерам.
- Делает сниппет привлекательнее.
Ясная структура сайта позволяет отображать быстрые ссылки.
Как создать хорошую навигацию на сайте?
- Пользователи должны без затруднений иметь возможность передвигаться внутри сайта, между разделами и подразделами и другими страницами сайта.
-
Нужно соблюдать уровень вложенности страниц.
- Структура не должна быть слишком сложной, но должна быть ясной и логичной.
- Внедряйте «хлебные крошки» на сайте.
-
Используйте ЧПУ для названий.
- Создавайте и сортируйте актуальные и нужные разделы для реальных пользователей.
- Адаптируйте для мобильной верстки элементы навигации.
- Делайте дизайн элементов навигации контрастным, но при этом подходящими к фону и основному контенту.