Что такое подвал сайта

Что такое футер и как его оформить: как называется нижняя часть сайта и что на ней разместить – примеры оформления подвалов страниц

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

В статье мы поговорим про интересный структурный элемент, без которого сейчас не обходится практически ни один виртуальный ресурс. Мы узнаем футер (footer), подвал сайта, что это такое, примеры использования в различных ролях на веб-ресурсах.

Это в некоторой роли противоположность хедера – то есть шапке, полю, расположенному в верхней части. Соответственно, герой нашего обзора, располагается внизу. Именно отсюда такое название, foot – нога. Это поле идеально выполняет функции перелинковки. Но на этом возможности не заканчиваются. Это и инструмент для сбора лидов, просто информационная часть для своего рода краткой консультации, способ повышения юзабилити и помощь в навигации для клиента. Такой вот ящик со ссылками на все случаи жизни, каждый раз, когда пользователь оказывается в тупике на любой странице, он может прокрутить ее до низа и уже оттуда совершить дальнейший переход.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что разместить в футере сайта, и для чего он нужен

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Этот элемент выполняет сразу несколько важных задач. И в зависимости от оформления может быть направлен на некоторые из них или сразу на все.

Итак, основные функции:

Как сделать подвал сайта

Самый простой и удобный способ получить сайт с корректной версткой всех элементов – это заказать услугу в «Студии 17». Это избавит вас сразу от массы проблем. И поможет раскрыть весь потенциал футера, превратив его в выгодный инструмент, который действительно выполняет львиную долю работы.

Напомним, что мы работаем исключительно через шаблоны WordPress, а значит, решаем любую задачу в максимально сжатые сроки. При заказе услуги по веб-разработке идеальный нижний элемент будет прилагаться по умолчанию. Но по желанию нашего клиента мы можем доработать его и в отдельном порядке.

Что должно быть в подвале сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Ответ на этот вопрос очень простой – все, что захотите. Разумеется, нагромоздить все возможные варианты будет ошибкой. Слишком перегруженный низ вызовет противоположную реакцию. Для пользователей это будет место, до куда лучше не листать. А вот если четко выбрать несколько целей, парочку небольших модулей и ссылок, поместить их вниз, они будут смотреться органично и хорошо исполнять свои функции. Ориентироваться стоит на дизайн, визуальную логику, фактическую необходимость. Так что для каждого проекта свои критерии, все зависит от особенностей.

Далее мы рассмотрим все варианты, что помещать в нижнюю часть. Это не означает, что все указанные ниже методики нужно обязательно использовать. Напротив, необходимо ограничиться лишь подходящими для вас. Хотя совмещать почти все – вполне возможно. Главное — эргономично и не отталкивающе все это разместить. А это уже зачастую задача для профессионалов.

Сведения об авторстве

Это традиционная часть. Располагается зачастую в самом низу, хотя есть и иные варианты. Краткая заметка об авторских правах, а также правилах копирования, распространения информации, содержащейся на сайте. Указывается разработчик, иногда условия сбора персональных данных, принципы работы cookies и схожее.

Информация о партнерах

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Это мера помогает в первую очередь, сыграть на репутацию. Если уровень компаньонов высокий. К примеру, бренды, которые в настоящий момент на слуху. Кроме того, самые именитые клиенты часто указываются в этом поле. Это также сообщает о том, что компания вполне способна работать с крупными заказами, очень высокими требованиями. Ведь интересы этих брендов были удовлетворены в полной мере. Доверие – это главная составляющая продаж. А футер страницы – это способ очень быстро его завоевать. Поэтому логично будет им воспользоваться.

Контакты

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Разумеется, нет смысла прикреплять сюда все возможные способы связи и коммуникации. Ведь для этого зачастую существует отдельная страничка. Там все написано подробно и четко. Но вот ключевые аспекты, физический адрес главного отдела продаж и номер телефона для связи с консультантом – это чуть ли не обязательный пункт. Чтобы клиент в любой момент времени, когда решил связаться с проектом или сохранить данные в свой ежедневник, органайзер, смогу бы это сделать. Часто размещается еще и адрес электронной почты. Ведь корпоративные клиенты как раз работают через подобный способ коммуникации.

Социальные сети

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Не секрет, что сейчас это один из главных источников притока лидов. Их популярность просто огромна. Разумеется, качественные показатели зависят от конкретной сети, в какой-то сфере лучше работает Инстаграм, в другой Вконтакте. Фейсбук, Твиттер, Дзен – все зависит от того, в каких именно социальных сетях у проекта есть свои сообщества. И здесь не работает принцип, больше – лучше. Логично ограничиться 3-4 вариантами. И разместить прямые ссылки на эти сообщества в нижней зоне. Разумеется, необходимо четко выбрать размер иконок.

