Підвал сайту - блок додаткових можливостей

1. візуальне оформлення
2. наповнення футера
3. Помилки в організації футера

Наскрізний блок, розташований в нижній частині всіх сторінок сайту, не дарма назвали «підвалом» (футером): в ньому, як у справжньому підвалі будинку, міститься маса корисної інформації для відвідувача, яку має бути легко дістати, простягнувши руку (клікнувши мишкою). Як і інші «функціональні приміщення», підвал здатний підштовхувати користувача до взаємодії з сайтом, тому він важливий з точки зору пошукової оптимізації. Розглянемо, як слід оформляти футер і яких помилок слід уникати.

візуальне оформлення

Важливо, щоб футер був витриманий в стилістиці сайту і служив його гармонійним елементом.

Приклад - сайт. Майже всі його сторінки містять зображення води:

І футер підтримує тему водної стихії:

Блок підвалу не варто робити більші 1/3 всієї площі сторінки - цей елемент не повинен «перебивати» основний контент, перевершуючи його за обсягом. Тому наповнювати футер потрібно уважно.

Розглянемо основні елементи футера і різницю між наповненням підвалів комерційних та інформаційних сайтів.

наповнення футера

Вибираючи, які елементи розмістити в підвалі, відштовхуйтесь від мети ресурсу і значущості інформації для користувача. Поставте себе на місце свого клієнта: що він повинен дізнатися і побачити в перші хвилини контакту з сайтом - таких відомостей і віддавайте пріоритет.

1. Навігаційні посилання. Переглядаючи сайт, ми прокручуємо сторінку вниз - і в разі непотрібності виявленого контенту ( «Треба долістать до кінця, раптом найважливіше внизу»), і якщо відразу знаходимо цікаву для нас інформацію ( «Треба дочитати, щоб дізнатися подробиці»).
   В обох ситуаціях ми потрапляємо в футер сайта.В першому випадку підвал здатний все-таки допомогти знайти користувачеві те, що він шукає: інші розділи каталогу, блог з відгуками ... У другому - довести до конверсії, коли потенційний покупець уже зробив вибір і хоче відразу потрапити в розділ про доставку або оплаті.
2. Крім навігаційних посилань, в футере корисно розміщувати посилання на HTML-карту сайту для зручного пошуку інформації. Карта повинна відображати ієрархічну структуру сайту і містити HTML-посилання на всі основні сторінки і розділи. Її важливо оновлювати при появі нових сторінок.

   Rockets.coffee , Які торгують чаєм, кавою і аксесуарами, відображають структуру і всі основні напрямки своєї діяльності в футере сайту:

   

   Тут же ми бачимо навігаційні посилання на основні розділи:

   

3. Контактна інформація. В одному випадку доцільно розміщувати коротку, в іншому - повну контактну інформацію. Для В2С сайтів досить короткої форми: адреса, e-mail, телефон. Якщо сайт розрахований також на В2В аудиторію, вкажіть юридична та фактична адреси, e-mail, факс, режим роботи та інші відомості, важливі для ваших партнерів.

   На сайті повинна бути окрема сторінка з докладними контактними даними компанії, відомостями про юридичну особу і т.д., але футер - ідеальне місце для вказівки пріоритетних способів зв'язку з вами. І не забудьте переконатися, що відомості в футере збігаються з інформацією в розділі «Контакти».

4. Форма зворотнього зв'язку або підписки. Елемент, настільки ж корисний для користувача, як і контакти. Дозволяє оперативно залишити заявку, відправити запит, підписатися на новини або розсилку, а компанії - отримати дані потенційного клієнта для подальшої взаємодії з ним. Розміщена в футере, така форма доступна користувачу на всіх сторінках сайту, що підвищує ймовірність конверсії.

   Форма зворотнього зв'язку повинна бути простою і зрозумілою - не намагайтеся вмістити сюди кілька полів, як при реєстрації користувача. Досить імені, номера телефону і (або) e-mail.

   Інтернет магазин Adrenalin.ru додав у футер форму підписки на свою розсилку. Цікавлячись крім контактних даних користувача його гендерної приналежністю, компанія, ймовірно, вибудовує стратегію розсилок, адресуючи різні пропозиції магазина користувачам різної статі:

   

   Розміщуючи на сайті будь-які форми для вказівки даних користувача, пам'ятайте про те, що ви повинні ознайомити його з політикою конфіденційності та обробки персональних даних. Посилання на ці розділи і документи можна розмістити тут же:

   

