Site icon Блог — Botfaqtor.ru

Подвал сайта (Footer): как называется нижняя часть сайта, что в ней должно быть и как её оформить

Ботфактор

Футер сайта — нижний сквозной блок страницы: он подсказывает пользователю, куда идти дальше, если нужный раздел не найден. Состав зависит от типа проекта — от доставки и оплаты в магазине до контактов и реквизитов на сайте услуг. Для SEO футер ценен как элемент понятной структуры и внутренней перелинковки, а не площадка для ключевых слов. 

Что такое футер (footer) сайта и какие задачи решает подвал страницы

Футер — нижний блок, который повторяется почти на каждой странице сайта: это и есть сквозной элемент. В отличие от хедера, который открывает сценарий пользователя, подвал его завершает.

Если человек дочитал страницу и не нашёл нужный раздел, в футере он находит второй маршрут вместо ухода с сайта. Это простая, но точная формулировка того, зачем вообще нужен подвал сайта: не украшение, а страховка от потери посетителя.

На практике это заметно невооружённым глазом: у сайтов без внятного подвала посетитель, долистав до конца страницы, чаще уходит, чем переходит дальше по сайту. Строгой статистики по этому эффекту нет, но логика простая — пользователю просто некуда «зацепиться» взглядом внизу экрана. 

Типичная ошибка новичка здесь — считать подвал техническим требованием, а не рабочим инструментом навигации, доверия и конверсии. Всё, что размещено в подвале сайта, работает на удержание посетителя, который уже почти готов уйти со страницы.

Какую информацию и элементы обязательно нужно разместить в футере

Владельцу бизнеса не нужен список из двадцати пунктов — нужен ответ, что поставить именно ему в футер. Ниже — рабочая матрица по типам сайтов: какой футер нужен лендингу, сайту услуг, интернет-магазину, блогу и SaaS-проекту.

ЭлементЛендингУслугиИнтернет-магазинБлог / СМИSaaS
Контактыобязательнообязательнообязательножелательнообязательно
Реквизитыпо ситуациижелательножелательнопо ситуациижелательно
Доставкаобязательно
Оплатаобязательножелательно
Политика конфиденциальностипроверитьпроверитьпроверитьпроверитьпроверить
CTAдадавторичноподпискада
Разделы каталоганет3–6ключевыерубрикипродуктовые
Вакансииредкопо ситуациипо ситуациипо ситуациичасто

Если коротко описать логику: чем длиннее путь клиента до сделки, тем больше в подвале должно быть элементов, снимающих сомнение — реквизитов, гарантий, способов оплаты. Для лендинга с одной услугой избыточный набор блоков, наоборот, размывает внимание и уводит от главного CTA.

Отдельно стоят юридические документы: политика конфиденциальности, согласие на обработку персональных данных, оферта, пользовательское соглашение. В футере их часто ставят рядом в одном списке, из-за чего кажется, будто все они одинаково обязательны для любого сайта. На практике набор зависит от того, какие данные вы обрабатываете и как. Политика конфиденциальности нужна практически всегда: она требуется не только при наличии формы, но и при сборе данных через куки, аналитику и метрики — то есть почти на любом сайте с посещаемостью. А вот оферта и пользовательское соглашение актуальны в первую очередь при онлайн-оплате и работе с юрлицами. 

Дизайн и эргономика: основные правила оформления и верстки подвала сайта

Правило воздуха здесь работает так же, как и в остальном интерфейсе: футер должен читаться блоками, а не сплошным текстом. Распространённая UX-практика — делить его на 3–5 колонок: навигация, контакты, юридический блок, соцсети, дополнительный CTA.

Несколько правил оформления футера, которые стоит проверить прежде всего:

По принципам адаптивного дизайна мобильный футер сайта стоит проектировать отдельно, а не сжимать десктопную версию как есть. На узком экране пять колонок превращаются в нечитаемую простыню, поэтому логичнее свернуть второстепенные блоки (вакансии, соцсети) в один раскрывающийся список, а контакты и CTA оставить на виду.

Хороший ориентир для оформления коротких текстовых блоков в футере — не более 2–3 предложений. Длинная история о компании там неуместна: пользователь долистал до подвала не за лонгридом, а за конкретным действием.

Единого норматива по срокам нет, но рабочая практика — не формальность: минимум раз в год стоит перепроверять ссылки, контакты, реквизиты, логотипы партнёров и год в подвале сайта. Устаревший «© 2019» в подвале действующего сайта — один из самых заметных сигналов небрежности для посетителя.

Роль футера в SEO-оптимизации: меню, ссылки на разделы и карта сайта

