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