5. Кнопки соціальних мереж. Якщо у вашій компанії є діючі сторінки в соцмережах, розмістіть посилання на них в підвалі. Активні переходи користувачів по кнопках соціальних мереж впливають на сприйняття сайту пошуковими системами, підвищуючи його позиції у видачі. Не варто додавати посилання на соціальні мережі, які ви створили «для галочки» і за актуальністю яких не стежите, - в цьому випадку ви швидше відштовхне відвідувача.

6. Інформація про копірайт. Копірайт - відомості про авторське право на всю інформацію, представлену на сайті. У цьому полі має бути вказаний поточний рік, щоб у користувача не виникло враження, що ресурс давно не оновлювався:

   

Додаткові елементи, які можна розмістити в футере:

• Карта проїзду або посилання на неї.
  
• Блок пошуку по сайту. Полегшує користувачеві шлях до бажаного дії, особливо в разі великих сайтів, на яких складно візуально відобразити весь асортимент або створити велику кількість фільтрів.
  
• Юридичні дані компанії або посилання на них. Елемент, що підвищує ступінь довіри до сайту і компанії в цілому.
  
• Лічильники статистики.
  

Помилки в організації футера

1. У копірайт вказано неактуальне рік. Помилка виникає, якщо розробник вказав рік створення ресурсу при його запуску, а надалі не оновлював цю інформацію. Старі дати підривають довіру користувачів, викликаючи відчуття «занедбаності» сайту і сумніви в актуальності представленої на ньому інформації.
   
2. Занадто дрібний шрифт, який робить інформацію нечитабельною. Як наслідок - користувач просто не звертає уваги на підвал, що робить цей елемент сайту марним.
   
3. Відсутність організації простору. Необхідно структурувати інформацію футера - вітається подання до шпальтах, порожні простору, виділені блоки.
   
4. Перевантажений футер. Необхідно вибрати тільки ті елементи, які відповідають цілям сайту. Їх ми розглянули вище.
   

Комерційний сайт і інформаційний ресурс: відмінності в футере

Отже, футер можна перевантажувати великою кількістю інформації, вибираючи саме ті елементи, які допоможуть досягти цілей сайту. Цілі інформаційних і E-commerce ресурсів різні - отже, їх підвал теж можна оформляти по-різному.

Власнику комерційного сайту важливо налагодити комунікацію з користувачем і привести його до покупки. Для цього в футере розміщують:

• докладні контактні дані (телефон, пошта, карта проїзду і т.д.);
  
• форми зворотного зв'язку, що дозволяють клієнту задати питання про товар або замовити зворотний дзвінок (якщо сайт проглядається в неробочі години магазину);
  
• форми підписки на новини, акції магазину;
  
• додаткову інформацію про доставку та оплату;
  
• карту проїзду (якщо у компанії є офлайн-точки).
  

Посилання на статті та зручна структуризація за типом приміщень на Remont.castorama.ru дозволяють користувачеві, дочитавши одну статтю, відразу з футера перейти в інший цікавий йому розділ. Це збільшує час знаходження на сайті.

Інформаційних сайтів корисно показувати в футере:

• розгорнуту структуру розділів;
  
• відомості для рекламодавців;
  
• умови використання сайту та його матеріалів;
  
• кнопки соціальних мереж - в них користувачі найактивніше діляться цікавими статтями, фото і відео.
  

Наприклад, футер « сноба »Об'ємний, але витриманий в стилістиці сайту як візуально, так і текстово, охоплює всі основні розділи ресурсу і дає читачам, партнерам, рекламодавцям можливість швидкого зв'язку з редакцією: