Шапка сайта (header): что в ней должно быть в 2026 году — примеры для малого бизнеса
Шапка сайта (header): что в ней должно быть в 2026 году — примеры для малого бизнеса
Header, или шапка сайта, — это верхняя полоса страницы с логотипом, меню и контактами. Её видят все посетители, на каждой странице, первой. За первые секунды человек по шапке понимает, куда попал, что здесь делают и как связаться. Если шапка перегружена или, наоборот, пустая, часть посетителей уходит, не долистав до услуг. Разберём, что должно быть в шапке сайта в 2026 году и как сделать её удобной на телефоне.
Напоминает клиенту, что пора вернуться, и записывает его заново. Без вашего участия.
Попробовать в деле →Что такое header
Header — это верхняя часть сайта, которая повторяется на всех страницах. Её не путают с первым экраном: первый экран — это всё, что человек видит до прокрутки, включая крупный заголовок и фото. Шапка — только верхняя полоса.
Коротко: шапка — верхняя полоса с логотипом, меню и контактами, а первый экран — всё, что видно до прокрутки.
Заготовка под свою нишу уже собрана: замените имя, цены и фото — заявки будут приходить в мессенджер.
- Готово под вашу нишу
- Заявки в мессенджер
- Бесплатно, без карты
Что должно быть в шапке
Для сайта мастера, специалиста или небольшого бизнеса хватает нескольких элементов:
- Логотип или название — слева, по клику ведёт на главную.
- Короткое меню — 3–5 пунктов: услуги, цены, работы, отзывы, контакты.
- Главная кнопка — «Записаться», «Заказать», «Забронировать». Одна, заметная.
- Контакт — телефон или мессенджер, если клиенты часто звонят.
- Город или район, если вы работаете локально.
Всё остальное — соцсети, адрес, режим работы — лучше перенести в подвал сайта или в блок контактов. Шапка не должна становиться справочником.
Коротко: название, короткое меню, одна кнопка и контакт — достаточный набор.
Собирайте отзывы клиентов в боте — они автоматически встают на сайт. Работают на доверие и бренд.
Попробовать в деле →Шапка на телефоне
В 2026 году большинство посетителей сайтов малого бизнеса заходят с телефона. На узком экране шапка устроена иначе.
- Меню прячется в «бургер» — кнопку из трёх полосок.
- Главная кнопка остаётся видимой — не прячьте запись в меню.
- Высота шапки небольшая — она не должна закрывать треть экрана.
- Липкая шапка, которая остаётся сверху при прокрутке, удобна, но только если она тонкая.
- Кнопки достаточно крупные, чтобы попасть пальцем.
Проверьте свой сайт с телефона: видна ли кнопка записи без открытия меню? Если нет, это первое, что стоит исправить. О мобильной версии — в статье о мобильной версии сайта.
Коротко: на телефоне меню в бургере, а кнопка записи всегда на виду.
Липкая шапка: когда нужна
Липкая, или закреплённая, шапка остаётся вверху экрана при прокрутке.
Плюсы: кнопка записи всегда под рукой, меню доступно с любого места страницы. Минусы: если шапка высокая, она отнимает место у контента, особенно на телефоне.
Для длинных одностраничных сайтов липкая шапка полезна. Сделайте её тонкой и оставьте в ней только название и кнопку.
Коротко: липкая шапка удобна, если она тонкая и не мешает читать.
Шапка и SEO
Шапка влияет и на то, как сайт видят поисковые системы.
- Меню — это внутренние ссылки. Поисковик понимает структуру сайта через них.
- Название в шапке — не главный заголовок H1. H1 — крупный заголовок первого экрана, он должен быть один на страницу.
- Меню текстом, а не картинкой — поисковик читает текст.
- Телефон — кликабельной ссылкой, чтобы звонок начинался по нажатию.
О правильной структуре заголовков и разметке — в статье о микроразметке.
Коротко: текстовое меню, один H1 на странице и кликабельный телефон помогают и клиентам, и поиску.
Какие ошибки отпугивают клиентов
- Перегруженная шапка — десять пунктов меню, три телефона, иконки всех соцсетей.
- Нет кнопки записи или она спрятана в меню на телефоне.
- Огромная липкая шапка, которая закрывает полэкрана.
- Непонятное название — логотип без подписи, и неясно, чем вы занимаетесь.
- Ссылки в меню ведут не туда — например, «Цены» открывают главную.
Коротко: меньше элементов, одна заметная кнопка, понятное название и рабочие ссылки.
Как это выглядит на практике
Сайт мастера по ремонту имел шапку в две строки: логотип, восемь пунктов меню, два телефона, адрес, иконки четырёх соцсетей и кнопка «Вызвать мастера», которая на телефоне пряталась в меню. Шапку упростили до названия, четырёх пунктов меню и кнопки «Вызвать на замер», которую на телефоне оставили видимой рядом с бургером. Адрес и соцсети переехали в подвал. Заявок с мобильных стало больше: кнопка теперь была видна сразу.
Коротко: простая шапка с видимой кнопкой приносит больше заявок, чем перегруженная.
Частые вопросы
Что такое header сайта?
Верхняя полоса страницы с логотипом, меню, кнопкой и контактами, которая повторяется на всех страницах.
Сколько пунктов меню должно быть в шапке?
Для небольшого сайта 3–5. Больше — сложнее выбрать, особенно на телефоне.
Нужен ли телефон в шапке?
Если клиенты часто звонят — да, кликабельной ссылкой. Если записываются онлайн — важнее кнопка записи.
Как сделать шапку с кнопкой записи?
На конструкторе это настраивается без программиста. В Лендиксе шапка в шаблонах ниш уже содержит название и кнопку записи или заявки, которая остаётся видимой на телефоне.
Короткий итог
Коротко. Шапка сайта — первое, что видит посетитель. Оставьте в ней название, 3–5 пунктов меню, одну заметную кнопку и контакт, сделайте её тонкой и удобной на телефоне, а всё остальное перенесите в подвал.
Читайте также:
Читайте также
Заготовки под 16 ниш, заявки в мессенджер, бесплатно и без карты.
Все шаблоны под нишу