Наскрізний блок, розташований в нижній частині всіх сторінок сайту, не дарма назвали «підвалом» (футером): в ньому, як у справжньому підвалі будинку, міститься маса корисної інформації для відвідувача, яку має бути легко дістати, простягнувши руку (клікнувши мишкою). Як і інші «функціональні приміщення», підвал здатний підштовхувати користувача до взаємодії з сайтом, тому він важливий з точки зору пошукової оптимізації. Розглянемо, як слід оформляти футер і яких помилок слід уникати.
візуальне оформлення
Важливо, щоб футер був витриманий в стилістиці сайту і служив його гармонійним елементом.
Приклад - сайт. Майже всі його сторінки містять зображення води:
І футер підтримує тему водної стихії:
Блок підвалу не варто робити більші 1/3 всієї площі сторінки - цей елемент не повинен «перебивати» основний контент, перевершуючи його за обсягом. Тому наповнювати футер потрібно уважно.
Розглянемо основні елементи футера і різницю між наповненням підвалів комерційних та інформаційних сайтів.
наповнення футера
Вибираючи, які елементи розмістити в підвалі, відштовхуйтесь від мети ресурсу і значущості інформації для користувача. Поставте себе на місце свого клієнта: що він повинен дізнатися і побачити в перші хвилини контакту з сайтом - таких відомостей і віддавайте пріоритет.
- Навігаційні посилання. Переглядаючи сайт, ми прокручуємо сторінку вниз - і в разі непотрібності виявленого контенту ( «Треба долістать до кінця, раптом найважливіше внизу»), і якщо відразу знаходимо цікаву для нас інформацію ( «Треба дочитати, щоб дізнатися подробиці»).
В обох ситуаціях ми потрапляємо в футер сайта.В першому випадку підвал здатний все-таки допомогти знайти користувачеві те, що він шукає: інші розділи каталогу, блог з відгуками ... У другому - довести до конверсії, коли потенційний покупець уже зробив вибір і хоче відразу потрапити в розділ про доставку або оплаті. - Крім навігаційних посилань, в футере корисно розміщувати посилання на HTML-карту сайту для зручного пошуку інформації. Карта повинна відображати ієрархічну структуру сайту і містити HTML-посилання на всі основні сторінки і розділи. Її важливо оновлювати при появі нових сторінок.
Rockets.coffee , Які торгують чаєм, кавою і аксесуарами, відображають структуру і всі основні напрямки своєї діяльності в футере сайту:
Тут же ми бачимо навігаційні посилання на основні розділи:
Контактна інформація. В одному випадку доцільно розміщувати коротку, в іншому - повну контактну інформацію. Для В2С сайтів досить короткої форми: адреса, e-mail, телефон. Якщо сайт розрахований також на В2В аудиторію, вкажіть юридична та фактична адреси, e-mail, факс, режим роботи та інші відомості, важливі для ваших партнерів.
На сайті повинна бути окрема сторінка з докладними контактними даними компанії, відомостями про юридичну особу і т.д., але футер - ідеальне місце для вказівки пріоритетних способів зв'язку з вами. І не забудьте переконатися, що відомості в футере збігаються з інформацією в розділі «Контакти».
Форма зворотнього зв'язку або підписки. Елемент, настільки ж корисний для користувача, як і контакти. Дозволяє оперативно залишити заявку, відправити запит, підписатися на новини або розсилку, а компанії - отримати дані потенційного клієнта для подальшої взаємодії з ним. Розміщена в футере, така форма доступна користувачу на всіх сторінках сайту, що підвищує ймовірність конверсії.
Форма зворотнього зв'язку повинна бути простою і зрозумілою - не намагайтеся вмістити сюди кілька полів, як при реєстрації користувача. Досить імені, номера телефону і (або) e-mail.
Інтернет магазин Adrenalin.ru додав у футер форму підписки на свою розсилку. Цікавлячись крім контактних даних користувача його гендерної приналежністю, компанія, ймовірно, вибудовує стратегію розсилок, адресуючи різні пропозиції магазина користувачам різної статі:
Розміщуючи на сайті будь-які форми для вказівки даних користувача, пам'ятайте про те, що ви повинні ознайомити його з політикою конфіденційності та обробки персональних даних. Посилання на ці розділи і документи можна розмістити тут же:
Кнопки соціальних мереж. Якщо у вашій компанії є діючі сторінки в соцмережах, розмістіть посилання на них в підвалі. Активні переходи користувачів по кнопках соціальних мереж впливають на сприйняття сайту пошуковими системами, підвищуючи його позиції у видачі. Не варто додавати посилання на соціальні мережі, які ви створили «для галочки» і за актуальністю яких не стежите, - в цьому випадку ви швидше відштовхне відвідувача.
Інформація про копірайт. Копірайт - відомості про авторське право на всю інформацію, представлену на сайті. У цьому полі має бути вказаний поточний рік, щоб у користувача не виникло враження, що ресурс давно не оновлювався:
Додаткові елементи, які можна розмістити в футере:
- Карта проїзду або посилання на неї.
- Блок пошуку по сайту. Полегшує користувачеві шлях до бажаного дії, особливо в разі великих сайтів, на яких складно візуально відобразити весь асортимент або створити велику кількість фільтрів.
- Юридичні дані компанії або посилання на них. Елемент, що підвищує ступінь довіри до сайту і компанії в цілому.
- Лічильники статистики.
Помилки в організації футера
- У копірайт вказано неактуальне рік. Помилка виникає, якщо розробник вказав рік створення ресурсу при його запуску, а надалі не оновлював цю інформацію. Старі дати підривають довіру користувачів, викликаючи відчуття «занедбаності» сайту і сумніви в актуальності представленої на ньому інформації.
- Занадто дрібний шрифт, який робить інформацію нечитабельною. Як наслідок - користувач просто не звертає уваги на підвал, що робить цей елемент сайту марним.
- Відсутність організації простору. Необхідно структурувати інформацію футера - вітається подання до шпальтах, порожні простору, виділені блоки.
- Перевантажений футер. Необхідно вибрати тільки ті елементи, які відповідають цілям сайту. Їх ми розглянули вище.
Комерційний сайт і інформаційний ресурс: відмінності в футере
Отже, футер можна перевантажувати великою кількістю інформації, вибираючи саме ті елементи, які допоможуть досягти цілей сайту. Цілі інформаційних і E-commerce ресурсів різні - отже, їх підвал теж можна оформляти по-різному.
Власнику комерційного сайту важливо налагодити комунікацію з користувачем і привести його до покупки. Для цього в футере розміщують:
- докладні контактні дані (телефон, пошта, карта проїзду і т.д.);
- форми зворотного зв'язку, що дозволяють клієнту задати питання про товар або замовити зворотний дзвінок (якщо сайт проглядається в неробочі години магазину);
- форми підписки на новини, акції магазину;
- додаткову інформацію про доставку та оплату;
- карту проїзду (якщо у компанії є офлайн-точки).
Посилання на статті та зручна структуризація за типом приміщень на Remont.castorama.ru дозволяють користувачеві, дочитавши одну статтю, відразу з футера перейти в інший цікавий йому розділ. Це збільшує час знаходження на сайті.
Інформаційних сайтів корисно показувати в футере:
- розгорнуту структуру розділів;
- відомості для рекламодавців;
- умови використання сайту та його матеріалів;
- кнопки соціальних мереж - в них користувачі найактивніше діляться цікавими статтями, фото і відео.
Наприклад, футер « сноба »Об'ємний, але витриманий в стилістиці сайту як візуально, так і текстово, охоплює всі основні розділи ресурсу і дає читачам, партнерам, рекламодавцям можливість швидкого зв'язку з редакцією:
