Футер сайта, или подвал — самый нижний завершающий блок веб-ресурса. В коде страницы он обозначается тегом <footer>, откуда и пошло русскоязычное название. Этот структурный элемент противоположен шапке (хедеру) и решает задачи навигации, удержания внимания и повышения доверия.
Подвал используется как зона для размещения дополнительной информации, помогая пользователю быстро перейти в нужный раздел. Технически футер — область плотной внутренней перелинковки. Согласно принципам распределения ссылочного веса, он участвует в расчете статического веса страниц (аналог PageRank) и влияет на сканирование ресурса поисковыми роботами.
- Что размещать в футере сайта: базовая информация
- Что дополнительно разместить в футере сайта
- SEO‑оптимизация футера: как помочь ранжированию
- Футер в мобильной версии и доступность (WCAG)
- Коротко о главном
Что размещать в футере сайта: базовая информация
В подвале содержится большой объем сжатой и структурированной информации. Базовый набор элементов включает следующие пункты:
- Контактная информация. Телефон, электронный и почтовый адрес, кликабельные кнопки мессенджеров и социальных сетей. Сделайте телефон и email кликабельными:
<a href="tel:+7XXXXXXXXXX">и<a href="mailto:info@site.ru">. Это критически важно для мобильных пользователей. Следите за единообразием данных: юридическое название, адрес и телефон должны совпадать в футере, микроразметке Schema и на внешних площадках. Несогласованность снижает доверие поисковых систем.
Контактная информация из всех блоков и со всех страниц дублируется в футере - Правовая информация. Для электронных СМИ это номер, дата выдачи и наименование органа регистрации. Для образовательных и медицинских компаний — сведения о лицензиях. Сюда же относится копирайт (запрет на копирование материалов). В соответствии с Федеральным законом № 152 «О персональных данных» обязательна ссылка на Политику конфиденциальности. Также рекомендуем вынести в футер: ссылку на Пользовательское соглашение (Оферту), уведомление об использовании файлов cookie (Cookie policy) и реквизиты компании (ИНН, ОГРН — кратко в одну строку со ссылкой на полную страницу).
Пример правовой информации в футере сайта электронного СМИ - Информация о разработчике сайта. Кликабельная ссылка на сайт агентства или студии. Внешнюю ссылку на сайт разработчика обязательно помечайте атрибутом
rel="nofollow", чтобы не передавать статический вес. Если размещение партнерское или рекламное, используйтеrel="sponsored". - Карта проезда. Интерактивная карта удобна, если клиент ищет офлайн-точку в зоне пешего доступа и ему важно увидеть точное местоположение офиса или магазина.
В футере карту можно увеличить и увидеть точный адрес компании - Карта сайта. Ссылка на HTML-страницу с иерархией всех разделов. HTML-карта полезна исключительно для навигации и быстрого доступа пользователей к глубоким разделам. Делайте на нее ссылку в футере, только если это улучшает UX. Для индексации поисковыми роботами достаточно корректной структуры и актуального файла sitemap.xml.
Выглядит страница карты сайта лаконично - Кнопка «Наверх». Элемент юзабилити, избавляющий пользователя от необходимости скроллить длинную страницу вручную для возврата к главному меню.
- Счетчики аналитики. Визуальные информеры (например, счетчик посещаемости). Показывайте видимые счетчики только там, где это критично для рекламодателей (на информационных порталах и в СМИ). Для коммерческих проектов используйте невизуальные коды аналитики. Следите, чтобы тяжелые скрипты не перегружали основной поток браузера и не ухудшали метрики Core Web Vitals.
Счетчиков может быть несколько
Чек‑лист элементов футера по типам сайта
| Элемент | Интернет‑магазин | Корпоративный | Блог/СМИ |
|---|---|---|---|
| Контакты (tel:, email) | ✔ | ✔ | ✔ |
| Политика конфиденциальности | ✔ | ✔ | ✔ |
| Пользовательское соглашение/Оферта | ✔ | ✔ | ✔ |
| Cookie policy | ✔ | ✔ | ✔ |
| Реквизиты (ИНН, ОГРН) | ✔ | ✔ | — |
| Способы оплаты (иконки) | ✔ | — | — |
| Отзывы/рейтинги (ссылки) | ✔ | ✔ | ✔ |
| Личный кабинет | ✔ | — | — |
| Карта/адрес | ✔ | ✔ | — |
| Подписка/форма | ✔ | ✔ | ✔ |
Отсутствие подвала делает ресурс визуально незаконченным и лишает посетителей быстрых ответов на организационные вопросы. Ниже представлены примеры оформления: удачные и требующие доработки.
Пример нижнего блока, который не несет пользы ни посетителям, ни поисковым системам:
%201.png)
%201.png)
%201.png)
%201.png)
%201.png)
Что дополнительно разместить в футере сайта
Наполнение подвала варьируется в зависимости от ниши, бизнес-задач и требований к конверсии. Расширенный функционал включает:
- Информация для покупателей (e-commerce). Ссылки на условия доставки и возврата товара, логотипы платежных систем, значки SSL-сертификатов и скан-копии лицензий. Четкие условия снижают барьер к покупке, а видимая безопасность платежей напрямую повышает конверсию интернет-магазина.
- Информация о партнерах. Логотипы или ссылки на крупные бренды, финансовые и информационные спонсоры. Работает как социальное доказательство, формируя доверие к компании.
Пример футера сайта с указанием партнеров проекта — СМИ «Известия» - Информация о резервном домене. Ссылка на зеркало или дополнительный ресурс на случай технических сбоев основного хостинга.
Дополнительный ресурс поможет не потерять пользователя при проблемах с основным сайтом или хостингом - Формы лидогенерации. Блоки подписки на рассылку, заказ обратного звонка или форма «Задать вопрос». Помогают собирать базу контактов у той части аудитории, которая доскроллила страницу до конца.
В футере этого сайта нашлось место даже для двух дополнительных форм захвата - Возрастное ограничение. Маркировка (например, 18+), обязательная для ресурсов со специфическим контентом.
- Ссылка на брендбук. Набор логотипов, фирменных цветов и шрифтов. Упрощает работу со сторонними подрядчиками (дизайнерами, прессой), предоставляя быстрый доступ к визуальным активам.
Встречается ссылка на фирстиль нечасто, но рассмотреть такой вариант стоит - Условия доступа к материалам (Disclaimer). Актуально для финансовой, медицинской и юридической тематик. Владельцы снимают с себя ответственность, указывая, что контент носит исключительно справочный характер.
Пример оформления условий доступа к сайту: ссылка на страницу размещена в футере - Переключатель языков. Дублирование языковой панели из хедера для мультиязычных проектов.
На этом сайте всего один язык, но кнопка в футере есть — возможно, компания готовится к работе на зарубежном рынке - Дополнительное меню. Ссылки на самые маржинальные услуги, популярные категории товаров или обучающие материалы. Не стоит слепо копировать главное меню — выносите только приоритетные хабы.
Вот как сделали владельцы этого сайта - Форма сообщения об ошибке. Инструмент краудсорсинга для улучшения качества контента. Повышает лояльность аудитории.
Так выглядит просьба в футере сайта При выделении текста и нажатии комбинации клавиш появляется окно отправки уведомления редактору.
Эту форму можно отправить, и владелец ресурса исправит ошибку / опечатку - Гарантии. Блок с описанием условий возврата средств или технической поддержки. Часто используется инфобизнесом и SaaS-платформами.
Помимо гарантии возврата средств мы видим, что ресурс гарантирует круглосуточную поддержку - Внешние рейтинги и агрегаторы отзывов. Ссылки на профили компании в Яндекс Картах, 2ГИС, Отзовике. Если посетитель дошел до подвала, социальные доказательства помогут конвертировать его в лид.
Отзывы, рейтинги, партнерство с Google — все важное и имиджевое в одной строке
- Участие в знаковых проектах. Упоминание резидентства (например, Сколково) или государственных грантов.
О Skolkovo знают все: нет причины не напомнить об этом в подвале сайта - Браузерные расширения и приложения. Кнопки перехода в App Store, Google Play или магазины расширений.
Известный сервис аналитики сайтов предлагает скачать дополнения для работы с основными браузерами - Служебные страницы. Вакансии, условия для рекламодателей, пресс-кит, ссылки на корпоративный блог или каналы в мессенджерах.
У этого сайта есть мобильное приложение и открытые вакансии
SEO‑оптимизация футера: как помочь ранжированию
Грамотно спроектированный подвал улучшает краулинговый бюджет и распределяет вес по сайту. Однако перегруженный ссылками блок не усиливает позиции, а создает риск пессимизации.
Внутренняя перелинковка без спама
- Линкуйте только на 6–12 ключевых хабов и 2–4 приоритетные посадочные страницы. Избегайте «портянок» из десятков ссылок.
- Используйте точные анкор‑тексты: названия услуг или категорий, а не бессмысленные конструкции вроде «Узнать подробнее».
- Не дублируйте главное меню целиком. Оставьте только востребованные кластеры.
- Продвигайте низкочастотные и среднечастотные запросы точечно, сохраняя визуальную чистоту блока.
Чего нельзя делать
- Размещать скрытые ссылки, нерелевантные анкоры и «простыни» SEO‑текста. Поисковые алгоритмы легко распознают такие манипуляции.
- Оставлять внешние сквозные ссылки без атрибутов. Обязательно внедряйте
rel="nofollow"илиrel="sponsored". - Подключать тяжелые виджеты, блокирующие рендеринг. Выносите некритичные скрипты в отложенную загрузку.
Сквозные внешние ссылки в футерах в эпоху алгоритмов типа SpamBrain почти не передают ценность и могут навредить донору. Оставляйте только обязательные правовые или партнерские линки, корректно размечая их атрибутами.
Поисковые системы жестко оценивают техническое здоровье ресурса. Тяжелый сторонний код в подвале способен ухудшить показатели Core Web Vitals: LCP (отрисовка крупного контента), INP (задержка взаимодействия) и CLS (сдвиг макета). Держите код чистым.
Футер в мобильной версии и доступность (WCAG)
Мобильный подвал — это отдельный слой UX. Алгоритмы учитывают удобство взаимодействия на смартфонах (флаг isSmartphoneOptimized), поэтому адаптация критична для ранжирования.
- Mobile‑first. Сворачивайте длинные перечни в аккордеоны. На первом экране оставляйте 3–5 главных пунктов.
- Touch targets. Соблюдайте минимальный размер кликабельных элементов — 44×44 px. Рекомендуемый размер шрифта — 16–18 px, межстрочный интервал (line-height) — 1.4–1.6. Отступы между строками делайте не менее 8–12 px.
- Контрастность. Соотношение цвета текста к фону должно быть не ниже 4.5:1 согласно стандартам WCAG.
- Клавиатурная навигация. Настройте логичный tab‑order и видимые focus‑стили для людей с ограниченными возможностями.
- Архитектура. Для e-commerce с глубоким каталогом внедряйте мега‑футер с группировкой. Для лендингов достаточно микро‑футера (копирайт, реквизиты, один призыв к действию).
- Удержание. Строка поиска или кнопка вызова AI-ассистента в самом низу экрана помогает конвертировать пользователя, не нашедшего ответ в основном контенте.
Коротко о главном
Подвал сайта — функциональный инструмент навигации, маркетинга и SEO. Не превращайте его в свалку ссылок; размещайте только ту информацию, которая решает задачи бизнеса и помогает клиенту.
- Базовый минимум для любого проекта: кликабельные контакты, Политика конфиденциальности, Cookie policy, Пользовательское соглашение и реквизиты.
- Интернет-магазинам необходимо добавить информацию о доставке, возврате, логотипы платежных систем и сертификаты безопасности.
- Для SEO-оптимизации используйте не более 12 внутренних ссылок с точными анкорами. Исключите спамные тексты.
- Все внешние сквозные ссылки закрывайте атрибутами
rel="nofollow"илиrel="sponsored". - Контролируйте влияние скриптов на метрики Core Web Vitals (LCP, INP, CLS).
- Адаптируйте мобильную версию по стандартам WCAG: размер кликабельной зоны от 44×44 px, контраст 4.5:1, использование аккордеонов для экономии места.
.png)
.png)
Комментарии (9)
Оставить комментарий