Сложные многостраничные сайты можно сравнить с многоэтажными сооружениями, состоящими из крыши, помещений и комнат, а также подвала. А пользователя, переходящего из поисковой выдачи – с парашютистом, приземлившимся на его вершину. В жизни, жители многоэтажек посещают подвалы крайне редко. Да и в интернете редкий юзер пролистывает сайт до самого низа.
Существует мнение, что важная информация должна размещаться вверху, как можно ближе к «шапке» (header), в то время как footer видят только отдельные люди, заинтересованные в нём. Поэтому большинство разработчиков склонны оставлять его без внимания.
Эксперты веб-студии EcKit не согласны с этим и готовы рассказать, что писать в подвале сайта, как этот элемент влияет на продвижение в поисковых системах и рассмотреть основные ошибки при оформлении футера как одного из важнейших элементов юзабилити любого проекта, будь то онлайн-магазин, информационно-развлекательный ресурс или новостной портал!
Визуальное оформление подвала сайта
Грамотно оформленный footer может повлиять на поведение пользователей в двух случаях:
- Текст, представленный на странице, заинтересовал посетителя настолько, что он дочитал его до конца.
Это говорит о том, что юзер готов превратиться в клиента, либо не нашёл полезной информации и держит курсор мыши на кнопке закрытия. С помощью футера, грамотные разработчики:
- Предлагают дополнительные материалы по теме;
- Напоминают о спецпредложениях (акциях, скидках);
- Дают возможность связаться с менеджером для уточнения деталей.
Это удерживает внимание клиента и помогает совершить целевое действие, влияя на поведение.
2. Пользователь прокручивает до низа целенаправленно, в поисках какой-либо информации.
В этом случае, footer содержит:
- Служебные данные: информацию о компании, соглашения, ссылки на группы в социальных сетях, вакансии и т.д.;
- Элементы навигации, дублирующиеся из шапки: переходы в разделы каталога с описанием группы товаров или услуг.
Разместив здесь важную и полезную информацию, вы улучшите юзабилити и заслужите лояльность посетителей!
Что должно быть в футере сайта?
Исходя из вышеописанных сценариев, footer должен содержать:
- Панель навигации;
- HTML-карту;
- Блок контактов;
- Ссылки на социальные сети;
- Информацию о правах на контент;
- Меню взаимодействия с клиентами (онлайн-чат, обратная связь).
Информация, размещённая здесь, должна быть структурированной, предсказуемой, а также доступной для восприятия. Не лишней будет перелинковка, ведущая на внутренние разделы с естественными текстами, содержащими название компании.
Указание навигационных ссылок в меню футера
Навигация должна размещаться как в «шапке», так и в «ногах», дублируя URLы из верхнего меню. Для чего? Таким образом люди, просматривающие товары или изучающие контент «внизу», смогут получить быстрый доступ к нужному разделу. Чаще всего, этот приём применяется для многостраничек, но нередко, к нему прибегают при создании одностраничных Landing-page: в этом случае должен срабатывать скрипт, «отматывающий» к нужному месту.
Как это влияет на позиции в поисковой выдаче? При грамотном оформлении нижнего навигационного меню, поисковые роботы смогут проиндексировать всё, что нужно гораздо быстрее – это зачтётся при формировании топа.
Добавление HTML-карты сайта
Наличие карты позволит упростить передвижение пользователя за счёт включения разделов, не отображённых в верхнем меню. В идеале, этот элемент нужно использовать на сайтах с многоуровневой структурой. При этом стоит отметить, что размещать важные линки нужно грамотно, ведь излишнее «заполнение» сделает его слишком громоздким и сложным. Кроме того, это может повлиять на скорость загрузки, что сказывается на продвижении не лучшим образом.
Использование контактной информации
Необходимо указать:
- Физический адрес;
- Номера телефонов;
- Время работы.
Кроме того, поисковые системы дают возможность «подвязки» карт, что позволяет детализировать местоположение и упростить поиск магазина или офиса для жителей и гостей города, в котором расположена ваша организация.
Ссылки на соцсети в футере сайта
Игнорируя социальные сети в качестве элемента интернет-маркетинга, владелец бизнеса совершает большую ошибку. Ведь совокупная аудитория VK, Facebook, Twitter, Instagram и т.д. достигает 4,5 миллиардов человек. При этом часть гостей заходит в браузеры гораздо реже, чем открывает мобильные приложения этих платформ.
Поэтому их разработчики предусмотрели графические «кнопки» для размещения ссылок, ведущих в группы и паблики вашей компании в соцсетях. А эксперты советуют размещать их не только в футере, но и в header, что позволяет повысить посещаемость страниц, а также уберечь клиента от мошенников, «копирующих» их с целью обмана.
Настройка актуального Copyright
Нередко, вебмастера забывают обновлять даты с приходом нового года. А в соответствии с последними исследованиями поведенческих факторов, увидев «просроченный» копирайт, пользователи воспринимают проект «мёртвым» (даже в случае регулярного обновления).
Ранее, вносить такие изменения приходилось вручную, но сегодня, с помощью плагинов для популярных CMS (движков) эта информация может обновляться автоматически.
Основные ошибки при оформлении футера
При оформлении, оптимизаторы могут столкнуться с ошибками, допущенными на этапе разработки. В частности, речь идёт о:
- Многоуровневом меню навигации, «загромождающем» подвал. Решается просто – определите важные разделы для решения задач, перераспределите контент и настройте отображение подразделов первого и второго уровня;
- Некорректных названиях разделов, не несущих конкретного смысла. В желании «выделяться» на фоне остальных, особо «креативные» оптимизаторы присваивают разделам «чудные» названия. А ведь посетитель привык, что адреса, номера телефонов и прочие контактные данные размещены в разделе под названием «Контакты»;
- Непонятной структуре или нелогичной информационной иерархии. Сгруппируйте ссылки по разделам, постарайтесь выделить эти группы визуально, подчеркните пользу футера дизайном;
- Скрытии футера анимацией, использовании мелкого кегля, бледной расцветки шрифта. Не заставляйте человека, ожидающего увидеть «подвал» на его привычном месте, заниматься поисками – это влияет на поведение!
При этом стоит отметить, что подвал не мешает восприятию контента, т.к. все возможные задачи решаются в шапке или основном разделе.