Как разработать идеальный футер сайта? Подробное руководство с примерами

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

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

Что такое футер, насколько он важен и почему

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

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

Основные преимущества нижней части сайта

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

Акцент на важном

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

Рост лидогенерации

Футер скажет пользователю, что конец сайта вовсе не конец. Он поможет удержать потребителя, подтолкнуть его к дальнейшему действию: заполнить форму обратной связи, перейти на страницу сообщества в социальных сетях, записать контактные данные или зарегистрироваться. Это все влияет на общую конверсию сайта. Благодаря правильному оформлению подвала посетитель запросто может стать клиентом. Главное, знать, что интересно для ЦА и что разместить в этой части страницы. Каждая ошибка может привести к снижению лидогенерации и, как результат, показателя конверсии. Чтобы избежать этого, посмотрите какие бывают ошибки веб-дизайна.

Максимум полезной и важной информации

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

Навигация по сайту

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

Максимальный захват внимания

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

Что должно быть в футере сайта?

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

Авторские права

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

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

Награды и сертификаты

Любая информация о сертификатах, наградах и достижениях становится мощным социальным доказательством, которое повышает доверие пользователя к компании. Поэтому если у вашей компании есть какие-либо заслуги, обязательно расскажите о них в подвале. Дополнительным преимуществом станет и то, что так как подвал отображается на каждой странице, информация о ваших наградах обязательно будет замечена. Если у вашей компании нет каких-либо сертификатов или наград, но вы являетесь партнером Google, Samsung, Asus или другой крупной и престижной компании, то обязательно укажите это в футере.

Карта сайта

Карта сайта в футере — это список страниц вашего сайта, которые помогут поисковому алгоритму проиндексировать страницы. Или карта может выступать в виде URL, которые поисковик ранее не обнаружил при сканировании сайта.

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

Политика конфиденциальности/условия пользования

Нередко в подвале сайта размещается информация о политике конфиденциальности. Здесь указывается как собирается, хранится информация и как ее можно использовать. Для некоторых сайтов размещение информации о политике конфиденциальности обязательно, исходя из соответствующих законов.

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

Форма обратной связи

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

Форма обратной связи поможет сконвертировать пользователя в клиента. Она помогает посетителям принять окончательное решение о сотрудничестве, если ранее пользователь был не уверен, что готов к нему. При этом форма обратной связи может содержать различные призывы к действию. Например, призыв “Остались вопросы? Задайте их нам” очень неплохо работает. Особенно, когда пользователь не смог найти ответ на интересующий его вопрос. Размещение формы обратной связи в футере — большой и жирный плюс к конверсии сайта.

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

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

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

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

Полезные ссылки на сайт

Навигационные ссылки на страницы сайта помогут посетителю найти то, что его интересует, если ранее он еще это не нашел в основном меню. Также подобными ссылками могут служить дубликаты на страницы “Доставка”, “Оплата”, “О компании” и т. д.

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

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

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

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

Ссылка на вход в личный кабинет

Не все посетители сайта являются клиентами. Сайт могут посещать партнеры и сотрудники. Поэтому разместить ссылку на вход в личный кабинет в футере — отличное решение.

Форма подписки на рассылку

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

Форма поиска по сайту

Для интернет-магазинов и крупных порталов форму поиска логично размещать вверху сайта на самом видном месте. Но для некоторых сайтов это неактуально.

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

О компании

Не всегда есть смысл посвящать целую страницу с информацией о компании, когда, в первую очередь, необходимо продвинуть свой товар или услугу. Поэтому нередко практикуется размещение краткой информации о компании в футере сайта. Здесь можно сжато предоставить самую основную информацию, ценную для пользователя. При этом объем информации не должен превышать 300-500 символов. Писать тексты на 5000 символов и скрывать кнопкой “читать дальше” бессмысленно, так как футер размещается на всех страницах и будет дублирующийся контент.

Ключевые запросы

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

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

Последние обновления в блоге

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

По этому же принципу можно размещать любую информацию в подобном блоке. Например, ссылки на полезные статьи.

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

Призыв к действию

Давайте сотрудничать! Напишите нам! Оставьте свой номер телефона и мы перезвоним в течение 5 минут! Простой, но броский призыв к действию в совокупности с формой обратной связи или формой для рассылки, размещенные в подвале, поможет повысить конверсию сайта. Не забывайте, что призывы должны быть понятные и четкие, чтобы пользователю не пришлось думать как сделать действие, которое ему предложено.

