Как сделать подвал сайта (footer): варианты дизайна, зачем он нужен, советы

Как сделать подвал сайта (footer): варианты дизайна, зачем он нужен, советы

Каждый веб-сайт состоит из нескольких ключевых блоков, выполняющих определенную задачу. Один из таких блоков —  footer, который расположен в самой нижней области сайта. Так называемый подвал страницы выполняет функцию навигации по сайту, предоставляет доступ к информационным разделам и содержит базовую контактную информацию. Без него любой веб-сайт будет казаться незаконченным.

Что будет, если не делать подвал сайта?

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

  1. Визуально завершает страницы (так как обычно подвал сайта имеет цвет, отличный от фонового оттенка основной страницы).
  2. Позволяет добавлять формы и контент для получения лидов (например, форма продажи товара, контактные данные, форму для связи с менеджерами компании).
  3. Улучшает поисковую оптимизацию (добавленная информация в подвал сайта индексируется быстрее и проще, нежели контент с углубленных страниц.
  4. Направляет пользователей в нужный им раздел (обычно ссылки на ключевые раздел сайта дублируются снизу, чтобы посетители могли перейти в нужный раздел без пролистывания в самую верхушку).

Отсюда можно сделать вывод, что footer является неотъемлемой частью любого web-site.

Особенности дизайна или как оформить footer

Чтобы не перенасытить сайт дизайнерскими деталями, предлагаем несколько форматов подвальной зоны страниц:

  • Лаконичность и минимализм (в нижней области сайта добавляется логотип компании, контактные данные и иконки на страницы в социальных сетях, без текста);
  • Полноценная карта сайта (этот вариант предполагает публикацию ссылок на всевозможные разделы и страницы);
  • Форма обратной связи/форма звонка;
  • Политика конфиденциальности вместе с контактными данными;
  • Встроенная карта Google Maps.

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

Как не сделать ошибки при обустройстве «подвала» сайта

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

Если вы делаете небольшой информативный сайт на примере landing page, то можно и вовсе не делать «подвал» сайта. Однако вместо этого нужно выделить нижнюю область визуально, чтобы дизайн казался законченным.

Для гармонизации используйте виджеты, которые предлагают различные сервисы. Например, упомянутые выше карты Google. Дополнительно можно использовать виджеты от сервиса Twitter, Facebook.

Ошибкой считается добавление в нижнюю часть сайта заголовков крупным шрифтом или другой информации, не являющейся правовой или контактной. Также в «подвале» сайта может добавляться правовая информация (например, ссылка на пользовательское соглашение).

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

 

Написать нам в