Логотип, меню, поиск, корзина, кнопка входа в личный кабинет — в шапке сайта легко скопить десяток элементов и потерять главное: посетитель за секунду должен понять, куда он попал и что делать дальше. Разбираем, какие элементы в 2026 году действительно должны быть в Header, а какие только мешают.
Почему структура шапки — это не мелочь
Шапка — единственный блок сайта, который виден на каждой странице без исключения. Она первой попадает в поле зрения, и по ней посетитель бессознательно оценивает, насколько сайту можно доверять и легко ли будет найти нужное. Перегруженная шапка с десятком равнозначных ссылок не облегчает выбор, а усложняет его — человеку приходится тратить время на разбор меню вместо того, чтобы сразу перейти к делу.
Обязательные элементы шапки в 2026 году
Логотип. Слева или по центру, кликабелен и всегда ведёт на главную. Больше не нужно ничего доказывать — это базовая точка ориентира на странице.
Меню навигации. 5–7 пунктов верхнего уровня — предел, после которого посетитель перестаёт сравнивать пункты между собой и просто уходит. Второстепенные разделы стоит прятать в выпадающие подменю или переносить в футер.
Контакты. Телефон или кнопка обратной связи — обязательны для сайтов услуг и B2B, особенно если целевая аудитория привыкла звонить, а не писать в форму.
Поиск. Критичен для каталогов и контентных сайтов с большим числом страниц — экономит посетителю время, которое иначе уйдёт на блуждание по меню.
CTA-кнопка. Одно чётко выделенное целевое действие — «Заказать», «Оставить заявку», «Купить». Кнопка должна визуально отличаться от остальных элементов шапки, а не теряться среди пунктов меню.
Личный кабинет. Для сервисов с регистрацией — иконка или ссылка входа, обычно в правом углу, рядом с остальными «служебными» элементами.
Корзина. Для интернет-магазинов — всегда на виду, с счётчиком товаров, чтобы пользователь в любой момент видел, что уже выбрал.
Что стоит убрать или спрятать
- Ссылки на соцсети — их место в футере, а не в самом заметном блоке страницы.
- Второстепенные разделы вроде «Вакансии» или «Партнёрам» — не первостепенны для большинства посетителей, лучше вынести в подменю или футер.
- Несколько CTA-кнопок одновременно — если «Купить», «Консультация» и «Обратный звонок» соревнуются за внимание, побеждает нерешительность, и посетитель не нажимает ни одну.
- Избыточные иконки без подписи — если назначение элемента не считывается за секунду, он создаёт когнитивную нагрузку вместо пользы.
Приоритет действий: что должно «весить» больше
Не все элементы шапки равнозначны. Хорошая структура визуально расставляет приоритеты: главное целевое действие — самое заметное (цвет, контраст, размер кнопки), логотип и меню — нейтральные и не отвлекают, а служебные элементы вроде личного кабинета или поиска — компактные иконки, не соревнующиеся с основным CTA за внимание. Это и есть смысл современных рекомендаций про «простоту» — не в том, чтобы убрать всё лишнее любой ценой, а в том, чтобы явно показать, какое действие в шапке главное. Если на сайте уже скопилось больше элементов, чем нужно, расставить приоритеты и пересобрать структуру — обычно задача для доработки и редизайна шапки, а не полной переделки сайта.
А как быть с мобильной версией
На мобильных экранах места меньше, поэтому меню обычно сворачивается в бургер-иконку, а на первом экране остаются только логотип, CTA-кнопка и, при необходимости, телефон или корзина. Подробнее о том, как шапка должна вести себя при прокрутке на телефоне, — в статье про sticky header и обычную шапку.
Частые вопросы
Сколько пунктов меню — это нормально?
Обычно 5–7 пунктов верхнего уровня. Если разделов больше, их стоит группировать в выпадающие подменю, а не выводить всё в одну строку.
Нужен ли личный кабинет в шапке, если на сайте пока нет регистрации?
Нет, лишний элемент без функции только добавляет визуального шума. Добавляйте иконку личного кабинета тогда, когда функциональность реально появится на сайте.
Можно ли совместить поиск и меню в один компактный блок?
Да, на сайтах с длинным меню поиск часто прячут за иконкой-лупой, которая разворачивается в строку поиска по клику, — это экономит место в шапке, не убирая функцию.
Хорошая шапка не пытается показать всё, что есть на сайте, — она подсказывает, что делать дальше. Если посетитель за три секунды не понял, куда нажать, шапку стоит пересобрать.