Карта

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

Размещайте рабочую карту, которой пользователям будет удобно пользоваться. Нет смысла размещать карту Yandex, если сайт ориентирован на украинских пользователей, так как сервис заблокирован для Украины и при загрузке подобной карты — будут пустота. Что, согласитесь, не солидно.

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

Чего не должно быть в футере?

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

Не переусердствуйте с SEO-оптимизацией футера. Не забывайте, что поисковая система на раз увидит черное SEO и накажет за это.

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

Как грамотно разработать дизайн подвала сайта? 5 ценных рекомендаций

Дизайн подвала сайта и его структура должны быть продуманы, чтобы интересовать и привлекать онлайн-пользователя. Как это сделать — читайте 5 ценных рекомендаций.

Используйте креативные решения

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

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

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

Разместите анимацию

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

Выбирайте читабельные шрифты

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

Используйте больше пространства

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

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

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

Разместите призыв к действию

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

Чем отличается футер интернет-магазина от подвала других видов сайтов?

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

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

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

• Вакансиях компании;
• Контакты менеджеров-консультантов относительно специфического оборудования, которое продает интернет-магазин;
• Информация о скидках для постоянных клиентов, программе лояльности;
• Сведения о вариантах оплаты для юридических и физических лиц;
• Адреса сервисных центров;
• Информация о сотрудничестве для партнеров и поставщиков;
• Ссылка на FAQ;
• Информация о покупке подарочных сертификатах;
• Сведения о компании, режиме работы оффлайн- и онлайн-магазина и многое другое.

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

Потрясающие примеры оформления подвала сайта

Давайте рассмотрим примеры подвалов сайтов различных видов деятельности, дизайнов и наполнения. Черпайте идеи для разработки привлекательного и правильного футера для своего сайта 🙂

Пример подвала сайта № 1

Пример футера, который показывает насколько минимализм в этом блоке помогает сконцентрировать внимание на основном: логотипе (бренде) компании и иконках социальных сетей. Нет ничего лишнего, смотрится стильно и красиво. Сочетание черного и белого цвета — классика. А классика никогда не выйдет из тренда.

Пример № 2

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

Пример № 3

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

Пример № 4

6 основных ссылок на дополнительную информацию, иконки для входа в сообщества социальных сетей — ничего нового. Но в этом случае изюминкой футера является информация о способах оплаты. Компания делает очень мощный шаг, вызывая у клиента доверие и повышая его лояльность к ней. Логотипы банковских систем в футере повышают удобство пользования сайтом и оплаты. А удобные способы оплаты для клиента — это еще один плюс к повышению конверсии сайта.

Пример № 5

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

Пример № 6

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

Пример № 7

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

А вы уже знаете каким будет ваш футер сайта?

Рассмотрев все преимущества и ценности подвала сайта, его сложно назвать бесполезным. И хоть этот блок завершает страницу и находится в самом низу, он редко остается незамеченным. Поэтому каждый владелец сайта должен уделить особое внимание для разработки футера. Подумайте, какие ссылки вам необходимо разместить в этом блоке, какую структуру и дизайн лучше подобрать, чтобы в комплексе нижний колонтитул смотрелся не только эргономично и стильно, но и приносил пользу — задерживал посетителя сайта на нем. Мы показали вам большое количество примеров популярных сайтов, привели несколько важных рекомендаций. Вам лишь остается, ориентируясь на бизнес и ЦА, разработать свой эффективный подвал для сайта. А если ваш проект только в разработке, рекомендуем прочитать статью каким должен быть эффективный бизнес сайт.

Понравилась статья? Жмите палец вверх и подписывайтесь на наш блог!

Автор — Игорь Кобылянский

Основатель студии

Антиспам поле. Его необходимо скрыть через css

Ваша оценка:

Дизайн подвала сайта

Максим
14 статей

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

Дизайн подвала сайта — лучшие практики

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

Что же все-таки стоит размещать в этом блоке?

