Особенности оформления подвала сайта

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

Главные функции футера:

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

Кроме того, подвал может стать инструментом удержания внимания пользователя. Текст в нём, как правило, выделен другим цветом, а сам блок не особо перегружен информацией, поэтому в нём можно разместить сведения, которые должны оказаться в зоне внимания (например, возможные способы оплаты).

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

Наполнение футера

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

Рассмотрим основные элементы, которые должны быть представлены в футере.

Ссылки на существующие разделы сайта

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

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

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

Контакты

В футере можно разместить контактную информацию, причём подать её более подробно, чем в шапке. Укажите номер телефона, электронную почту, проставьте ссылки на чаты в мессенджерах, распишите режим работы, реквизиты организации.

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

Чтобы упростить работу поисковым роботам, стоит выполнить микроразметку футера.

Обратный звонок

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

Желательно, чтобы форма была представлена в виде всплывающего окна.

Авторские права

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

Схема подачи информации следующая: © + название организации или указание автора + год создания + текст о правилах использования информации.

Политика конфиденциальности

Если при работе сайта предполагается сбор персональных данных, то вы обязаны обеспечить их безопасность, правильное хранение и надлежащую обработку в соответствии с 152-ФЗ «О персональных данных».

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

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

Мы рассмотрели основные элементы, которые должны присутствовать в подвале. Теперь поговорим о дополнительных.

Ссылки на аккаунты в социальных сетях

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

Ссылки на мобильные приложения

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

Ссылка на личный кабинет

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

Информация о компаниях-партнёрах

Такие сведения повышают доверие потенциальных клиентов к вашей организации.

Достижения и награды

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

Отзывы

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

Подписка на рассылку

Размещение формы в футере будет актуальным в том случае, если она содержит минимум полей. Пользователю предстоит вносить достаточно много сведений? Тогда лучше вынести подписку в отдельный блок над подвалом.

Активная кнопка «вверх»

В десктопной версии сайта пользователю будет удобно, если кнопка окажется на последнем экране внизу. В мобильной − над подвалом. Так экран смартфона, планшета или другого устройства не будет перегружен лишними элементами.

Форма поиска информации

Её размещение будет актуальным для крупных сайтов. Строка поиска создаётся в шапке и футере.

Особенности оплаты

Предоставление сведений о способах оплаты будет особенно актуальным для интернет-магазинов. Лучше подавать их в виде иконок платёжных систем.

Чего не должно быть в футере?

Существует ряд элементов, которых в подвале сайта быть не должно в силу сложности их восприятия. Рассмотрим основные из них.

Презентационное видео или текст о компании

Эти сведения лучше вынести на отдельную страницу или подать на главной. В подвале материалы могут не заметить.

Анонсы, новости, посты

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

Если попробовать разместить сведения компактно, то их будет плохо видно.

Чтобы материалы смотрелись привлекательно, для них нужно предусмотреть отдельный блок.

Карта

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

Особенности оформления футера

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

• выделение блока подходящим к дизайну сайта цветом − пользователи должны понимать, что это отдельный компонент страницы;

• группировка элементов − нужно сделать их разбивку по темам, между смысловыми блоками должны быть отступы;

• создание футера для мобильной версии − подвал нужно сделать компактным, продумать особенности показа информации.

Подводя итоги

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

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

TRANSLATE with x

English

Arabic	Hebrew	Polish
Bulgarian	Hindi	Portuguese
Catalan	Hmong Daw	Romanian
Chinese Simplified	Hungarian	Russian
Chinese Traditional	Indonesian	Slovak
Czech	Italian	Slovenian
Danish	Japanese	Spanish
Dutch	Klingon	Swedish
English	Korean	Thai
Estonian	Latvian	Turkish
Finnish	Lithuanian	Ukrainian
French	Malay	Urdu
German	Maltese	Vietnamese
Greek	Norwegian	Welsh
Haitian Creole	Persian

TRANSLATE with

COPY THE URL BELOW

Back

EMBED THE SNIPPET BELOW IN YOUR SITE

" onclick="this.select()">

Enable collaborative features and customize widget: Bing Webmaster Portal

Back

Статьи по теме

Почему ваш сайт должен грузиться быстрее 3 секунд

Многие владельцы уверены, что сайт работает «в пределах нормы». Он открывается, показывается, кликается — зна�...

2025-09-26

Чат-бот – что это такое

Чат-боты уже давно являются неотъемлемой частью нашей жизни. Они помогают получить ответы на самые часто задаваемые вопросы, решить воз�...

2022-04-25

Основные UX-тренды 2022 года

Традиционно новый год приносит с собой ряд изменений в сфере e-commerce. Чтобы успешно конкурировать на рынке с другими компаниями, представ�...

2022-01-18

Обратный звонок: полезный инструмент или раздражитель?

Несмотря на то, что в последние годы переписка между компанией и клиентами является основным методом коммуникации, некоторые люди по-пр�...

2021-03-29

Фирменный стиль: секреты успешной разработки

Число брендов на мировом рынке постоянно увеличивается. Чтобы выделиться среди конкурентов, вам необходимо разработать фирменный стил�...

2021-03-19

ТОП-10 онлайн-консультантов для сайта

Онлайн-консультанты − помощники, которые встречают гостей сайта практически сразу после визита на интернет-площадку. Эти виджеты позво...

2021-02-24

Вопросы юзабилити: на что обратить внимание в 2021 году?

Вопросы юзабилити: на что обратить внимание в 2021 году? Начало года − время для подготовки плана работы над сайтом. В зоне внимания в�...

2021-01-19

Подключение платформы Яндекс.Диалоги на веб-сайт

Два года тому назад компания Яндекс представила новую платформу, которая дала возможность эффективно работать с потенциальными покупа�...

2020-09-15

Текст для карточки товара: как сделать идеальное описание?

Если ваш интернет-магазин занимается продажей товаров, то для каждой из позиций предстоит подготовить красивый, уникальный, грамотный т...

2020-08-21

Онбординг: получаем признание клиентов за несколько секунд

Понятие «онбординг» используется для обозначения знакомства пользователя с интернет-магазином, информационным порталом, другим сайто�...

2020-07-30

Главная страница: идеальное юзабилити

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

2019-06-26

Поведенческие факторы: суть и специфика их влияния на продвижение сайта

Поведенческие факторы (ПФ) − это всевозможные действия, которые совершают на интернет-сайте посетители. Их набор меняется с течением вр�...

2019-06-18

Оформление электронной корзины: как не помешать пользователям сделать покупку?

Онлайн-коммерция − высококонкурентная сфера. Чтобы побудить пользователей к приобретению, мало просто добавить активную кнопку «Купит...

2019-05-15

Оформление текстов на сайтах: 10 полезных советов

Важность текстового контента для интернет-ресурсов трудно переоценить. Мы уже неоднократно говорили о том, что материалы должны быть ин...

2019-01-09

3 конкретных шага, чтобы сделать ЛЮБОЙ сайт продающим! Или как минимум улучшить его.

ЗДРАВСТВУЙТЕ! Нам все чаще за последнее время стали поступать заявки с вопросами: как привлечь клиентов, какие рекламные каналы работ...

2017-03-01