Стоит помнить, что как основной ресурс ссылается на социальные сети, так и они, в свою очередь, должны направлять потенциальных клиентов обратно. Создается некий круговорот. Тем более, в большей части сетей просто нет возможности разместить механизм продаж, и покупка все равно будет происходить уже на веб-ресурсе.

Лид формы

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Различные вариации перехода на заказ или связь с консультантом. Разумеется, у нас уже есть здесь контакты. Но, помимо них, возможно, хорошей идеей будет расположить прямые переходы в каталог или, что чаще, в корзину. А также на форму отправки письма в техническую поддержку или для получения консультации. Хотя, стоит помнить, что если на ресурсе есть функция живого чата, то надобность в такой форме сомнительная. Захламлять поле тоже не очень логично, так же как и слишком навязчивое давление на пользователей. Лучше все стараться оформить скромно и со вкусом. Помните, как называется низ сайта – подвал. То есть, помещение со вспомогательными функциями. Они не должны быть «громче», чем основные.

Карта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Если вы собираетесь использовать такой элемент, то есть совсем немного методов для этого. Боковые меню или нижнее. Это прекрасная возможность визуализировать адрес, сразу показать, насколько близко находится основное здание. Пользователь, бросая беглый взгляд, зачастую узнает местность на карте. И в его голове уже сразу откладывается, что вот там-то конкретно расположился магазинчик. И эту информацию он, скорее всего, уже не забудет. Если будет поблизости, заглянет посмотреть вживую.

Политика конфиденциальности

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Базовые условия часто тоже располагаются здесь. Но это уже не слово о маркетинге. Ведь оформление подвала сайта часто имеет просто информационный подтекст. А также, собирая информацию пользователя, владелец обязан об этом уведомить. Это требование современного законодательства. И то, что персональные данные будут обрабатываться, собираться, использовать – гласная информация. Скрывать ее недопустимо.

Источник

Что такое футер и что там разместить

Во время создания дизайна сайта или его SEO-оптимизации важно сделать так, чтобы им было удобно пользоваться. Хорошее юзабилити складывается, когда все элементы на странице продуманы: начиная шапкой и заканчивая подвалом. Зачастую оптимизацией последнего пренебрегают.

В статье разбираемся, почему важен подвал сайта, чем полезен и как его грамотно использовать.

Что такое футер сайта

Футер или подвал сайта (англ. footer) — это блок в самом низу страницы с информацией, которая может быть полезна посетителю.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Аналитика

Из исследования, проведенного на основе 1.000.000 посетителей, было подсчитано, что большая часть времени проводится за линий сгиба экрана.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Убедиться можно самим, посмотрев отчет «карта скроллинга» в Яндекс.Метрике.

Кроме того некоторую информацию (телефон для обратной связи, электронную почту и т.п.) могут искать намеренно в футере страницы, если не нашли ее в шапке. Поэтому важно убедиться, что вы предоставили посетителю достаточно информации перед тем, как он покинет сайт.

Во время тестирования сайта в компании UserTesting заметили, что размещение призыва к действию (CTA) в подвале помогло повысить конверсию на 50% за двухнедельный период!

Компания SmartInsights также сообщила, что они увидели почти 24% рост конверсии продаж, после оптимизации нижнего колонтитула своего сайта. Доработка подвала заключалась в грамотной перелинковке. Как ее сделать разберемся далее в одноименной главе.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что разместить в футере сайта

На самом деле в подвале можно разместить много элементов. Однако обычно ограничиваются несколькими внутренними ссылками и кнопками соц. сетей. Важно найти баланс между функциональностью и простотой. Далее говорим, что можно использовать в подвале и приводим качественные примеры.

3 обязательных элемента

В каждом подвале должны быть 3 вещи:

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

3 обязательных элемента на примере www.healthline.com

Адрес

Зачастую страницы специально листают до конца, чтобы найти контакты. Поэтому контактную информацию правильно размещать не только в шапке, но и в подвале. Кроме того, если вы указываете адрес у регионального сайта, то это позволяет безболезненно (без переспама) продублировать вхождение названия города.

Карта

В дополнении к адресу в подвале может размещаться карта. Это позволит задержать посетителя на сайте и не перенаправлять его на сторонние ресурсы. Однако следите, чтобы из-за карт не пострадала скорость загрузки сайта.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Карта сайта на примере 24stoma.ru