1. Помогите пользователю узнать, кто вы. Разместите в подвале ссылки «О нас», «Наша команда» или подобные, а также ссылки на социальные сети или корпоративный блог — пользователю важно знать, что представляет из себя компания, на сайт которой он попал.
2. Предоставьте базовые данные для связи. Укажите основной телефон, электронную почту и ваш адрес. Отлично, если здесь будет также ссылка на карту от Google или Яндекс.
3. Добавьте призыв к действию в виде кнопки. Если пользователь прокрутил ваш сайт прямо до футера, скажите, что он может сделать — подписаться на новости, отправить вам письмо или «лайкнуть» вашу страничку в социальной сети.
4. Оставляйте достаточно свободного места. Все данные в подвале должны хорошо читаться и не наезжать друг на друга.
5. Группируйте ссылки.Подумайте о пользователе — ему будет удобней разобраться, в каком столбике искать то, что ему нужно. Благодаря группам подвал будет выглядеть более организованным, что особенно важно для многоэтажных футеров с большим количеством информации.
6. Придерживайтесь стиля основной части страницы. Нет ничего хуже, чем когда часть страницы не соответствует всему остальному дизайну, поэтому обязательно учитывайте этот момент.
7. Помните об иерархии. В подвале, как и во всех остальных частях страницы, должна прослеживаться иерархия: самые важные составляющие, вроде номера телефона, должны быть самыми заметными, а стандартная информация, вроде копирайта, отображаться самым маленьким шрифтом.
8. Не используйте слишком большие изображения. Они будут отвлекать пользователя от того, что действительно важно.
9. Выделите футер констрастным цветом. Например, если в основной части используется белый фон, то футер лучше сделать темным. Таким образом вы отделите основную часть страницы от второстепенной, каковой является подвал.
10. Не забудьте указать информацию о разработчиках и владельцах сайта.

Креативный дизайн подвала веб-сайта

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

Сыграйте на идеи «близости с землей»

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

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

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

«Оживите» подвал с помощью небольших изображений

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

Подуймайте об альтернативах картинкам

Инновационный дизайн футера web-сайта может использовать не только картинки, но и небольшие анимации. Здесь можно разместить инфографику, фактоиды (краткие утверждения без ссылки на источник) или же интересно реализованную навигацию. Например, вот футер с календарем для блога, который сразу привлекает внимание:

Придумайте способ обновлять подвал ежедневно

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

Не бойтесь использовать неправильные формы

Подвал не обязательно должен быть оформлен в виде прямоугольного блока. Инновационный дизайн футера web-сайта может выглядеть ассиметрично и при этом гармонично вписываться в общий вид страницы. Например, вот вариант с острыми углами:

А здесь мы видим плавные линии, объединяющие раздел с отзывами и, собственно, подвал:

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

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

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

Примеры нижнего колонтитула веб-сайта • 10 лучших дизайнов нижнего колонтитула для веб-сайта

Лучший веб-дизайн требует наличия лучшего дизайна нижнего колонтитула на вашей веб-странице. Хотя это может показаться мелочью, она имеет первостепенное значение для эффективности и успеха веб-сайта. Вы можете спросить: «Почему?» Его мы рассмотрим в статье ниже. Кроме того, мы рассмотрим все лучшие примеры нижнего колонтитула.

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

Что такое нижний колонтитул веб-сайта?

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

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

Насколько важны нижние колонтитулы

Вы можете задаться вопросом, действительно ли дизайн нижнего колонтитула так важен? Да! Это потому, что это одно из самых заметных мест на веб-сайте, и многие примеры нижнего колонтитула веб-сайта доказывают это. По данным Chartbeat, они исследовали 25 миллионов посещений веб-сайтов и обнаружили, что посетители прокручивают страницы на тысячи пикселей вниз. Ни одна страница не будет слишком высокой, ни один нижний колонтитул слишком далеко.

Если вы нам не верите, вы можете использовать цифровые инструменты, такие как Lucky Orange, Crazy Egg и ClickTale, чтобы проверить «глубину прокрутки» посетителя на вашем сайте.

Вещи, которые можно размещать в нижних колонтитулах веб-сайтов

Три обязательных элемента: авторское право, политика конфиденциальности и условия использования

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

Авторское право: Год и символ авторского права защищают веб-сайты от плагиата.

Политика конфиденциальности: Объясняет пользователям, как ваша компания будет использовать и защищать их конфиденциальные данные и другую информацию.

Условия использования: Он предлагает общие правила и рекомендации по использованию веб-сайта или ваших продуктов.

Карта сайта

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

Номера телефонов и факсов

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

Личность и бренд

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

Адрес и ссылка на карту/направления

Карта с точным местоположением и направлениями — это элемент веб-сайта, который обычно должен отображаться в нижнем колонтитуле. Добавление информации об адресе компании имеет решающее значение с точки зрения SEO.

