Что подразумевается под шапкой сайта? Шапка сайта — это верхняя часть сайта, которая обычно остается фиксированной при прокручивании страницы вниз. Она обычно включает в себя:
В
Таким образом, шапка — это один из ключевых элементов сайта. С одной стороны, она определяет удобство навигации по сайту, а с другой, играет важную роль в том, какое визуальное впечатление производит сайт на посетителя — ведь шапка не только «встречает» его, будучи частью так называемого первого экрана, но и далее — постоянно находится у него перед глазами. При этом, согласно статистике просмотра сайтов по Вебвизору, более 60% посетителей НЕ прокручивают страницу дальше первого экрана вообще, поэтому все важное должно быть «сказано» и «показано» на нем.
Возникает логическая дилемма — что же обязательно должно быть включено в шапку, а что оптимальнее «спрятать», чтобы не создавать лишний визуальный шум и не портить впечатление от первого экрана?
Готовых ответов здесь не существует. Тенденции в современном
Наиболее уместно это решение для имиджевых сайтов и продуктов, части корпоративных сайтов, а также презентации компаний, которые предлагают сложные, комплексные, индивидуальные продукты и услуги, часто подразумевающие длительный процесс продажи. То есть на такие сайты посетители приходят, чтобы
При использовании бургера часто применяется такое решение: в шапке, помимо него и логотипа, обязательно оставляют телефон или кнопку обратной связи. То есть если посетитель
В случае если на сайт ежедневно приходит большой поток посетителей с намерением прямо сейчас
Развернутое меню (обычно с перечнем основных направлений или продуктов) рекомендуется использовать на маркетплейсах, B2C
Также оно может быть предпочтительно для компаний, которые предлагают несколько достаточно самостоятельных и обособленных, но равноценных блоков товаров и услуг, например:
Во всех этих случаях, для правильного отражения всех аспектов деятельности компании важно, чтобы все они были перечислены на главном экране текстом. Иначе, посетитель сайта может просто «не увидеть» бОльшую часть имеющихся направлений и возможностей (если они, например, идут блоками друг за другом — то есть нужно скроллить экран; или представлены поочередно на слайдере — то есть нужно дождаться смены слайда).
Также выбор в пользу развернутого меню может быть сделан, если бОльшая часть аудитории — возрастная и/или консервативная. Пользователи 50+ не всегда положительно воспринимают «бургер» — такое решение нередко кажется им непонятным. Частые возражения: «не ясно как передвигаться по сайту», «„бургер“ слишком незаметен», «важной информации нет перед глазами».
Если вы остановились на развернутом меню, то опять же важно определиться, ЧТО именно будет в него включено. Одно из популярных и хорошо зарекомендовавших себя решений — это выделение основной и вспомогательной строки.
В «основную» строку, которая написана более крупным шрифтом (и иногда карпс локом), включают товарные направления, основные категории услуг или разбивку по типам продуктов (например, НОВИНКИ — НОУТБУКИ — СМАРТФОНЫ — АКСЕССУАРЫ — УМНЫЙ ДОМ). Именно за этим, в конце концов, и приходят на сайт ваши покупатели в первую очередь — а вовсе не затем, чтобы почитать про историю компании или ваши внутренние новости и события.
Все остальное, касающееся самой компании или условий — выделяют в дополнительную строку, расположенную чуть выше основной и представленную в более мелком размере шрифта (например, О компании, Доставка, Оплата, Медиа, Контакты).
Нередко в дополнительную или вспомогательную строку выносят условно «служебную» информацию связанную с переключение языков, поиском по сайту, заказом обратного звонка, входом в личный кабинет/регистрацией и проч. Также там можно размещать иконки используемых соц.сетей и мессенджеров. То есть все это доступно в один клик, но не отвлекает от основного меню и помогает создать некую визуальную иерархию более и менее важных элементов, не смешивая их в один ряд.
Кстати, дополнительная строка - как одно из решений - может быть опять же "свернута" в бургер, в то время как основная будет показана в развернутом виде.
Повторимся, что решение здесь индивидуально и зависит от сферы вашего бизнеса, типа продукта, портрета целевой аудитории и характера ее взаимодействия с сайтом. Пройдемся с комментариями по некоторым традиционным элементам шапки:
В настоящее время на 2022/2023 год в
Что касается
С другой стороны, если в вашем конкретном бизнесе клиенты ПРИВЫКЛИ писать вам на
Все вышесказанное применимо и к ним. Если вы решили, что они нужны, то здесь важно НЕ переборщить. Четко определитесь какие каналы связи с клиентом являются для вас основными — то есть откуда чаще всего приходят новые клиенты: звонят ли они вам? Пишут в форму заявки или в мессенджеры и в какие?
Главное — не нужно одновременно создавать десяток дублирующих кнопок «заказать звонок», «получить консультацию», «позвонить», «написать», «задать вопрос», «написать онлайн консультанту», «получить предложение», «мессенджер T», «мессенджер V», «мессенджер W» (и еще 5 никому неизвестных мессенджеров и систем) и проч. — на некоторых сайтах это стремление создать максимальное количество кнопок связи доходит до абсурда и путает посетителя.
Важно понимать, что глобально люди делятся на два типа —
Использование мессенджеров (и вынесение их в шапку сайта) более актуально для бизнесов, взаимодействующих с конечными потребителями. В этом случае позаботьтесь о том, чтобы вы предлагали несколько популярных альтернатив — связь должна быть удобна, в первую очередь, клиенту, а не вам. Например, на сегодняшний день (осень 2022) компании, которые из мессенджеров имеют в шапке сайта только через whatsapp и Instagram, выглядят совершенно неклиентоориентированными, с учетом того, что еще в начале нынешнего года эти приложения по разным причинам перестали использовать миллионы российских пользователей. То есть тот, кто не пользуется больше этими конкретными мессенджерами, пусть вас лучше не беспокоит?
Целесообразно выносить соц.сети в шапку ТОЛЬКО в случае, если в вашей компании их действительно
Поиск по сайту актуален для проектов с большим ассортиментом или серьезным объемом текстового контента (блог, статьи, инструкции, обзоры). Если ни того ни другого нет и, скажем, речь идет о продаже 3–5 вариантов некого товара/услуги, то поисковая строка и вовсе не особо нужна. Лучше сэкономить место.
Итак, единственное, что должно быть в шапке сайта в обязательном порядке — это ваш логотип/название компании и некий выход на структуру сайта, который может быть реализован или в формате «свернутого» до трех черточек «бургера» или в формате развернутой панели навигации.
В остальном не существует жестких правил касательно того какие именно кнопки, элементы и формы должны обязательно быть в шапке сайта. Чаще всего компании выносят туда
Не знаете как правильно оформить шапку сайта и панель навигации для вашей компании? Мы предложим свое решение, исходя из опыта работы в самых разных сферах бизнеса.
Сырье для производства косметики, парфюмерии и бытовой химии
Разработка сайта
Marriott Cafe Imperial
Создание сайта
Разработка интернет-магазина
Разработка сайта для компании Axes по HR-аналитике
Корпоративный сайт
Фонд «Институт энергетики и финансов»
Разработка сайта
Карьерный сайт для производителя СИЗ и спец.одежды «Энергоконтракт»
Создание сайта
Грузоперевозки SWIFT
Разработка сайта
Сайт команды разработчиков компьютерных игр
Концепт дизайна
Эко-кафе Coconut
Фирменный стиль
Благотворительный сайт для поиска хозяев бездомным животным
Дизайн
Dzhagarova Beauty Salon
Дизайн
Микроскопы Labomed
Промо-сайт
Academy Business Car (Toyota-Lexus)
Создание сайта учебного центра
Оборудование интеллектуальной терапии Chattanooga
Промо-сайт
Психолог Александр Шахов
Сайт-визитка
Комплексный поставщик товаров для офисов
Разработка интернет-магазина
Вегетарианские авторские блюда с доставкой на дом
Дизайн
Маркетплейс для женщин A&M
Создание сайта
Центр стоматологии White Story
Фирменный стиль
Доставка комплексных обедов
Фирменный стиль
Модельное агентство Sess
Дизайн
Поставщик eco-продуктов
Дизайн
Салон красоты Wampool
Дизайн
Сеть ресторанов традиционной японской кухни
Дизайн
Агентство НАМОС Недвижимость
Создание сайта
Журнал Снегирь
Логотип, разработка сайта, продвижение
Игровой развлекательный комплекс Ragequit
Фирменный стиль
Сервис доставки блюд японской кухни
Фирменный стиль
Туристическая фирма Via Tourism
Фирменный стиль
Мастерская эксклюзивных ручек Александра Бордакова
Разработка сайта
Азбука легендарных городов
Иллюстрации, леттеринг
Маркетинговое агентство Atento
Логотип
Поставщик стройматериалов Элеосстрой
Фирменный стиль
Строительная компания Осушение.рф
Фирменный стиль
Поставщик клинингового оборудования Профиклинер
Фирменный стиль