6. Как правильно сделать шапку сайта?

Estimated reading: 1 minute 81 views

Что такое шапка сайта

Очень важно первое впечатление вашего сайта, именно эту роль и играет шапка. Она должна сразу говорить пользователю о том:

Какая у вас компания
Чем вы занимаетесь
Какие дополнительные услуги вы предлагаете
Как с вами связаться
Ваши спец предложения
Гарантии

Шапка должна удерживать посетителя на сайте и отвечать всем потребностям клиента. Но в тоже время не должна быть перегружена, что бы постоянно отвлекать пользователя. Именно об этом мы сегодня поговорим и научим вас как делать шапку сайта, которая не отталкивает пользователей, а помогает ему найти ответы на все его вопросы.

Что должна содержать шапка сайта

В шапке сайта рекомендуется размещать:

Логотип сайта в графическом виде
Контактный телефон
Электронна почта
Дескриптор
Кнопка
Список ваших услуг или товаров
Ссылки на страницы довери
Ссылки на стрианицы с акцими и спец предложеними
Корзина
Форма заказа или ссылка на нее

Что такое логотип сайта и где он должен находиться?

Логотип – это графическое изображение вашей компании или бренда. Он должен быть узнаваем и отличаться от конкурентов.

Так как это главный элемент вашего сайта и шапки, он должен находиться в верхнем левом углу. При посещении вашего сайта, пользователь смотрит на те элементы, которые привлекают его внимание. Мы интуитивно с детства привыкли читать слева на право и при такой модели чтения, первым что он увидит, это логотип.

Два уровня шапки

Мы рекомендуем делать два уровня шапки, в первом уровне использовать якоря или ссылки на другие страницы. Они должны содержать:

Внутренние страницы должны вести на:

Страницы доверия (гарантия возврата, сроки доставки, способы оплаты и т.д.)
Раздел где клиент может быстро сделать конверсию сайта (калькуляторы, разделы захвата пользователя, получение скидки и т.д.)

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

Разные шапки сайта на разных страницах

Не стоит делать разную шапку на разных страницах сайта, это может только запутать пользователя. Мы рекомендуем только первый уровень шапки, так на разных страницах можно сделать разное УТП. Другая шапка возможна только если клиент ушел на другую ветку ваших услуг, например со студии звукозаписи на видео продакшн.

Цвет шапки сайта и дизайн

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

Фиксированная шапка сайта

Мы обязательно рекомендуем сделать фиксированную шапку сайта, это даст пользователю удобно перейти на внутренние страницы сайте без скролинга наверх

Мобильная версия шапки и адаптированная

Шапка сайта должна адаптироваться под все версии девайсов от ПК до телефона, она должна оставаться удобной и функциональной.

Правильно структурированная шапка очень важна для сайта. Она не должна быть скрыта и должна находиться у пользователя всегда на глазах.

Есть два основных вида шапок для коммерческих сайтов:

Сайт с услугами
Такие сайты построены на шапке и подвале.

2. Интернет-магазин
На таких сайта по мимо шапки и подвала, еще используется боковое меню с каталогом товаров.

Регламенты

Did You Know?