Эта практика позволяет Google понять, где находится ваша компания, и отобразить ее в локальном поиске, что позволяет местным клиентам легче находить ваш бренд в офлайн-мире.

Навигация

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

В последние годы мы также можем наблюдать рост тенденции «толстого нижнего колонтитула». Это подразумевает добавление большего количества элементов в нижний колонтитул сайта, чем обычно. Как правило, нижние колонтитулы веб-сайтов содержат информацию, отображаемую в мегаменю в шапке.

Источник: Progress

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

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

Виджеты социальных сетей

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

Регистрация по электронной почте

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

Логин

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

Поиск по сайту

Размещение поиска по сайту в нижнем колонтитуле — отличная практика, которая может помочь вашим пользователям легче перемещаться по сайту. Если они не находят его в заголовке, они ожидают увидеть его в нижнем колонтитуле. Поиск по сайту может выглядеть как окно поиска, в котором пользователи могут ввести необходимое ключевое слово, чтобы найти то, что они ищут, или может предлагать некоторые дополнительные параметры. Вот как компания Smalley реализовала расширенный поиск по сайту на своем веб-сайте.

Рекомендации по дизайну нижнего колонтитула веб-сайта

Мы хотим поделиться с вами тремя полезными рекомендациями по работе с нижним колонтитулом веб-сайта:

• Попробуйте создать отличную визуальную иерархию,
• Будьте внимательны к пробелам и
• Отделите нижний колонтитул от основного содержимого.

10 лучших примеров нижнего колонтитула

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

1. Tapbots

Tapbots — один из лучших примеров дизайна нижнего колонтитула веб-сайта. Технически он создан для использования на устройствах iOS, таких как iPhone.

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

2. The Noun Project

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

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

3. Site Inspire

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

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

4. Джарад Джонсон

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

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

5. Министерство шрифта

Нижний колонтитул сайта «Министерство шрифта» — еще один пример, который предоставляет информацию об авторе, чтобы помочь посетителям связать его с ним, что делает его очень отзывчивым нижним колонтитулом.

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

6. Блог Bei

Нижний колонтитул блога Bei не содержит никакой контактной информации. В нем также нет призыва к действию; однако он использует другой метод оформления нижнего колонтитула веб-сайта, который принес ему большой успех. Когда вы просматриваете блог их веб-сайта, вы заметите аккуратный фон, сделанный из мультяшных иллюстраций.

7. Monocle

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

Как это сделать? В случае с Monocle все HTML-ссылки размещаются внутри нижнего колонтитула. Такой дизайн обеспечивает лучшую навигацию для посетителей.

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

8. Мама и попкорн

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

9. Cantilever Fish and Chips

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

10. Ditto

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

Наконец

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

Нижние колонтитулы всех веб-сайтов должны содержать три основных элемента: уведомление об авторских правах, политику конфиденциальности и условия использования. Один из лучших образцов нижнего колонтитула веб-сайта, посвященного авторскому праву, который включает все три компонента, находится на сайте adventure.com. Хороший дизайн нижнего колонтитула также должен содержать ваш логотип, который будет визуальным представлением вашей компании. Кроме того, очень важно максимально использовать пространство, которое у вас есть. Также важно помнить, что простота работает лучше всего для любого нижнего колонтитула.

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

Обновление: 2023-02-19

15 Красивые нижние колонтитулы веб-сайта [Примеры]

Если вы ищете нижние колонтитулы для своего веб-сайта, вы находитесь в нужном месте.

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

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

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

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

См. перо
на КодПене.

Предварительный просмотр

Вот пример одного из самых распространенных нижних колонтитулов веб-сайтов.

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

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

См. перо
на КодПене.

Предварительный просмотр

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

Нижний колонтитул состоит из анимированных волн, которые движутся горизонтально, создавая ощущение воды.

Вы можете ускорить или уменьшить анимацию нижнего колонтитула, настроив свойство перехода непосредственно в коде CSS стиля menu__link .

См. перо
на КодПене.

Предварительный просмотр

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

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

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

См. перо
на КодПене.

Предварительный просмотр

Вот супер простой и красивый футер.

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

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

Полностью отзывчивый.

См. перо
на КодПене.

Предварительный просмотр

Этот нижний колонтитул — отличный пример того, как сделать все просто.

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

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

См. перо
на КодПене.

Предварительный просмотр

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

