Шапка сайта — это верхняя часть сайта, которая включает название фирмы, логотип, меню, контактные данные. Это основной элемент в веб-маркетинге, на который обращают внимание пользователи.
Особенности шапки
Хедер сайта — это важная часть веб-дизайна. Он повышает юзабилити и увеличивает конверсию сайта. В шапке размещаются данные об интернет-ресурсе. Главная задача шапки — ответить на вопросы относительно бренда, представленных товаров и услуг, связи с сотрудниками, акций и гарантий. В хедере также размещаются формы обратной связи или кнопка заказа.
Ключевые элементы
В шапке располагаются следующие элементы:
- Название фирмы. Присутствует на всех сайтах, за исключением сдающих хедер в аренду.
- Логотип. Это важная часть фирменного стиля, характерная для информационного портала, интернет-магазина и визитки.
- Блок с контактной информацией (адрес, E-mail, телефон). Необходимо разместить контакты в хедере, чтобы повысить конверсию.
- Дополнительные элементы. Размещается окошко для регистрации, «корзина» и форма обратного звонка.
- Преимущества компании. Отмечается качество сервиса с использованием понятных фраз без лишней «воды»
- Второстепенные элементы. Указываются ссылки на соцсети, блоки информации, плашка поиска и другие элементы.
При размещении в шапке изображения следует проверить, чтобы оно не перегружало страницы сайта. Если используется адаптивный дизайн, проверяется отображение картинки на различных устройствах.
Для интернет-магазина указываются ссылки на такие страницы — способы доставки и оплаты, возврат, контактные данные. Для информационных сайтов в хедере размещается подробная навигация по сайту.
Правила создания
Для того чтобы сделать хедер соблюдаются определённые требования:
- Контакты и элементы желательно размещать на виду. Не рекомендуется использование изображений для отображения названия фирмы и контактных данных. Они могут затруднять работу поисковых ботов.
- Необходимо использовать минимум графических элементов и анимации. Излишнее количество картинок может негативно повлиять на скорость загрузки страницы. Рекомендуется использование HTML и CSS.
- Следует отказаться от использования одинаковых заголовков на страницах. Достаточно указать тег заголовка на главной.
- Рекомендуется использование текстового меню, а от использования графики желательно отказаться. Внесение изменений может быть связано с множеством трудностей.
- Рекомендуется настроить высоту хедера. Он не должен затруднять восприятие контента. Рекомендуемая высота шапки — 100-200 px (для корпоративных сайтов и лендингов — 300-500 px).
Заключение
Шапка сайта содержит информацию о деятельности компании. Для создания хедера можно просмотреть примеры на других сайтах. Основные черты шапки — это простота навигации, качественные картинки, читабельные шрифты, кликабельные элементы.