Новый формат
Навигация сайта: требования, виды и влияние на конверсию
Навигация — система переходов по сайту: меню, ссылки, крошки, поиск, фильтры. Если человек «на автомате» находит услугу или товар, навигация работает. Если блуждает и уходит — теряете и UX, и часть SEO-сигнала.
Ниже — требования к удобной навигации, основные виды и связь с конверсией. Структура URL и семантика разделов — в статье про SEO-структуру; здесь фокус на ориентации пользователя.
Требования к удобной навигации
Понятные названия, предсказуемое расположение, короткий путь к цели, заметные контакты/корзина. Пользователь не должен угадывать, что скрыто за креативным ярлыком.
Одинаковые правила на всём сайте: где меню, как открывается подменю, куда ведёт логотип. Сломанная мобильная навигация убивает сценарий быстрее «неидеального» десктопа.
Критерии качества:
- цель находится за 1–3 клика;
- пункты читаются без пояснений;
- текущий раздел визуально ясен;
- поиск и контакты на виду;
- нет тупиков и битых ссылок в меню.
Основные виды навигации
Горизонтальное/вертикальное меню, мегаменю для крупных каталогов, хлебные крошки, футер, боковые рубрики блога, теги, внутренний поиск, пагинация и фильтры, кнопки «наверх», табы в карточке.
Не нужно включать всё сразу. Выбирайте набор под тип сайта: услуги — ясное меню + CTA; магазин — каталог, поиск, фильтры, корзина; медиа — рубрики и поиск.
Частый набор:
- главное меню;
- крошки (каталог);
- поиск;
- футер с контактами;
- сквозная ссылка на заявку/телефон.
Меню и информационная архитектура
Пункты меню отражают реальные задачи клиента, не внутреннюю оргструктуру компании. «Продукты / Решения / О нас» без конкретики хуже «Услуги / Цены / Кейсы / Контакты», если так ищут люди.
Вложенность держите мелкой: два-три уровня максимум для большинства SMB. Глубокие «под-под-разделы» прячут страницы и от роботов, и от людей.
Антипаттерны:
- пункт «Ещё» с половиной сайта;
- одинаковые названия разных разделов;
- меню только картинками без текста;
- ссылки на пустые «скоро» страницы.
Каталог: поиск, фильтры, пагинация
В e-commerce навигация — это ещё поиск по сайту и фасеты. Они должны ускорять выбор, а не плодить тысячи индексируемых копий одного листинга.
Согласуйте UX и SEO: какие комбинации фильтров в индексе, какие закрыты, как ведут себя canonical и пагинация.
Согласовать с командой:
- какие фильтры дают посадочные;
- что в noindex / canonical;
- есть ли «очистить фильтр»;
- не ломается ли меню на мобильном при открытых фасетах.
Навигация и конверсия
Чем короче путь к заявке/покупке, тем меньше потерь. Навигация не заменяет оффер, но снимает трение: «где цены», «как связаться», «есть ли доставка в мой город».
Смотрите Вебвизор и карты кликов: люди ищут в футере то, чего нет в шапке — сигнал перенести важное выше.
Усилители конверсии:
- кликабельный телефон в шапке;
- кнопка заявки на ключевых экранах;
- крошки и «вернуться в каталог»;
- не перекрывать меню навязчивым чатом.
Как проверить и улучшить
Пройдите 5 сценариев новичка на телефоне. Соберите вопросы менеджеров «клиенты не могут найти…». Краулером проверьте битые ссылки в меню и футере.
После редизайна заново протестируйте: часто ломают именно бургер, якоря лендинга и фильтры. Мелкие правки подписей пунктов иногда дают больше, чем новый «креативный» дизайн меню.
Чеклист релиза:
- главные разделы в 1 клик с главной;
- логотип ведёт на главную;
- мобильное меню закрывается и не ломает скролл;
- нет дублей пунктов;
- контакты находятся за ≤2 клика.
Частые вопросы
Чем навигация отличается от структуры сайта?
Структура — логика разделов и URL. Навигация — как пользователь по ним ходит: меню, крошки, перелинковка, поиск.
Сколько пунктов в главном меню?
Ориентир 5–7 ясных разделов. Лучше коротко и понятно, чем «простыня» из 20 пунктов равного веса.
Нужны ли хлебные крошки?
Да для каталогов и вложенных разделов: ориентация + доп. внутренние ссылки. На одностраничнике часто избыточны.
Влияет ли меню на SEO?
Да косвенно: внутренние ссылки, обход, понятность тематики. Но «ключ в каждом пункте меню» — путь к спаму.
Бургер на десктопе — норма?
На телефоне — да. На широком экране прятать всё важное за иконку часто режет находки разделов.
Футер — это навигация?
Да, вторичная: контакты, юр. ссылки, карта разделов. Не дублируйте главное меню гигантским списком ради SEO.
Фильтры каталога — навигация или дубли?
Для пользователя — навигация. Для SEO нужна политика индексов, иначе бесконечные URL. См. дубли и пагинацию.
Как проверить навигацию?
Сценарии «найти услугу / товар / контакты» на телефоне и десктопе, Вебвизор, вопросы поддержки «где у вас…».
Пользователи теряются на сайте?
Наведём меню, крошки и путь к заявке — без простыни пунктов «ради SEO».
Обсудить задачу
