ГлавнаяГлоссарийШапка сайта

Шапка сайта

header, хедер сайта

Шапка сайта — это верхний сквозной блок с логотипом, меню и контактами, который виден на каждой странице.

Хедер — первое, что встречает посетителя, и он же держит навигацию по всему сайту. Стандартный набор: логотип со ссылкой на главную, основное меню, телефон, корзина, поиск. Для коммерческого сайта важны ещё и города с режимом работы — это коммерческие факторы, которые поисковик замечает.

Перегружать шапку нельзя: двадцать пунктов меню превращают навигацию в кашу, и человек теряется. Закрепление хедера при прокрутке удобно, но съедает экран на мобильных, так что меру нужно знать. Хорошая шапка отвечает на два вопроса сразу — куда я попал и куда отсюда идти.

Суть
Верхний блок

Логотип, меню, поиск и контакты в самом верху страницы.

Норма
7±2 пункта

Главное меню держат коротким, чтобы не перегружать выбор.

Зачем
Навигация

Виден на каждом экране и ведёт по сайту с любой точки.

Шапка сайта задаёт навигацию и держит юзабилити на высоте.
Пример

Вверху страницы — логотип слева, меню из 5 разделов по центру и кнопка «Заказать» справа. Шапка «прилипает» при скролле, чтобы поиск был под рукой на любом экране. Вместе с хлебными крошками человек всегда понимает, где он.