Що таке футер сайту і що має бути в підвалі

Футер сайту, або підвал, — нижній блок, що повторюється на всіх сторінках. У ньому розміщують контакти, основні розділи, реквізити, юридичні документи й посилання на соцмережі: усе, що відвідувач шукає наприкінці сторінки.

Що таке футер сайту?

Футер (від англійського footer — нижній колонтитул) — це нижня частина сторінки під основним вмістом. Його ще називають підвалом сайту. Він спільний для всіх сторінок і задається в шаблоні, тому правка футера змінює його одразу на всьому сайті. Верхня частина сторінки називається шапкою, або хедером.

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

Що має бути в підвалі сайту?

Мінімальний набір для будь-якого сайту:

• Контакти: телефон, e-mail, месенджери, адреса з картою, якщо є офіс.
• Навігація: посилання на основні розділи, 5–15 пунктів, згруповані за змістом.
• Юридична інформація: назва компанії чи ФОП, код ЄДРПОУ або РНОКПП, політика конфіденційності, умови використання.
• Копірайт: © і рік, краще діапазон із роком заснування.
• Соцмережі: іконки з підписами для програм екранного доступу.

За потреби додають:

• форму підписки на розсилку;
• графік роботи;
• логотипи сертифікатів, членств, платіжних систем;
• посилання на карту сайту;
• перемикач мови;
• кнопку «Нагору» на довгих сторінках.

Що обов'язково у футері інтернет-магазину?

Закон України «Про електронну комерцію» вимагає, щоб продавець указав відомості про себе: повне найменування або ПІБ підприємця, адресу, e-mail або адресу інтернет-магазину, ідентифікаційний код, відомості про ліцензію, якщо діяльність ліцензується. Телефон додають для покупців: ним найчастіше уточнюють замовлення. Найзручніше розмістити їх у футері на всіх сторінках. Туди ж виносять посилання на умови оплати, доставки й повернення, публічну оферту та політику обробки персональних даних. Логотипи LiqPay, WayForPay, Visa і Mastercard показують, які способи оплати доступні.

Які розділи потрібні в підвалі сайту онлайн-школи?

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

Як футер впливає на SEO?

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

Для місцевого SEO корисно, щоб назва, адреса й телефон у футері збігалися з профілем Google Business Profile. Ці самі дані дублюють у розмітці schema.org Organization або LocalBusiness.

Яких помилок припускаються у футері?

• Дрібний сірий текст на темному тлі, який неможливо прочитати.
• Контакти картинкою: на номер не можна натиснути з телефона.
• Застарілий рік у копірайті. Відвідувач думає, що сайт покинутий.
• Сотні посилань, серед яких губляться важливі розділи.
• Плашка cookie перекриває футер на мобільному.

Як оформити футер на мобільному?

На вузькому екрані посилання навігації згортають у розкривні списки. Телефон, месенджери й адресу залишають видимими та клікабельними. Зони натискання — не менше 44–48 пікселів, між посиланнями достатній відступ.

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

Часті запитання

Як називається нижня частина сайту?

Футер (footer), або підвал сайту. Верхня частина називається шапкою, або хедером (header).

Що таке футер сайту?

Це блок під основним вмістом, спільний для всіх сторінок сайту: контакти, навігація, реквізити, документи й соцмережі.

Чи потрібна карта сайту у футері?

Невеликим сайтам — ні. Для сайтів із сотнями сторінок посилання на HTML-карту допомагає відвідувачам. Для пошуковиків важливіша XML-карта в Search Console.

Який рік писати в копірайті?

Поточний або діапазон від року запуску до поточного. Багато сайтів виводять поточний рік автоматично.

Чи впливають посилання у футері на позиції?

Слабко. Вони допомагають обходу сайту, а десятки ключових посилань у підвалі виглядають як спам. Важливіші контекстні посилання в тексті.

Джерела

• Закон України «Про електронну комерцію»
• Google Search Central: LocalBusiness structured data
• web.dev: accessible colour contrast