Здесь сталкиваются два противоположных совета: «добавьте в футер побольше ссылок и ключевых слов» и «не превращайте футер в свалку анкоров». Правы отчасти обе стороны, но с оговорками.

Сквозная ссылка — это ссылка, которая повторяется на большом количестве страниц сайта, например в общем футере. Такие ссылки действительно помогают поисковому роботу быстрее находить важные разделы и снижают глубину переходов до них — особенно на сайтах с крупным каталогом. Но чем больше сквозных ссылок, тем меньше веса получает каждая из них, а обход робота начинает распыляться на второстепенные страницы.

Отдельно стоит развести HTML Sitemap и XML Sitemap, раз футер часто ссылается на оба файла: первая карта — для человека, вторая — служебный файл для поисковых систем. Видимая ссылка на XML Sitemap в футере не обязательна — поисковикам достаточно указания на файл в robots.txt или через панель для вебмастеров, а вот ссылку на человекочитаемую карту сайта разместить уместно, если у проекта сложная структура разделов.

Мини-аудит SEO-футера сайта можно провести по короткому алгоритму:

  1. Выгрузить все ссылки подвала.
  2. Проверить, какие из них действительно сквозные, а какие случайно попали не на все страницы.
  3. Найти редиректы, битые ссылки, дубли и технические URL без пользовательской ценности.
  4. Сопоставить оставшиеся ссылки с реальной архитектурой раздела.
  5. Проверить индексацию целевых страниц в Яндекс Вебмастере через отчёты «Структура сайта» и «Ссылки» (внутренние и внешние). 
  6. Убрать ссылки, которые существуют только ради анкора, а не ради пользователя.
  7. Отдельно прогнать мобильную версию подвала — там ссылки нередко теряются при вёрстке.

Здесь же работает правило полезности ссылки: каждая ссылка в подвале должна отвечать хотя бы одной задаче — пользовательской, навигационной, коммерческой, юридической или структурной. Не проходит ни один критерий — кандидат на удаление, вне зависимости от того, сколько лет она уже провисела в футере.

По поводу SEO-текста в подвале позиция должна быть однозначной: не проектируйте подвал как площадку для текста ради ключевых слов. Короткое описание компании допустимо, если оно реально полезно посетителю, но сначала смысл — и только потом естественное включение ключевых слов, а не наоборот.

Элементы доверия: как политика конфиденциальности и контакты повышают лояльность пользователей

Контакты, реквизиты и юридические документы в подвале выполняют одну функцию: футер снимает сомнение перед действием — оставить заявку, оплатить, оставить персональные данные в форме.

Политика конфиденциальности — не формальность для галочки, а ответ на прямой вопрос посетителя: что произойдёт с его номером телефона и почтой после отправки формы. Разместите ссылку на документ рядом с самой формой, а не только внизу страницы — так вероятность, что её действительно прочитают перед отправкой данных, выше.

Реквизиты компании в подвале особенно важны для сайтов услуг и интернет-магазинов: юрлицо, ИНН, юридический адрес — общепринятая практика, которая превращает анонимный сайт в проверяемую компанию, хотя единого требования размещать их в футере для всех видов бизнеса нет. Для физлиц и самозанятых достаточно рабочих контактов и графика работы, но без реквизитов вообще доверие ниже, особенно при заказах на крупные суммы.

Что стоит убрать из подвала при ближайшем аудите:

Короткий чек-лист для самопроверки футера за пять минут: контакты кликабельны, реквизиты актуальны, ссылка на политику конфиденциальности ведёт на рабочую страницу сайта, копирайт с текущим годом, мобильная версия сайта не теряет ни одного блока, а количество ссылок в футере оправдано реальной структурой раздела, а не желанием добавить побольше анкоров.

Разработчикам стоит закладывать семантическую разметку с самого начала: специальный тег обозначает подвал как самостоятельную секцию документа (пример ниже), <nav> — блок навигационных ссылок внутри неё, <address> — контактные данные компании. Такая разметка не украшение, а подсказка поисковому роботу и вспомогательным технологиям о смысловой роли каждого блока сайта.

<footer>
  <nav aria-label="Навигация в подвале">
    <a href="/services">Услуги</a>
    <a href="/prices">Цены</a>
    <a href="/contacts">Контакты</a>
  </nav>
  <address>
    ООО «Компания», ИНН 000000000000<br>
    Телефон: <a href="tel:+70000000000">+7 (000) 000-00-00</a>
  </address>
</footer>

Подвал сайта, собранный по этой логике, работает сразу на три стороны: пользователь быстрее находит нужный раздел, поисковый робот — важные страницы, а бизнес получает меньше отказов на последнем шаге перед заявкой.

Exit mobile version