Футер

Статья обновлена 03.07.2024

Футер — что это такое? Еще его называют нижний колонтитул или подвал сайта. Это обязательный элемент любой веб-страницы, который всегда находится внизу. Футер — последнее, что пользователи увидят, если прокрутят сайт вниз. Обычно он включает важную информацию — такую ​​как уведомление об авторских правах, копирайт, контактные данные, номера лицензий, если применимо, и другие технические данные.

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

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

Анатомия футера

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

Футер обычно содержит различную информацию, такую как:

• Контактная информация: адрес, номер телефона, адрес электронной почты
• Ссылочное меню: ссылки на главные страницы сайта, разделы, категории
• Авторские права: год создания сайта, информация о владельце
• Социальные сети: ссылки на профили сайта в социальных сетях
• Формы подписки: подписка на рассылку, уведомления о новостях
• Юридическая информация: пользовательское соглашение, политика конфиденциальности
• Дополнительные элементы: карты, календари, калькуляторы, отзывы, виджеты

Важно:

• Соответствие дизайну сайта: футер должен быть оформлен в соответствии с общим стилем сайта.
• Удобство использования: информация в футере должна быть легкодоступной и понятной для пользователей.
• Анализ эффективности: необходимо отслеживать, какие элементы футера наиболее востребованы, и оптимизировать его содержимое.

Технические параметры футера

Футер часто делают таким же по ширине, как и основное содержимое сайта. А вот высота подвала может быть разной – все зависит от выбранного содержания и предполагаемого дизайна. Футер бывает также статическим, то есть отображается одинаково вне зависимости от раздела сайта, и динамическим – когда содержание меняется в зависимости от отображаемой страницы. Как пример, можно назвать призыв к действию по участию в промоакции, который исчезает, когда пользователь уже перешел на нужную страницу.

Как правило, оформление футера в целом совпадает с общим стилем сайта, его цветовой гаммой, типографикой и формой подачи информации. Футер для лендинга может быть таким же ярким, как основное содержание, а подвал для корпоративного сайта — спокойным и выдержанным.

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

Относительно формы все зависит от выбранного дизайна. Некоторые футеры содержат только одну строку текста с копирайтом, которая занимает всю ширину окна, другие могут быть поделены на разделы.

Почему футер страницы важен

Хотя футер находится внизу страницы, и многие пользователи до него не доскроллят, он всё же играет важную роль по ряду причин:

1. Последний шанс произвести впечатление

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

2. Обеспечение целостности восприятия

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

3. Размещение важной информации

• В футере можно разместить информацию, которая будет полезна всем посетителям сайта, независимо от того, на какой странице они находятся.
• Сюда можно добавить:
  • Контактную информацию
  • Ссылки на социальные сети
  • Карту сайта
  • Подписку на рассылку
  • Юридическую информацию
• Размещая эту информацию в футере, вы делаете ее легкодоступной для всех пользователей, не перегружая при этом основные страницы сайта.

4. Повышение удобства использования

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

5. Повышение показателей SEO

• Футер может играть роль в поисковой оптимизации (SEO).
• Размещая в нем ключевые слова и ссылки на другие страницы сайта, вы можете улучшить его позиции в поисковой выдаче.

6. Анализ поведения пользователей

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

Что включить в футер для сайта

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

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

Однако ограничиваться только стандартными строчками политик и контактов в футере не стоит. Определенные дополнительные функции и возможности позволят оптимизировать этот ценный ресурс.

• Вторичная навигация. Для поддержания вовлеченности посетителей вторичная навигация по сайту является обязательным элементом футера, даже если она дублирует основное меню.
• Призыв к действию (CTA). Призывы к действию побуждают посетителей предпринять определенные действия после перехода на сайт. В зависимости от характера сайта CTA может содержаться на каждой странице, и это делает футер незаменимым местом для его размещения. Это может быть кнопка для немедленной обратной связи по WhatsApp или по телефону, вызов чат-бота или CTA на промоакцию.
• Контактные формы и опросы. Контактные формы могут размещаться на любой странице сайта, включая футер. Дать посетителям дополнительную возможность для связи, помимо основной страницы «Контакты», — это всегда удачная идея, способная повысить взаимодействие. Той же цели служат и короткие интерактивные опросы — они помогают поднять вовлеченность и заинтересовать посетителей.
• Адреса или карты. Если сайт — это виртуальная витрина розничных или оптовых точек, куда нужно направлять посетителей, стоит включить их адреса или карту в футер. Для разных CMS существуют свои виджеты — программные блоки для размещения информации в футере в том числе. Они ответят на вопрос, как сделать эту информацию доступной для всех посетителей сайта.
• Изображения и медиа-контент. Яркие изображения могут выделить футер, добавив дизайну привлекательные штрихи, и привлечь внимание посетителей. Здесь можно отображать фото различных товаров, которые продаются на сайте, или анонсы статей блога с броскими картинками.
• Ссылки на аккаунты в социальных сетях. Социальные сети сегодня — важный маркетинговый инструмент для блогеров, владельцев сайтов и маркетологов. Иконки соцсетей, размещенные в футере, поощряют взаимодействие на этих платформах. Кроме того, единый интерфейс подачи информации позволяет визуально объединить их.
• Подписка на новостную рассылку. Это подвид CTA, который служит для увеличения взаимодействия с целевой аудиторией. В обмен на подписку можно предложить различные бонусы прямо в футере — от прямых скидок до иных стимуляторов лояльности. Включение в базу данных предупредит подписчиков всякий раз, когда на сайте появится новая информация, заслуживающая их внимания. Также к подпискам можно отнести размещение ссылок на ленту RSS, которую ведет компания. Это позволяет привлечь более знающих пользователей и организовать обмен внешними ссылками, что учитывается в общем рейтинге сайта.
• Популярные сообщения или статьи. После того, как посетитель сайта прочитает определенный материал, лучше предоставить ему возможность найти похожие прямо на сайте. Для таких размещений в футере существуют свои виджеты, которые отображают информацию по заданным критериям — от последних статей до самых популярных по теме.