Обратная связь

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

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Кроме того можно использовать и другие средства связи: Viber, WhatsApp, электронную почту.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Способы обратной связи в подвале на примере 63plitka.ru

CTA (Call to action)

В подвале должны быть кнопки или лид-формы, побуждающие совершить действие.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Перелинковка

Включайте только самые важные страницы или разделы в качестве ссылок в подвале. Это могут быть основные/популярные разделы (меню) в вашем интернет-магазине, страницы с акциями и другие ссылки, которые могут заинтересовать посетителей. Для простоты восприятия разделяйте ссылки на столбцы.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Социальные кнопки

Кнопки на соц. сети размещают или в шапке сайта, или в подвале. Также можно указывать количество подписчиков для подтверждения вашей социальной популярности.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Кнопки соц. сетей в футере на примере www.mi.com

Преимущества

Подвал это отличное место, чтобы похвастаться вашими достижениями. Это поможет зарекомендовать себя с лучшей стороны. Используйте для этого небольшие графические баннеры. Они могут быть статическими (информация не обновляется) и динамическими в виде виджетов (данные обновляются).

Примеры статических

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Примеры динамических (виджетов)

Виджет курса валют будет очень кстати в некоторых тематиках. Например, для агрегаторов туров или для интернет-магазинов.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Курс валют в футере на примере www.teztour.ua

Виджет он же «Бейдж с рейтингом организации на сайт» от Яндекса. Мало того, что показывает ваш актуальный рейтинг на Яндекс.Картах, так и позволяет быстро оставить отзыв на сайт.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Рейтинг организации в футере на примере greencardamon.ru

Виджеты оценок и отзывов других сервисов повышают доверие к ресурсу.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Так же можно использовать виджеты погоды. Обычно их применяют на сайтах отелей.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Виджет погоды в футере на примере voschod.ru

Кроме этого на информационных порталах могут размещаться счетчики посещаемости. Они так же позволяют повысить доверие к ресурсу.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Виджеты посещаемости в футере на примере www.fontanka.ru Логотип

Логотип

Размещайте логотип со ссылкой на главную страницу сайта. Так вы повысите узнаваемость бренда и упростите навигацию по сайту.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Логотип в подвале на примере www.belcantofund.com

Возраст домена

Часто в подвале размещают информацию о возрасте сайта. Это может быть неким плюсом в плане доверия к ресурсу, если он имеет почтенный возраст. Однако если вы забудете проставить актуальный год, то сайт будет выглядеть заброшенным, что плохо.

Поэтому используйте простую PHP функцию для вывода актуального года автоматически:

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Возраст домена в подвале на примере www.cvz.ru

Мобильные приложения

Ссылки на скачивание мобильных приложений как нельзя кстати разместить в подвале сайта.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Ссылки на приложения в подвале на примере www.svyaznoy.ru

Текст в подвале

В некоторых тематиках, например в медицинской, стоит указывать текст об отказе от ответственности. Это особенно актуально, когда Google стал очень жестко относиться к E-A-T тематикам.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Также в нижнем блоке может размещаться небольшой текст-информация о сайте.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Описание сайта в подвале на примере www.pepper.ru

В качестве текстовой информации может быть график работы. Актуально для интернет-магазинов, клиник и других коммерческих сфер.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

График работы в подвале на примере www.sfe.ru

Способы оплаты

Для интернет-магазинов полезно размещать способы оплаты для наглядности в виде иконок.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Иконки способов оплаты в подвале на примере shop.megafon.ru

Ссылки в подвале сайта

Часто SEO-компании или разработчики размещают обратную ссылку на свой сайт. Отличное место для рекламы? Спросите у Тильды. Кстати говоря, SEO-эффект таких ссылок уже невелик. Раньше их могли использовать для серьезного прокачивания ссылочной массы, но это в прошлом.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Карта сайта в подвале

Раньше на большинстве сайтов была карта сайта. Ее обычно размещали как раз в подвале сайта, чтобы ссылка была на нее сквозная. Якобы карта сайта помогает поисковым роботам лучше понять структуру сайта. Но на текущий момент это скорее рудимент, чем реальное средство.

Что еще?

Строка поиска по сайту. Обычно ее размещают в шапке сайта, но можно продублировать и нижнем колонтитуле.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Строка поиска в подвале на примере www.vo-da.ru

Популярные посты. Это поможет подогреть интерес к вашим статьям.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Популярные публикации в подвале на примере ahrefs.com/blog/

