Меню начинается с карты сайта
Сначала определите иерархию страниц, затем выбирайте, что вынести в шапку. Если структура хаотична, дизайн меню ее не исправит.
Что обычно стоит на первом уровне
- ключевые группы услуг или каталог;
- кейсы;
- о компании, если доверие важно;
- цены, если это отдельный раздел;
- контакты;
- блог - если он действительно развит.
Не существует обязательного порядка. Приоритет зависит от задач сайта.
Названия пунктов
Используйте слова, которыми оперирует клиент. Внутреннее название департамента редко подходит для публичного меню. Пункт Решения может быть непонятен без подменю, а Производство или SEO-продвижение - конкретнее.
Глубина
Три-четыре уровня в шапке сложно использовать, особенно на мобильном. Глубокую архитектуру лучше раскрывать через страницы-разделы, хлебные крошки и контекстные ссылки.
Когда нужно мегаменю
Если услуг или категорий много, мегаменю помогает сгруппировать их по смыслу. Но не превращайте его в карту всех 200 URL. Покажите основные направления и ссылки на полный каталог.
Меню и SEO
Ссылки из глобальной навигации получают высокую повторяемость и помогают роботу обнаруживать важные разделы. Но добавлять в меню все SEO-страницы ради внутреннего веса не нужно - оно потеряет удобство.
Активное состояние
Пользователь должен понимать, где находится. Выделяйте текущий раздел, используйте хлебные крошки на глубоком сайте, сохраняйте предсказуемые названия.
Мобильное меню
На телефоне раскрывающиеся группы должны иметь большую область клика и понятное возвращение на уровень выше. CTA можно вынести отдельно внизу меню, но он не должен мешать навигации.
Фиксированная шапка
Она полезна на длинных страницах, если занимает мало высоты. Огромная sticky-шапка на телефоне съедает экран. Можно уменьшать ее после прокрутки.
Поиск по сайту
Он нужен большим каталогам и базам знаний. Для сайта на 15 страниц поиск чаще усложняет интерфейс. Навигация должна работать без него.
Как проверить меню
Дайте человеку, который не знает компанию, несколько задач: найти конкретную услугу, цену, контакты, кейс. Наблюдайте, какие пункты он выбирает. Такое тестирование быстро показывает неочевидные названия.
Принцип
Меню - интерфейс выбора направления, а не склад ссылок. Чем лучше архитектура сайта, тем проще сделать его коротким и понятным.
