Что такое подвал сайта
Коротко
Подвал сайта, или футер, — это нижняя часть страницы, которая повторяется на всех страницах сайта и стоит после основного содержания. В нём размещают то, что нужно на любой странице: контакты и адрес, ссылки на юридические документы, навигацию по разделам и знак авторского права.
Зачем нужен подвал
Читатель попадает в подвал тремя путями: дочитывает страницу до конца, прокручивает её сразу вниз за контактами или ищет там ссылку на нужный раздел, чтобы не возвращаться в верхнее меню. Под каждый из этих путей в подвале есть своё место.
Для поисковых систем подвал — часть структуры страницы: ссылки из него ведут на все страницы сайта, поэтому их называют сквозными. Поисковый робот обходит их с любой страницы, а читатель находит раздел, не листая вверх.
Что размещают в подвале
- Контакты: телефон ссылкой, чтобы со смартфона по нему звонили одним нажатием, почта, мессенджеры.
- Адрес и график работы, если у компании есть офис, магазин или точка выдачи.
- Карта с точкой на ней: динамическая или статичная картинка, но так, чтобы читатель не уходил со страницы на сторонний сервис.
- Ссылка на политику конфиденциальности и на остальные документы, которые регулируют работу сайта и компании.
- Навигация по главным разделам: услуги, каталог, статьи, о компании.
- Знак авторского права с годом и названием компании.
- Форма обратной связи или подписка, если читатель дошёл до конца и готов продолжить разговор.
- Кнопки соцсетей и ссылка на поддержку.
Политика конфиденциальности и другие документы
Политика конфиденциальности — это страница с правилами сбора и защиты личных данных: имени, телефона, почты, платёжной информации. Её наличие по Федеральному закону от 27.07.2006 № 152-ФЗ обязательно для сайтов, которые собирают и обрабатывают личные данные, а форма заявки или подписки как раз их и собирает.
Ссылка в подвале должна называться так же, как документ, на который ведёт: «Политика конфиденциальности» не может открывать «Пользовательское соглашение». Если документов несколько, их собирают под одной ссылкой «Правовые документы» с выпадающим списком.
Как подвал устроен в коде
Подвал размечают тегом footer. Он говорит браузеру, поисковому роботу и программе чтения с экрана, что перед ними нижняя часть страницы с контактной информацией и ссылками. Браузер сам присваивает этому тегу роль contentinfo, и человек со скринридером переходит к подвалу горячей клавишей, не прослушивая страницу целиком.
Блок section такого смысла не несёт: технически подвал в нём работает, но для машин это просто ещё один кусок страницы. Если подвал на странице один, тег footer ставят один раз; вложенный footer внутри статьи обозначает подвал самой статьи, а не сайта.
Одинаковый на всех страницах
Подвал делают сквозным: один и тот же блок на всех страницах сайта. Так читатель на любой странице находит контакты там, где привык, а ссылки из подвала работают как перелинковка всего сайта.
Сквозные ссылки требуют меры: если в подвале десятки ссылок с одинаковыми словами на каждой странице, это переспам, и поисковые системы его учитывают. Поэтому в подвале оставляют главные разделы, а редкие ссылки убирают в отдельный раздел помощи.
Частые вопросы
Подвал и футер — это одно и то же?
Да. Футер — то же самое по-русски, слово пришло из вёрстки. В документации и руководствах по дизайну встречаются оба названия.
Обязателен ли подвал на каждой странице?
Обязательных требований к подвалу как к блоку нет. Но если сайт собирает личные данные через формы, ссылка на политику конфиденциальности должна быть доступна, а подвал — самое привычное место для неё. В руководствах по интерфейсам встречается и другой подход: подвал только на главной странице, если на остальных есть залипающая панель. Решение зависит от задачи сайта.
Что писать в подвале про авторские права?
Знак ©, год и название компании или автора. Год ставят текущий или диапазон с года начала работы сайта. Отдельной нормы, которая обязывает ставить этот знак, нет: он показывает, кому принадлежит сайт и его содержимое.
Можно ли ставить в подвал карту?
Да, если у компании есть физическая точка и читателю нужно объяснить, как до неё добраться. Лучше встроить карту так, чтобы человек не уходил со страницы, — виджетом или статичной картинкой со схемой проезда.
Помогает ли подвал продвижению в поиске?
Он влияет на удобство сайта и на то, как робот обходит ссылки: сквозные ссылки из подвала ведут на все главные разделы. Отдельного рейтинга за подвал нет, но аккуратные ссылки без переспама помогают обходу сайта.
Какой подвал считается плохим?
Тот, где ссылка называется не так, как документ, куда она ведёт; где десятки сквозных ссылок с одинаковыми словами; где телефон картинкой, а не ссылкой; где карта уводит на чужой сайт. И тот, где подвал перекрывает контент или залипает поверх страницы.
Когда подвал — часть работы над сайтом
Чтобы страницы сайта было видно в поиске
Подвал, контакты и ссылки на документы — это устройство сайта, а заявки приносит то, как страницы отвечают на вопросы покупателей. Сайт, собранный под спрос, начинается не с дизайна, а с того, какими словами ищут ваши покупатели и какие страницы им нужны.
Я собираю спрос и язык покупателей, планирую по нему страницы и делаю лёгкий сайт на своём движке — с навигацией и подвалом, которые работают на заявки, а не просто закрывают нижнюю часть экрана.