Каталог курсов
Учиться бесплатно

Header, хедер, хидер, шапка сайта

Header (хедер, хидер, шапка) — это блок в верхней части страницы сайта, где размещают наиболее важную краткую информацию, основное горизонтальное меню и другие элементы.

Хедер находится над контентной частью. Это первое, что видит пользователь, пришедший на веб-ресурс. У шапки есть 3–4 секунды для захвата внимания посетителя. Плохо проработанный хедер может привести к тому, что человек, первый раз зашедший на сайт, уйдёт на более привлекательные ресурсы, вне зависимости от качества контента.

Хедер должен соответствовать общей стилистике, не быть перегруженным графическими и прочими элементами, не мешать восприятию основного контента.

Основные элементы хедера:
  • айдентика
  • контактная информация
  • горизонтальное верхнее меню

Второстепенные элементы хедера:
  • ссылки на соцсети
  • плашка поиска
  • кнопка обратной связи
  • гамбургер-меню
  • блоки информации

Узнайте больше в Медиа Нетологии:

Бесплатный курс по дизайну и UX:

Курсы по дизайну и UX:
← В глоссарий