Футер сайта (он же подвал сайта он же footer) — так называют нижнюю часть страницы. Сюда добавляют ссылки на информацию, которая будет полезной, но не первостепенной для пользователя сайта. Футеры сайтов должны быть одинаковым на всех страницах.
Подвал сайта не только место для хранения информации. С его помощью можно перелинковать страницы и связанные ресурсы. А это очень важно для SEO.
Если сравнить дизайн страниц и модный лук, то футер для сайта примерно соответствует обуви, которую вы подбираете для выхода.
Правильно оформленный футер важен для повышения конверсий, улучшения юзабилити и эффективной работы бизнеса в онлайне. С продуманным и правильно построенным футером вы улучшите поведенческие факторы сайта и укрепите доверие к бизнесу (за счет ссылок на политику конфиденциальности и другие документы).
Также рекомендуем: Советы по SEO. Как точно набрать больше целевого трафика?
По результатам анализа Chartbeat можно выделить несколько важных инсайтов:
- около 25% сразу прокручивают страницу до футера в поисках контактов, отзывов и пр;
- многие больше всего просматривают именно нижнюю часть сайта.
В чем profit от правильного футера?
- В футере можно разместить любую важную для пользователя информацию. Это может быть адрес компании, ссылки на полезную информацию, страницы услуг и пр. Это помогает правильно распределить контент.
- Подвал сайта облегчает навигацию и при правильной компоновке поможет приводить больше пользователей к целевому действию.
- Футер позволяет дополнить информацию о компании (в том числе, юридическую). Также вы сможете указать здесь ссылки на страницы о партнерстве и основных услугах.
- Правильно собранный футер стимулирует переход на другие страницы, улучшая поведенческие факторы. Также здесь можно разместить подписную форму. Все это работает на превращение посетителей в подписчиков и клиентов.
Типичные ошибки при создании футера
Ок. Мы разобрались, почему нужно делать хороший футер. А что мешает вам извлечь максимум пользы из этого элемента? Разберем типичные ошибки при создании и оптимизации.
- Неправильный шрифт. Часто разработчики делают шрифт слишком мелким. В результате все элементы сливаются и посетители не переходят по ссылкам.
- Мало свободного места. Информация легче воспринимается, если между словами достаточно свободного места. Тут важно соблюдать меру и не оставлять текст висеть в воздухе.
- Мало или нет сведений о компании. Выделите контактные данные и основные ссылки. Убедитесь, что текст хорошо читается. Без этого будет меньше звонков и заявок.
- Дублирование верхнего меню. Это одна из самых частых ошибок. В футере нет смысла повторять пункты, которые пользователи уже видели. Добавьте ссылки на информацию, которую сложнее найти сразу.
Футер сайта примеры и разбор
Посмотрим, на примеры футеров. Для вдохновения возьмем крупные, всемирно известные ресурсы и просто популярные сайты.
Футер Serpstat довольно объемный. Но информация структурирована. Здесь и юридические документы, и переключатель языков, и сведения для партнеров и многое другое. Нашлось место и для ссылок на скачивание плагинов Serpstat под разные браузеры.
А вот так выглядит футер Amazon. Здесь собраны в основном категории товаров. Но структурированы они по-другому. К каждой добавлен призыв к действию. А в самом низу информация по GDPR и авторскому праву.
Вариант с максимальной контрастностью. Футер SaaS сервиса Shop-Express. Здесь есть элементы социального доказательства, несколько вариантов контактов, сведения для партнеров и пользователей. Все максимально логично и структурно.
А так выглядит футер сайта Hyundai. Главное отличие в том, что здесь есть форма подписки.
Плагины WordPress для создания футера
WordPress дает очень крутые возможности для создания футера и его кастомизации. Один из способов — использование плагинов. Мы расскажем о нескольких инструментах, которые позволяют собрать красивый и функциональный подвал для сайта.
Также рекомендуем: Большая подборка плагинов для разных задач
Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое.
Еще один бесплатный инструмент для добавления кастомного кода в футер сайта. Процесс построен очень просто. Нужно только установить плагин, активировать его и добавить код в виджет.
Вы можете работать не только с подвалом сайта. Плагин генерирует шорткод, который можно вставить в любую часть страницы, включая заголовок, сайдбар или основной текст.
Шорткод может отображаться на всех страницах или в отдельных категориях. Это особенно удобно, если вы хотите добавить рекламный блок или CTA в определенную часть страницы.
Это плагин для шеринга в социальных сетях. Он позволяет делиться контентом в более чем 20 сетях, включая Twitter, Pinterest, Facebook, Reddit. С помощью плагина вы сможете разместить кнопки шеринга и призывы к действию где угодно на сайте, включая футер. Это поможет получить дополнительный трафик из социальных сетей и конверсии.
Все кнопки работают и для мобильных устройств. А это must have в современных условиях.
Одно из очень полезных и предельно простых решений для создания футера. В первую очередь, плагин знают, как инструмент для создания панели навигации. Но с его помощью также можно создать баннер внизу страницы, на котором будет сообщение или призыв к действию.
Этот баннер будет оставаться в поле зрения при прокрутке страницы вверх и вниз. Плагин доступен в бесплатной версии и премиум с расширенным функционалом за 19 USD в год.
Это бесплатный и очень популярный плагин для добавления opt-in на сайт. С его помощью вы увеличите конверсию посетителей в подписчиков. Виджеты с подписной формой можно разместить в разных местах страницы.
Премиум версия плагина стоит 29 USD за год.
Рекомендации по дизайну футеров
- Добавьте разнообразия, фантазируйте! Фоны основной части и футера должны отличаться. Но при этом нужно брать цвета из одной, гармонирующей схемы. Для смыслового акцента применяйте контрасты и, возможно, даже тематические изображения.
- Вписывайте футер в общую схему дизайна. Даже контрастный футер остается частью сайта. Графика и шрифты обязательно должны вписываться в общий дизайн сайта.
- Добавьте анимацию. Даже несложные эффекты притягивают внимание. Анимированные эффекты можно использовать, чтобы подчеркнуть призыв к действию.
- Читаемые шрифты. Выбирайте лаконичные шрифты без сложных элементов, используйте максимальный размер, проверяйте контрастность.
- Помните про оптимизацию под мобильные устройства. Протестируйте, как футер отображается на разных экранах и в браузерах.
- Не добавляйте слишком крупные изображения. Визуал может перетягивать на себя внимание, которое нужно сфокусировать именно на тексте.
Что добавить в футер? Советы
- Ссылки на ключевые разделы сайта, в том числе, Контакты и О нас. Это важно, чтобы посетители смогли посмотреть, где находится компания и как с вами связаться. Люди забывают адрес, могут потерять визитку. Но если у вас сайт с запоминающимся доменом, клиенты зайдут туда и снова найдут контактные данные.
- Информация об авторских правах. Короткая строка текста укажет, кто владелец авторских прав на контент.
- Call to action. Если пользователь добрался до футера, логично разместить здесь призыв к действию. Это может быть кнопка или форма, через которую можно заказать обратный звонок.
- Визуальные элементы. В футере можно разместить логотип и другие графические элементы, подходящие к теме сайта и стилю. Но важно соблюдать меру.
- Карта сайта. Большинство ресурсов размещают этот элемент именно в футере. Пользователи редко переходят по этой ссылке. Но карта сайта помогает улучшить индексацию страниц.
- Ссылки на социальные сети. Если посетитель пока не готов стать клиентом, у вас есть два варианта: а) потерять его б) удержать как подписчика социальных сетей. Ссылки на Facebook, Instagram, Youtube логичнее всего разместить именно в футере. Тут они будут смотреться ненавязчиво и в то же время заметно.
- Форма авторизации, подписки. Напомните пользователям о возможности подписаться на рассылку и авторизоваться. В футере можно разместить форму для авторизации, окно opt-in.
- Отзывы или ссылка на страницу с ними. Социальное доказательство — один из самых мощных инструментов маркетинга, а отзывы — самый простой и эффективный пример социального доказательства. В подвале сайта можно разместить ссылку на отзывы реальных клиентов.
Читайте наш блог о сайтах, их создании и продвижении, делитесь самыми полезными материалами. А чтобы заказать услуги, нажмите на кнопку ниже.