При разработке сайта важно детально проработать все нюансы, чтобы добиться максимального удобства для посетителей. И если «шапке» сайта обычно уделяют пристальное внимание, то о «подвале» (футере) зачастую забывают. А зря.
В материале расскажем, что такое футер сайта, как правильно его оформить и зачем он нужен.
Что такое футер сайта
Футер (от английского Footer) — заключительный раздел сайта, который часто называют подвалом. Обычно в нём размещают контакты, ссылки на каналы связи, пользовательские соглашения, политику конфиденциальности, форму для обратной связи и другую похожую информацию.
Многие разработчики игнорируют этот раздел и не уделяют время его оформлению. В то время как пользователи, наоборот, часто уделяют ему пристальное внимание. Ведь дойдя до конца посетитель может перейти по указанным ссылкам (если они есть) для оформления заказа или вступить в сообщества в социальных сетях, посмотреть маршрут до магазина и многое другое.
По сути, подвал сайта — это ещё один элемент воронки продаж. Особенно когда речь идёт о лендингах. Поэтому необходимо ответственно подойти к его оформлению.
Виды футеров
Различают три варианта отображения подвала сайта:
Стандартный
В этом случае футер располагается в самом низу страницы и одинаковый для всех страниц. Самый популярный вариант.
С бесконечным скроллом
На некоторых сайтах при пролистывании страницы автоматически подгружается новый контент по аналогии с лентой новостей в социальных сетях.
В таком случае дойти до футера — сложно и возможно только при быстром скроллинге вниз. У многих пользователей это вызывает негатив, потому что усложняет навигацию. Поэтому иногда разработчики делают статичный футер, который располагают сбоку.
Контекстный
При таком подходе футер на разных страницах будет отличаться. Например, пользователями интернет-магазина бытовой техники могут быть оптовые и розничные покупатели. Тогда для оптовиков в подвале будет размещена информация по условиям сотрудничества, контакты менеджеров для их направления и прайс. А для розничных — условия покупки и доставки, контакты техподдержки и варианты отслеживания заказов.
Обязательные элементы футера
Для любого сайта есть перечень элементов, которые обязательно должны быть в подвале:
Политика конфиденциальности
Если на сайте собираются какие-либо данные пользователей, то закон обязывает иметь соглашение о политике конфиденциальности. Как правило, документ разрабатывается юристом компании, хотя иногда владельцы используют типовые формы. Главное убедиться что форма соответствует всем правкам и нормативам.
Авторское право
Информация предназначена для уведомления о незаконности любого копирования информации с вашего сайта.
Условия использования (Пользовательское соглашение)
Как правило это ссылка на страницу с правилами и рекомендациями по использованию сайта. То есть, если пользователь, например, зарегистрировался на сайте, то он автоматически принял все условия использования.
Создать интернет-магазин «под ключ» можно без лишней головной боли с помощью конструктора интернет-магазина от inSales. Конструктор поможет быстро и без привлечения специалистов создать удобный сайт с возможностью интеграции с огромным количеством сервисов.
Дополнительные элементы футера
Есть ряд элементов, которые помещают в футер для удобства пользователей:
Адрес и контакты
Многие пользователи только для поиска местоположения и телефона долистывают сайт до конца. Помимо этого, указание адреса у регионального сайта поможет безболезненно продублировать вхождение названия города.
Обратная связь
Иногда у человека остаются вопросы по поводу продукта или услуги. Поэтому хорошей идеей будет разместить форму обратной связи в подвале. Например, заказ звонка от компании.
Маршрут до компании
Кроме адреса и телефонов для связи можно разместить карту. Это облегчит человеку поиск вашей геолокации и задержит на более длительное время на сайте. Главное, чтобы размещение карты не отразилось на скорости сайта.
Призыв к действию
Речь идёт о кнопках или лид-формах, которые побуждают посетителя совершить действие. Например:
— подписаться на сообщество;
— зарегистрироваться в личном кабинете;
— оставить заявку.
Логотип
Размещение логотипа в футере — это ещё один инструмент для повышения узнаваемости бренда. К тому же под логотипом можно разместить ваше УТП (уникальное торговое предложение).
Ссылки на социальные сети
Получить качественных подписчиков для социальных сетей поможет размещение ссылок в подвале сайта. К тому же некоторые посетители могут иметь сомнения относительно покупки. Если они подпишутся, то их можно будет «дожать» контентом в соцсетях.
Перелинковка
Продублировать ссылки на важные страницы сайта — отличная идея, чтобы улучшить юзабилити и облегчить пользователю поиск интересной информации.
Преимущества
Ещё один инструмент по работе над возражениями — разместить небольшие графические баннеры в подвале с указанием достижений, преимуществ. Можно сделать их статическими или динамическими (информация будет обновляться).
Возраст домена
Указание возраста домена может повысить уровень доверия к вашему бренду. Например, если в футере будет указано, что вашему домену пять лет, то пользователь подсознательно определит вашу компанию как серьёзного игрока на рынке.
Текст
Можно ещё раз описать чем занимается ваша компания. Главное сделать это лаконично, сжато и используя ключи.
Мобильное приложение
Футер — отличное место, что разместить ссылку для скачивания вашего мобильного приложения.
Способы оплаты
Не будет лишним указать в футере логотипы платёжных систем. Это существенно упростит процесс покупки, потому что посетителю не придётся углубляться в условия оплаты.
Кнопки
Например, кнопка «Вверх» поможет посетителю одним нажатием переместиться в начало сайта.
Гарантии
Обычно гарантии указывают компании, которые предоставляют медицинский или информационные услуги.
Информация об участии в партнёрских проектах
Если ваша компания участвует в каких-либо знаковых проектах, например, в Сколково, то это можно коротко указать в футере.
Что нельзя размещать в футере
В футере можно размещать много полезной для посетителей информации. Но есть элементы, которые усложнят подвал и будут вредными для пользователей. Например:
Видео и история компании
Информацию о компании необходимо размещать на странице «О компании» и нет необходимости дублировать её в футере. В подвале будет достаточно логотипа и УТП. Длинный текст в футере вряд ли будут читать. Скорее это вызовет раздражение и потерю потенциального клиента.
Тоже самое касается видео. Полноценное видео в подвале не поместится, а мелкое — будет крайне затруднительно разглядеть и понять о чём оно и к чему здесь размещено.
Теги
Облако тегов на сегодняшний день потеряло свою актуальность. Более того, за использование можно получить санкции от Яндекса.
Рекомендации по оформлению футера
Правильно оформленный и функциональный футер не только положительно отражается на внешнем виде сайта, но и помогает конвертировать посетителей в лиды. Далее поделимся рекомендациями по оформлению:
-
Структура. Не стоит пытаться разместить в подвале всё подряд. Читателю должно быть удобно ориентироваться на сайте и футер в этом основной помощник.
-
Разграничения. Каждый блок сайта должен отделяться от другого чёткими границами: пустым пространством или единым визуальным элементом.
-
Единство и понятность. Заголовки должны быть оформлены в едином стиле, с одинаковыми отступами. Не стоит пренебрегать иконками, списками и описанием. Тоже самое касается шрифта: не нужно в погоне за стилем использовать множество шрифтов. Выберите два-три и используйте только их при оформлении сайта, чтобы визуально он выглядел не «мешаниной».
-
Простота. Каждый используемый элемент должен нести некую практическую цель. А начальная и конечная страницы сайта необходимо сделать удобными по навигации, а не вычурным дизайнерским ходом в котором никто не может разобраться.
-
Выделение. Подвал сайта должен чётко отделяться от остальных блоков.
-
Краткость. В подвале необходимо размещать только по-настоящему важную информацию, которая будет полезна посетителям.
Типичные ошибки
-
Более двух уровней иерархии. Этим, обычно, страдают компании, которые стремятся вместить в футер максимальное количество ссылок и используют несколько уровней вложенности. Это существенно усложняет восприятие футера и делает его неоправданно громоздким.
-
Невнятные названия ссылок. Любая ссылка в футере должна иметь информативное название, чтобы посетитель сразу понимал куда попадёт нажав её.
-
Скрытый или неразборчивый футер. Если ссылки в подвале будут написаны слишком мелким шрифтом или плохо различимым цветом, то это негативно отразится на юзабилити. Более того, некоторые компании считают подвал настолько ненужным, что скрывают его анимацией, то есть он отображается только в случае наведения на него мыши. Не стоит так делать даже из благих намерений.
-
Отсутствие структуры. Если в подвале информация отражается хаотично, непонятно что и где смотреть, то вряд ли посетители будут тратить своё время на то, чтобы понять суть. А значит вы теряете потенциальных клиентов, подписчиков и адвокатов бренда.
Главное
-
Футер — заключительный раздел сайта, предназначенный для размещения важной и полезной для посетителя информации.
-
У подвала две основные цели: повысить удобство пользования и распределить ссылочный вес между всеми блоками.
-
Правильно оформленный футер — ещё один инструмент воронки продаж, который может удержать пользователя на сайте и побудить его к целевому действию: оставить заявку, зарегистрироваться, заказать обратный звонок, оставить контактные данные или подписаться на социальные сети.
-
Прежде чем начать оформлять футер стоит проанализировать свою ЦА и учесть её потребности при работе над содержанием подвала сайта.
-
Оформление футера — важный этап в разработке сайте, которому необходимо уделить достаточно времени и внимания.
-
Перегружать футер — плохая идея. Лучше кратко указать всю необходимую информацию, используя единство шрифтов, цвета и дизайна. Стоит избегать типичных ошибок: длинного текста, видео, облака тегов.
