В блоке header (шапка сайта) можно разместить различные элементы, среди них:
- Айдентика бренда. 1 Это могут быть логотип, название или слоган, корпоративные цвета, фирменный стиль. 1
- Контактная информация. 1 Обычно в шапке указывают телефон, e-mail, в редких случаях — физический или юридический адрес. 1
- Горизонтальное верхнее меню. 1 Оно придаёт стильности странице, привлекает внимание и обеспечивает удобную навигацию по сайту. 1
- Ссылки на популярные соцсети. 1 Элемент используется для связи сайта с группами компании в социальных сетях. 1
- Плашка поиска. 1 В интернет-магазинах, а также на больших информационных ресурсах, в шапке размещают поле для ввода поисковых запросов. 1
- Кнопка обратного звонка, форма подписки на обновления или рассылку. 1
- Гамбургер-меню. 1 Элемент больше актуален для мобильной версии шапки сайта, но может использоваться и при отображении на ПК. 1
- Блоки информации. 1 Это может быть время работы, краткое описание деятельности, ссылки на мобильную версию и другое. 1
Важно не перегружать header избыточной информацией. 4 Для удобства пользователей в верхнюю часть страницы рекомендуют вносить не более 5–7 элементов. 5