Что такое футер сайта и что должно быть в подвале

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

Что такое футер сайта?

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

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

Что должно быть в подвале сайта?

Минимальный набор для любого сайта:

• Контакты: телефон, e-mail, мессенджеры, адрес с картой, если есть офис.
• Навигация: ссылки на основные разделы, 5–15 пунктов, сгруппированные по смыслу.
• Юридическая информация: название компании или ФЛП, код ЕГРПОУ или ИНН, политика конфиденциальности, условия использования.
• Копирайт: © и год, лучше диапазон с годом основания.
• Соцсети: иконки с подписями для программ экранного доступа.

По ситуации добавляют:

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

Что обязательно в футере интернет-магазина?

Закон Украины «Об электронной коммерции» требует, чтобы продавец указал сведения о себе: полное наименование или ФИО предпринимателя, адрес, e-mail или адрес интернет-магазина, идентификационный код, сведения о лицензии, если деятельность лицензируется. Телефон добавляют для покупателей: по нему чаще всего уточняют заказ. Удобнее всего разместить их в футере на всех страницах. Туда же выносят ссылки на условия оплаты, доставки и возврата, публичную оферту и политику обработки персональных данных. Логотипы LiqPay, WayForPay, Visa и Mastercard показывают, какие способы оплаты доступны.

Какие разделы нужны в подвале сайта онлайн-школы?

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

Как футер влияет на SEO?

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

Для местного SEO полезно, чтобы название, адрес и телефон в футере совпадали с профилем Google Business Profile. Эти же данные дублируют в разметке schema.org Organization или LocalBusiness.

Какие ошибки делают в футере?

• Мелкий серый текст на тёмном фоне, который невозможно прочитать.
• Контакты картинкой: по номеру нельзя нажать на телефоне.
• Устаревший год в копирайте. Посетитель думает, что сайт заброшен.
• Сотни ссылок, в которых теряются важные разделы.
• Плашка cookie перекрывает футер на мобильном.

Как оформить футер на мобильном?

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

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

Частые вопросы

Как называется нижняя часть сайта?

Футер (footer), или подвал сайта. Верхняя часть называется шапкой, или хедером (header).

Что такое футер страницы?

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

Нужна ли карта сайта в футере?

Для небольших сайтов — нет. Для сайтов с сотнями страниц ссылка на HTML-карту помогает посетителям. Для поисковиков важнее XML-карта в Search Console.

Какой год писать в копирайте?

Текущий или диапазон от года запуска до текущего. Многие сайты выводят текущий год автоматически.

Влияют ли ссылки в футере на позиции?

Слабо. Они помогают обходу сайта, а десятки ключевых ссылок в подвале выглядят как спам. Важнее контекстные ссылки в тексте.

Источники

• Закон Украины «Об электронной коммерции» (текст на украинском)
• Google Search Central: LocalBusiness structured data
• web.dev: accessible colour contrast