Нижний колонтитул состоит из 4 столбцов. Он хорошо использует пробелы и содержит форму подписки на информационный бюллетень.

Мне нравится, как современно и чисто он выглядит. Полностью отзывчивый тоже!

См. перо
на КодПене.

Предварительный просмотр

Вот менее традиционный нижний колонтитул для вашего сайта.

Что отличает этот нижний колонтитул от остальных, так это то, что он содержит анимированный слайдер с галереей изображений из Instagram.

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

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

См. перо
на КодПене.

Предварительный просмотр

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

Содержит цветную анимацию холста, имитирующую движение волн.

Этот нижний колонтитул использует библиотеку Twgl для получения этого эффекта.

См. перо
на КодПене.

Предварительный просмотр

Если все, что вам нужно на вашем веб-сайте, это нижний колонтитул с уведомлением об авторских правах, то этот нижний колонтитул идеально вам подходит.

Просто так. Сообщение об авторских правах с фоновым цветом. Ни больше ни меньше.

См. перо
на КодПене.

Предварительный просмотр

Если вы любите большие вещи или хотите добавить как можно больше вещей в нижний колонтитул, то этот нижний колонтитул для вас.

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

Все в одном большом и отзывчивом нижнем колонтитуле.

См. перо
на КодПене.

Предварительный просмотр

Вот действительно потрясающий нижний колонтитул для любого веб-сайта.

Он содержит изображение города в самом низу и несколько анимаций, которые делают этот нижний колонтитул таким оригинальным.

Весь дизайн нижнего колонтитула выполнен на чистом CSS и вообще не использует JavaScript.

Этот шаблон нижнего колонтитула можно настроить, просто поэкспериментировав с кодом CSS и HTML. Такие вещи, как анимированные GIF-изображения, время их перехода и цвета, можно изменить в соответствии с вашими потребностями.

Помимо всего этого, сочетание цветов выглядит великолепно, а нижний колонтитул содержит все, что вы ожидаете.

См. перо
на КодПене.

Предварительный просмотр

Вот дизайн нижнего колонтитула для тех, кто любит простоту.

Это 4-колоночный футер, который, несмотря на то, что выглядит плоско, выглядит вполне современно.

Мне нравится тот факт, что он использует только 2 основных цвета и позволяет прикрепить к нему логотип.

Предупреждение: не отвечает!

См. перо
на КодПене.

Предварительный просмотр

Этот нижний колонтитул создан с использованием CSS-фреймворка Tailwind.

Это хороший пример того, как добавить немного цвета на веб-сайт с белым фоном.

Мне нравятся закругленные углы и простота всего этого.

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

См. перо
на КодПене.

Предварительный просмотр

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

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

Левая содержит форму подписки и интересующие ссылки, а правая содержит текст с описанием компании. Он также содержит социальные кнопки с правой стороны.

Не на любой вкус!

См. перо
на КодПене.

Предварительный просмотр

Этот пример нижнего колонтитула демонстрирует менее распространенную структуру.

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

Предупреждение: этот нижний колонтитул НЕ отвечает.

Обычно нижние колонтитулы содержат следующие элементы:

• Интересные ссылки. Все, что может иметь отношение к вашим посетителям. Например: связаться с нами, о нас, справочный центр, наши продукты и т. д.

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

• Уведомление об авторских правах. , если содержимое защищено авторским правом, лучше всего указать это в нижнем колонтитуле. Это то, что люди обычно ищут, пытаясь узнать о контенте, защищенном авторским правом.

• Бланк бюллетеня. Если на вашем сайте есть какой-либо информационный бюллетень, добавление подписки в нижний колонтитул — еще один способ облегчить посетителям возможность узнать о нем.

• Иконки социальных сетей. Обычно в нижний колонтитул добавляют ссылки на социальные сети (Facebook, Twitter, Tiktok, Instagram…). Это можно сделать с помощью значков или непосредственно с помощью текстовых ссылок.

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

• Адрес. Иногда добавление адреса в нижний колонтитул рядом с контактной информацией также является очень распространенной практикой.

• Логотип. Добавление логотипа в нижний колонтитул может стать отличным способом добавить немного цвета или подчеркнуть дизайн вашего бренда.

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

• Карта сайта . Если посетители хотят быстро ознакомиться со структурой или содержанием веб-сайта, карта сайта — отличный способ сделать это. Кроме того, они также будут полезны для SEO сайта!

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

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

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

This entry was posted in Популярное