Используемые бренды, партнеры.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Бренды в подвале на примере www.walmart.com

Рекомендации по футеру

Мы рассмотрели основные элементы подвала сайта, которые могут быть полезными для посетителей. Их получилось достаточно много и теперь важно выбрать наиболее подходящие именно вам. Оформление же футеров ограничивается только вашей фантазией. Кроме этого:

Источник

Что такое футер сайта или что писать в подвале

Сегодня поговорим о фундаменте ваших сайтов. О той части, которая не сразу бросается в глаза посетителю. Но на самом деле, является важной составляющей любой страницы. Это футер сайта.

Что такое футер или подвал сайта

Футер сайта, это сленговое понятие среди русскоговорящих веб-мастеров и разработчиков. Как и многие другие, оно было заимствовано из английского языка. Слово «footer» – переводится как «нога, нижняя сноска или подвал». То есть – это самая нижняя часть сайта.

Если шапка сайта и первый экран, являются наиболее важными элементами сайта, то это не значит, что подвал бесполезен. Футер может быть очень функциональным и приносить не меньше пользы, чем остальные разделы.

Что обычно пишут внизу сайта

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

Обратите внимание, на моем сайте подвал состоит из трех уровней:

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Подвал первого уровня

В самой нижней части подавала обычно располагают:

Это наименее интересная информация для простого посетителя. И ее стараются убрать подальше от глаз читателя, ведь никакой существенной пользы она не несет. В моем случае, там еще дублируются кнопки соц.сетей.

Подвал второго уровня

Следующая часть подвала чуть более функциональна… Там могут располагаться технические ссылки.

К таким, я отношу ссылки на:

Также могут дублироваться ссылки на страницы из основного меню, например «Контакты«.

Подвал третьего уровня

Следующий уровень подвала еще более информативен и полезен для посетителя. На нем мы остановимся подробнее. Ведь расположить там можно все, что душе угодно.

Перечислю всевозможные модули, которые можно разместить в этом месте. И уточню, какие из них больше подойдут для разных типов сайтов.

Навигация

Полноценная навигация с разбиением по рубрикам. Такой футер вы часто можете увидеть на сайтах интернет магазинов или крупных информационных порталов.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Подвал сайта интернет магазина «Буквоед»

Если сайт небольшой, а в главном меню всего несколько пунктов, то имеет смысл подублировать его и внизу. Во-первых это дополнительная перелинковка для сайта, а во-вторых полезное удобство навигации для пользователей.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Меню в подвале дублирует главное меню сайта

Карта

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

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Форма обратной связи или форма подписки

Если вы ведете рассылку, то форму подписки можно добавить в подвал.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Футер магазина М-Видео

И даже при наличии на сайте полноценной страницы «Контакты», дополнительную форму для отправки сообщения часто спускают в подвал, чтобы она была доступна с любой страницы сайта.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Контакты компании

В подвале можно разместить не только контакты, но и расписать полноценный график работы каждого филиала.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Дополнения для мобильных

К таким дополнениям можно отнести QR код или ссылки на AppStore и Google Play для установки официального приложения сайта.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Кнопки социальных сетей

Социальные кнопки стараются расположить на видных местах. Они могут находиться практически везде и даже быть плавающими. Но как показывает практика, продублировать их еще и в подвале, не будет лишним.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

Стрелка вверх ↑

Раньше можно было увидеть такую стрелку в подвалах многих сайтов. Но сейчас это решение уже не актуально с точки зрения юзабилити. Ведь по старой логике, только дочитавший до конца страницы человек, имеет возможность удобно подняться наверх сайта.

Мы же с вами знаем, какими длинными сейчас могут быть страницы сайтов… Или возьмем сайты с бесконечной прокруткой (пример лента вконтакте). Поэтому, человек должен иметь возможность вернуться к началу из любой точки и в любой момент времени.

Поэтому стрелки сейчас не располагают в подвале, а делают их плавающими по странице.

Заключение

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

Поэтому, просто спросите себя… Что на ваш взгляд, должны видеть посетители, когда они достигнут нижней части любой из страниц на вашем сайте.

Что такое подвал сайта. Смотреть фото Что такое подвал сайта. Смотреть картинку Что такое подвал сайта. Картинка про Что такое подвал сайта. Фото Что такое подвал сайта

UX/UI Веб-дизайнер. Занимаюсь дизайном и разработкой сайтов для бизнеса более 6 лет. Связаться со мной можно через страницу Контакты

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *