Шапку и подвал часто делают в последнюю очередь и по остаточному принципу: «логотип слева, телефон справа, снизу копирайт». А это два самых просматриваемых блока сайта, они есть на каждой странице. Для B2B они решают, доверится закупщик компании или уйдёт к конкуренту. Разберём, что в них должно быть и на чём чаще всего спотыкаются.
Зачем нужны сквозные блоки
Header и footer повторяются на всех страницах. Куда бы посетитель ни попал: на главную, в каталог или в статью блога, он всегда видит один и тот же верх и низ. Поэтому в них выносят то, что должно быть под рукой везде: как перейти в нужный раздел (шапка) и как связаться и проверить компанию (подвал). Это часть общей структуры сайта и навигации.
Что должно быть в шапке
Шапка это первый экран и первое решение посетителя. Её задача: за секунду показать, куда он попал, и дать быстро связаться. Обязательный набор для производственного сайта:
- Логотип: слева, кликабельный, ведёт на главную.
- Дескриптор: короткая строка, чем занимается компания («Производство композитной арматуры»). Закупщик должен сразу понять, тот ли это поставщик.
- Меню: основные разделы: продукция, услуги, о компании, контакты. Не больше 6–7 пунктов.
- Телефон и мессенджеры: крупно, в правом углу. В B2B звонят и пишут, а не только оставляют форму.
- Кнопка целевого действия: «Получить прайс», «Запросить КП», «Консультация».
- Регион и график: если работаете по конкретным регионам или важна отгрузка.
Что должно быть в подвале
До подвала долистывают те, кто уже заинтересован и хочет проверить компанию или найти контакт. Здесь работает доверие:
- Полные контакты: телефоны, почта, мессенджеры, адрес производства.
- Реквизиты: ИНН, ОГРН, юрлицо. Для B2B это не формальность, снабженец проверяет контрагента.
- Карта разделов: дубль меню и ссылки на продукты, услуги, кейсы, блог, помогает и людям, и поисковику.
- Документы: политика конфиденциальности, оферта, сертификаты.
- Повторный призыв к действию: форма заявки или кнопка, человек долистал, дайте ему сконвертироваться, не заставляя скроллить обратно.
Частые ошибки
| Ошибка | Чем плоха |
|---|---|
| Телефон спрятан или мелкий | В B2B звонок это главный способ связи, его теряют |
| Меню из 12+ пунктов | Посетитель не находит нужное, уходит |
| Нет реквизитов в подвале | Снабженец не может проверить компанию, не доверяет |
| Шапка не «прилипает» при скролле | На длинных страницах теряется навигация и кнопка заявки |
| Разные шапки на разных страницах | Ломает ориентацию, выглядит небрежно |
Мелочи, которые важны
Несколько деталей, которые часто упускают. Липкая шапка (остаётся вверху при прокрутке) держит навигацию и телефон под рукой на длинных страницах каталога. Адаптив под мобильные: меню сворачивается в бургер, телефон остаётся кликабельным. Скорость: тяжёлые шапки с видео и анимацией бьют по загрузке всего сайта, ведь грузятся на каждой странице. Единый стиль: header и footer это часть фирменного лица, а для B2B аккуратная упаковка это сигнал, что компания серьёзная.
Почему это влияет на заявки
Шапка и подвал не про красоту, а про то, доведёте ли Вы заинтересованного человека до контакта. Спрятанный телефон, запутанное меню, отсутствие реквизитов, и закупщик, который был готов написать, уходит к конкуренту с понятным сайтом. Мы проектируем эти блоки на этапе разработки сайта под логику Вашего клиента, а не по шаблону.
Хотите понять, не теряет ли Ваш сайт заявки на навигации и доверии? Проведём бесплатный аудит юзабилити, посмотрим шапку, подвал и путь посетителя к заявке.
