Футер — сквозной элемент сайта, который завершает контент, возвращает посетителя к навигации и даёт пути для дальнейшего взаимодействия. В 2026 году эффективный футер включает контакты и юридические документы, 6–10 релевантных ссылок, один явный CTA, доверительные сигналы и доступность по WCAG (контраст ≥4.5:1, touch‑цели ≥44×44 px). Для мобильных устройств — липкий мини‑футер с 1–2 действиями и аккордеоны для второстепенных блоков.
Футер не «поднимает сайт» сам по себе, но распределяет внутренние ссылки и помогает пользователю найти нужное действие в конце страницы.
«Что такое логическая структура сайта и зачем она нужна» — поможет объяснить, как футер входит в общую архитектуру сайта.
Что писать в подвале сайта: полезные рекомендации
Футер должен ответить на два вопроса за секунды: где связаться и куда перейти дальше. Это нижняя часть сайта, которую видят все посетители — независимо от того, дочитали они статью или просто пролистали вниз в поисках телефона.
Поэтому включайте контакты, навигацию по ключевым разделам, юридические документы (privacy/terms/cookies/accessibility), форму подписки или один CTA, социальные сети и базовую информацию о компании. Это удобно для человека, прозрачно для бизнеса и понятно для поисковых систем.
Рекомендуемая структура содержания (базовый набор)
Контакты: адрес (физический/юридический — по необходимости), телефон (tel:), email (mailto:), мессенджеры, ссылка на форму обратной связи.
Юридика: политика конфиденциальности, условия использования, cookie‑политика, accessibility statement.
Навигация (doormat): 6–10 релевантных ссылок на основные разделы.
Utility links: sitemap, careers, partners, support.
CTA/подписки: одна заметная кнопка действия; при необходимости — компактная форма подписки.
Доверие: копирайт © Год, название компании, реквизиты (ИНН/ОГРН для РФ — при необходимости), бейджи/сертификаты.
Социальные сети: иконки с aria‑label; 3–5 реальных каналов.
Дополнительно (по смыслу): карты/офис — только если локальный бизнес; иконки способов оплаты для e‑commerce.
Почему так работает и где польза для SEO
Футер — сквозной элемент, который помогает перелинковке и показывает сервисные страницы. Грамотная структура уменьшает «тупики» в навигации, удерживает пользователя и даёт поисковым роботам дополнительные точки входа в важные разделы.
Важно: внутренние ссылки из футера не «качнут» сайт сами по себе, но при разумном использовании улучшают структуру и поведенческие сигналы.
Практические подсказки по SEO
Держите 6–10 ключевых ссылок; избегайте keyword‑stuffing и сотен однотипных якорей. Переспам анкоров в подвале сайта — частая ошибка, которая снижает доверие поисковых систем.
Utility vs Doormat: Doormat — навигация для пользователя (Услуги, Контакты, Доставка), Utility — служебные ссылки (Privacy, Terms, Accessibility).
Для крупных сайтов размещайте ссылку на XML‑sitemap и/или страницу «Карта сайта» (отдельная страница), а не всю карту в подвале.
Нижняя часть сайта: что это и зачем она нужна
Нижняя часть сайта (футер, footer) завершает сценарий чтения, даёт варианты следующего шага и снижает когнитивную нагрузку за счёт одинаковой структуры на всех страницах.
Для пользователей это привычная точка поиска контактов и служебной информации; для бизнеса — запасной путь воронки конверсии. Когда посетитель дочитал статью или прокрутил страницу до конца, футер становится последним шансом удержать его внимание и предложить полезное действие.
Когда футер видят пользователи (основные сценарии)
Дочитка: посетитель дочитал контент и готов к действию — показан CTA/форма.
Быстрый скролл: пользователь ищет контакты/поддержку. Часто это происходит на мобильных устройствах, где скорость прокрутки выше.
Навигация: пользователь использует футер как «резюме» ключевых разделов. Это особенно актуально для информационных сайтов и блогов, где структура меню может быть сложной.
Варианты футера: стандартный, бесконечный скролл, контекстный
Стандартный — единый футер внизу страницы; подходит большинству проектов.
Футер при бесконечном скролле — статичный мини‑футер либо боковой статичный блок с основными действиями, чтобы не «теряться» при подгрузке контента. Это решение помогает сохранить доступ к ключевым элементам навигации даже при динамической загрузке новых блоков.
Контекстный футер — разный подвал для разных типов страниц/аудиторий (B2B vs B2C; страницы продуктов vs блога). Контекстный футер повышает релевантность и уменьшает «шум» для разных задач. Например, на странице товара можно показать способы оплаты и доставки, а в блоге — форму подписки на рассылку.
Виджеты, карты и динамические блоки: когда можно, когда осторожно, когда нельзя
Карта: можно для локальных бизнесов (1–3 точки) — ставьте статичную мини‑карту или ссылку на полноразмерную страницу; нельзя для крупных e‑commerce — карта займет место и ухудшит скорость.
Динамические виджеты (курс валют, погода): можно, если они реально полезны аудитории; контролируйте TTI и lazy‑load. Виджет должен решать конкретную задачу пользователя, а не просто занимать место в подвале сайта.
Виджеты рейтингов/отзывов: можно при наличии проверяемых отзывов; добавляйте aria‑labels и ссылки на источник.
QR/ссылки на приложения: только если есть актуальные MAU/скачивания. Бессмысленно размещать QR‑код приложения, которое никто не использует.
Правовой минимум в футере (коротко)
РФ: ссылка на Политику конфиденциальности; при обработке персональных данных — указание оператора и форма согласия (если требуется), при B2B — реквизиты (ИНН/ОГРН) по необходимости.
ЕС: Privacy policy и управление cookies (consent banner + ссылка на настройки).
Общие: Terms of Use, Accessibility statement, контакт для вопросов о данных.
Это не юридическая консультация; адаптируйте под юрисдикцию компании и проконсультируйтесь с юристом.
Как называется нижняя часть сайта с контактами?
Нижняя часть сайта с контактами называется футером (от англ. footer — «нижний колонтитул»). Это стандартный термин в веб‑разработке и дизайне.
В русскоязычной среде также используют слово «подвал» — более разговорный вариант, который прижился среди владельцев сайтов и маркетологов. Оба термина обозначают одно и то же: блок в нижней части страницы, который содержит контакты, навигацию, юридическую информацию и другие элементы.
Почему футер важен для навигации и доверия
Футер — это не просто декоративный элемент. Он выполняет несколько функций одновременно:
Навигация: пользователь может быстро перейти в нужный раздел, не возвращаясь к шапке сайта.
Контакты: телефон, email, адрес — всё на виду. Это особенно важно для локального бизнеса и сервисных компаний.
Доверие: наличие юридических документов (политика конфиденциальности, условия использования) и реквизитов компании повышает доверие посетителей.
SEO: правильная перелинковка помогает поисковым роботам лучше индексировать сайт и понимать его структуру.
Типичные элементы футера с контактами
Адрес: физический или юридический (в зависимости от типа бизнеса).
Телефон: с кликабельной ссылкой tel: для мобильных устройств.
Email: с кликабельной ссылкой mailto:.
Мессенджеры: Telegram, WhatsApp, Viber — если компания активно использует эти каналы.
Форма обратной связи: ссылка на отдельную страницу или встроенная форма (осторожно с объёмом).
Социальные сети: иконки с aria‑label для доступности.
График работы: если это актуально для бизнеса (например, офлайн‑магазин или служба поддержки).
Как не перегрузить футер информацией
Главное правило: не дублируйте всё меню из шапки сайта. Выберите 6–10 самых важных разделов и разместите их в подвале. Остальное можно убрать в отдельную страницу «Карта сайта» или вообще не дублировать.
Если у вас много контактов (несколько офисов, разные отделы), создайте отдельную страницу «Контакты» и дайте на неё ссылку из футера. В самом подвале оставьте только основной телефон и email.
Примеры того, что можно написать в подвале сайта
Что именно писать в подвале сайта — зависит от типа проекта, аудитории и целей. Ниже — несколько примеров для разных ниш.
Пример 1: Интернет‑магазин (e‑commerce)
Контакты: телефон, email, адрес склада/пункта выдачи.
Навигация: Каталог, Доставка и оплата, Возврат и обмен, Гарантия, Контакты.
Юридика: Политика конфиденциальности, Условия использования, Согласие на обработку персональных данных.
Способы оплаты: иконки Visa, MasterCard, Мир, СБП.
Социальные сети: Telegram, ВКонтакте, Одноклассники (если аудитория там есть).
Подписка на рассылку: компактная форма с одним полем (email) и кнопкой «Подписаться».
CTA: «Получить скидку 10% на первый заказ» или «Связаться с менеджером».
Пример 2: Корпоративный сайт (B2B)
Контакты: телефон, email, адрес офиса, график работы.
Навигация: О компании, Услуги, Кейсы, Блог, Контакты.
Юридика: Политика конфиденциальности, Условия использования, Реквизиты (ИНН, ОГРН).
Социальные сети: Telegram, LinkedIn (если работаете с международными клиентами).
CTA: «Заказать консультацию» или «Скачать презентацию».
Дополнительно: ссылка на вакансии, партнёрскую программу, сертификаты/награды.
Пример 3: Блог или информационный сайт
Контакты: email для связи, форма обратной связи.
Навигация: Главная, Статьи, О проекте, Контакты.
Юридика: Политика конфиденциальности, Условия использования.
Социальные сети: Telegram, ВКонтакте, Дзен.
Подписка на рассылку: форма с полем email и кнопкой «Подписаться на новые статьи».
CTA: «Читать популярные статьи» или «Подписаться на Telegram‑канал».
Дополнительно: ссылка на карту сайта, RSS‑ленту (если актуально).
Пример 4: Локальный бизнес (кафе, салон красоты, клиника)
Контакты: телефон, адрес, карта (статичная мини‑карта или ссылка на полноразмерную).
Навигация: Услуги, Цены, Акции, Контакты.
Юридика: Политика конфиденциальности, Согласие на обработку персональных данных.
Социальные сети: Telegram, ВКонтакте, Instagram (если разрешён в вашей юрисдикции).
CTA: «Записаться онлайн» или «Позвонить сейчас».
График работы: дни и часы работы.
Способы оплаты: наличные, карты, СБП.
Общие рекомендации для всех примеров
Не перегружайте футер: 6–10 ссылок, один главный CTA, минимум текста.
Используйте кликабельные ссылки для телефона (tel:) и email (mailto:).
Добавьте aria‑labels для иконок социальных сетей (например, aria-label=»»Мы в Telegram»»).
Проверьте контраст текста и фона (≥4.5:1 для основного текста).
Убедитесь, что футер адаптирован под мобильные устройства: колонки стекуются вертикально, touch‑цели ≥44×44 px.
Информация о компании в подвале сайта: что включить?
Информация о компании в подвале сайта — это не просто формальность. Она повышает доверие посетителей, помогает им связаться с вами и даёт поисковым системам дополнительные сигналы о легитимности бизнеса.
Базовый набор информации о компании
Название компании: полное юридическое название (ООО, ИП, АО) или торговая марка.
Город/адрес: физический адрес офиса или юридический адрес (в зависимости от типа бизнеса). Для локального бизнеса — обязательно.
Телефон: с кликабельной ссылкой tel: для мобильных устройств. Если несколько номеров — укажите основной.
Email: с кликабельной ссылкой mailto:. Используйте корпоративный домен (например, hello@example.ru), а не бесплатные почтовые сервисы.
Копирайт: © <текущий год> Название компании. Год можно обновлять автоматически через JavaScript.
Реквизиты (ИНН/ОГРН): для российских компаний — по необходимости (обязательно для B2B и некоторых ниш).
Дополнительные элементы (по смыслу)
О компании: краткая ссылка на страницу «О нас» или «О компании». Не пишите весь текст в футере — дайте ссылку.
Вакансии: если нанимаете сотрудников, добавьте ссылку на страницу «Карьера» или «Вакансии».
Партнёры: если работаете с крупными брендами или имеете официальные партнёрства, можно добавить логотипы или ссылки.
Сертификаты/награды: если есть значимые достижения (например, сертификат ISO, награда в отрасли), можно разместить бейджи.
График работы: для локального бизнеса или службы поддержки.
Как оформить информацию о компании в футере
Используйте семантический тег `
` для контактов. Это помогает поисковым системам и скринридерам правильно интерпретировать данные.
Не дублируйте всю информацию из шапки сайта. Выберите самое важное и разместите в подвале.
Если у вас несколько офисов, создайте отдельную страницу «Контакты» и дайте на неё ссылку из футера. В самом подвале оставьте только основной адрес.
Копирайт обновляйте автоматически. Используйте простой JavaScript‑скрипт, чтобы не забывать менять год вручную.
Пример оформления информации о компании
ООО «Компания», 123000, Москва, ул. Пример, 1. Тел: +7 (495) 123‑45‑67, E‑mail: hello@example.ru
© ООО «Компания». ИНН 1234567890, ОГРН 1234567890123
Частые ошибки при размещении информации о компании
Слишком много текста: не пишите в футере всю историю компании. Дайте ссылку на страницу «О нас».
Устаревшие данные: проверяйте актуальность телефонов, email и адресов. Устаревшие контакты снижают доверие.
Отсутствие реквизитов: для B2B и некоторых ниш (например, финансы, медицина) отсутствие ИНН/ОГРН может вызвать вопросы.
Низкий контраст: если текст в футере плохо читается (например, серый на сером), пользователи не смогут найти контакты.
Дизайн подвала сайта: как сделать его удобным и привлекательным
Дизайн подвала сайта — это не только эстетика. Это юзабилити, доступность и скорость загрузки. Хороший дизайн футера помогает пользователю быстро найти нужное действие, а плохой — отпугивает и снижает доверие.
Основные принципы дизайна футера
Контраст ≥4.5:1 для основного текста. Это минимальное требование WCAG для читаемости. Заголовки и важные элементы (например, CTA) должны иметь ещё более высокий контраст.
Touch targets ≥44×44 px. На мобильных устройствах кнопки и ссылки должны быть достаточно крупными, чтобы по ним было удобно попасть пальцем.
Семантика: используйте тег `
` для обёртки, « для навигации, « для контактов. Это помогает скринридерам и поисковым системам правильно интерпретировать структуру.
Клавиатурная доступность: последовательность таба должна быть логичной, без ловушек. Пользователь должен иметь возможность пройти по всем элементам футера с клавиатуры.
Мобильный адапт: колонки стекуются вертикально, второстепенные блоки — в аккордеоны, липкий мини‑футер — 1–2 действия.
Цвет и шрифт: как не ошибиться
Цвет фона: тёмный фон (например, #2c2c2c) с светлым текстом (#ffffff) — классический вариант для футера. Однако можно использовать и светлый фон, если он сочетается с общим дизайном сайта.
Цвет текста: основной текст — нейтральный (белый, светло‑серый), ссылки — акцентный цвет (например, синий, зелёный). Важно: ссылки должны отличаться от обычного текста не только цветом, но и подчёркиванием или другим визуальным признаком.
Шрифт: используйте тот же шрифт, что и на остальном сайте. Размер — не менее 14–16 px для основного текста, 12–14 px для второстепенного (например, копирайт).
Межстрочный интервал: 1.5–1.6 для основного текста, чтобы строки не «слипались».
Структура и расположение элементов
Колонки: 3–4 колонки на десктопе, 1 колонка на мобильных устройствах. Каждая колонка — отдельный блок (например, «Навигация», «Контакты», «Юридика», «Социальные сети»).
Порядок: слева направо — от более важного к менее важному. Например: Навигация → Контакты → Юридика → Социальные сети.
Отступы: между колонками — 20–40 px, между элементами внутри колонки — 10–15 px.
Высота: футер не должен занимать больше 30–40% высоты экрана на десктопе. На мобильных устройствах — не более 50%.
CTA в футере: как сделать его заметным
Один главный CTA: не размещайте несколько конкурирующих кнопок. Выберите одно действие (например, «Заказать консультацию» или «Подписаться на рассылку») и сделайте его визуально заметным.
Цвет: акцентный цвет, который выделяется на фоне футера. Например, если фон тёмный, используйте яркую кнопку (оранжевая, зелёная, синяя).
Размер: кнопка должна быть достаточно крупной (минимум 44×44 px на мобильных), но не доминировать над всем футером.
Текст: конкретный и понятный. Вместо «Отправить» — «Получить консультацию», вместо «Подписаться» — «Подписаться на новости».
Мобильный дизайн футера: особенности
Липкий мини‑футер: на мобильных устройствах можно добавить липкий (sticky) мини‑футер с 1–2 ключевыми действиями (например, «Позвонить» и «Написать в Telegram»). Это удобно для пользователей, которые хотят быстро связаться с компанией.
Аккордеоны: второстепенные блоки (например, «Юридика» или «О компании») можно свернуть в аккордеоны, чтобы не перегружать экран.
Вертикальный стек: все колонки стекуются вертикально. Порядок — от более важного к менее важному.
Touch‑цели: все кнопки и ссылки должны быть достаточно крупными (≥44×44 px), чтобы по ним было удобно попасть пальцем.
Код‑шаблон семантического футера
ООО «Компания», 123000, Москва, ул. Пример, 1. Тел: +7 (495) 123‑45‑67, E‑mail: hello@example.ru
Telegram
VK
© ООО «Компания»
Utility vs Doormat — быстрая таксономия
Utility: Privacy, Terms, Cookies, Accessibility, Sitemap, Careers, Partners — служебные ссылки.
Doormat: О компании, Услуги, Доставка и оплата, Возврат, Поддержка, Блог, Контакты — пользовательская навигация.
Частые ошибки в дизайне футера
Перегрузка ссылками (>12–15): снижает кликабельность и внимание. Убирайте «облако тегов» и повторяющуюся навигацию.
Keyword stuffing в анкорах: риск для SEO. Используйте естественные формулировки.
Скрывшийся футер/низкий контраст: нарушает доступность. Проверяйте контраст текста и фона.
Несоответствие мобильной версии: потеря до 50% мобильных конверсий. Тестируйте футер на реальных устройствах.
Наличие множества однотипных CTA: пользователь не понимает главный шаг. Оставьте один явный призыв к действию.
Мобильный футер: мини‑гайд и A/B‑план
Мини‑футер (липкий): 1–2 ключевых действия (Позвонить / Оставить заявку).
Стек колонок вертикально, второстепенные блоки — аккордеоны.
Touch targets ≥44×44 px; видимость CTA на первом экране.
A/B‑план: 2 варианта (1 — крупный липкий CTA; 2 — компактный CTA + иконки), период 2–4 недели; KPI: клики в футер, CTR CTA, конверсии.
Мини‑инструкция: как проверить футер за 10 минут
Откройте сайт на мобильном и десктопе. Видны ли телефон, email и CTA?
Посчитайте ссылки: если >12–15 — оставьте наиболее важные и добавьте «Ещё».
Проверьте контраст текста — не ниже 4.5:1.
Проверьте touch‑цели на мобайле (44×44 px).
Убедитесь, что год в копирайте обновляется автоматически.
Пройдитесь клавиатурой — футер должен быть доступен и логичен.
Часто задаваемые вопросы (FAQ)
Какой контент всегда должен быть в футере?
Минимум: контакты (адрес/телефон/email), копирайт с текущим годом, ссылка на privacy policy и terms, accessibility statement. Для магазинов — доставка/оплата/возврат.
Как футер влияет на SEO?
Футер не «поднимет» сайт автоматически, но правильно структурированная перелинковка и удобная навигация улучшают поведенческие сигналы и индексирование. Не используйте переспам‑якоря.
Какие ошибки чаще всего делают?
Перегрузка ссылками, дублирование шапки «один в один», низкий контраст, мелкие touch‑области, несколько конкурирующих CTA.
Как адаптировать футер под мобильные устройства?
Колонки стекуются вертикально, второстепенные блоки — в аккордеоны, липкий мини‑футер с 1–2 действиями, touch‑цели ≥44×44 px. Тестируйте на реальных устройствах и проверяйте аналитику.
Нужно ли дублировать всё меню из шапки в футере?
Нет. Выберите 6–10 самых важных разделов и разместите их в подвале. Остальное можно убрать в отдельную страницу «Карта сайта» или вообще не дублировать.
Можно ли размещать рекламу в футере?
Технически — да, но это снижает доверие и отвлекает от основных действий. Если реклама необходима, размещайте её в отдельном блоке и не смешивайте с контактами и навигацией.
Как часто нужно обновлять футер?
Проверяйте актуальность контактов и юридических документов раз в квартал. Год в копирайте обновляйте автоматически. Дизайн и структуру — по мере необходимости (например, при редизайне сайта или изменении бизнес‑модели).
Нижнее резюме
Футер — это не декоративный «нижний колонтитул». Он — функциональный мост от конца страницы к следующему действию: контакт, навигация, доверие.
Оставьте 6–10 релевантных ссылок, один главный CTA, актуальные контакты и юридические документы, соблюдайте доступность и адаптивность. Проверяйте изменения через A/B и аналитику; используйте релевантные метрики: клики в футер, CTR CTA, конверсии и время на странице.
Футер не «поднимет» сайт сам по себе, но грамотная структура и удобная навигация улучшают поведенческие сигналы и помогают пользователям найти нужное действие в конце страницы.
Рекомендуемый чек‑лист до релиза футера
- Есть 6–10 ключевых ссылок (doormat + utility).
- Один главный CTA; второстепенные не конкурируют визуально.
- Контакты, privacy, terms, accessibility — доступны.
- Контраст ≥4.5:1, touch‑цели ≥44×44 px.
- Футер доступен с клавиатуры и для скринридеров.
- Мобильный мини‑футер тестирован A/B.
- Карта/виджеты не «тянут» скорость (lazy‑load, defer).
- Год в копирайте обновляется автоматически.
- Юридический минимум проверен юристом (если требуется).
Оставьте контакты и документы, добавьте 6–10 логичных ссылок, один понятный призыв к действию, подпишитесь на аналитику и тестируйте мобильные варианты. Правильно оформленный футер экономит время посетителей, помогает поисковым системам и даёт вашему проекту стабильный «мост» от конца контента к следующему действию.
