Подвал сайта. Размещение копирайта. Установка счетчика статистики, посещаемости
Самый низ страницы сайта называют подвал, футер (footer — нижний колонтитул).
В нем, как правило, размещают название проекта, копирайт сайта (авторское право), счетчики посещаемости, ссылки на популярные страницы, рекламу и т.д.
Название проекта — это понятно и не вызовет вопросов.
Копирайт — это текст, который якобы защищает Ваши права на сайт в бесправном Интернете, выглядит примерно так:
© ООО «Фирма» 2013 или
© 2005-2013 ООО «Я» или
(С) 2013 Автор
Пример наиболее правильного кода со ссылкой на главную страницу сайта:
Код: © «SiteY.ru», 2012 — <a href=»https://sitey.ru» alt=»Создать сайт»>Создать сайт. Готовые решения</a>
Выглядит так: © «SiteY.ru», 2012 — Создать сайт. Готовые решения
Есть мнение по правилам размещения копирайта:
Закон России об авторском праве и смежных правах и ГОСТ Р 7.
0.1–2003 гласят о том что, знак охраны авторского права состоит из 3 пунктов в следующей последовательности:
1. символ ©;
2. Имя или наименование обладателя исключительных авторских прав;
3. Год первого опубликования произведения (сайта).
Между именем и годом образования нужна запятая. Замен знака копирайта © символами (С) — недопускается.
С трудом верится в значимость этих правил для поисковых систем.
При СЕО продвижении сайта важное значение имеет анализ посещаемости раскручиваемого ресурса, не зависимо от того, кто его проводит: самостоятельно или прибегая к помощи специализированных компаний в области поискового аудита и маркетинга.
Самым популярным и общепризнанным сервером по ведению статистики посещаемости является LiveInternet. По показателям сайта, которое он собирает, можно анализировать не только посещаемость, но и поведенческие факторы посетителей Вашего проекта.
Перейдем к размещению счетчика посещаемости на страницах сайта.
Коротко о значении счетчика:
— Отслеживание наиболее посещаемых страниц;
— Определение стран, регионов, пола и возраста посетителей;
— С какого сайта пришел посетитель и сколько времени провел на страницах сайта, количество переходов и многие другие показатели для оптимизации Вашего проекта.
Также, показания счетчика требуют многие сервисы по работе с рекламой, если Вы вдруг решите продавать чужие ссылки со своего сайта.
Для получения и установки счётчика регистрируемся на сайте LiveInternet по ссылке http://www.liveinternet.ru/add: заполняем данные, выбираем цвет счетчика, получаем код, копируем его и размещаем в подвале сайта.
Подвал следует создать в начале Вашего проекта, как и шапку. Эти атрибуты дизайна будут повторяться на всех страницах сайта без изменений. То есть включите их в шаблон будущих страниц своего сайта и держите наготове.
Футеры можно найти в нижней части почти любой веб-страницы, и они часто принимают различные формы, в зависимости от типа контента, представленного на веб-сайте.
Независимо от формы, которую они принимают, их присутствие является критически важным (и сильно недооцененным).
Независимо от формы, которую они принимают, их присутствие является критически важным (и сильно недооцененным).Основы футеров
Как профессионалы в области UX дизайна, мы стремимся посвятить свое время и энергию всему, что расположено в верхней части страницы. Это связано с тем, что глобальная навигация, поиск и высокоприоритетный контент расположены выше сгиба, и пользователи, как правило, проводят непропорционально много времени в верхней части любой страницы. Следовательно, футеры, расположенные в нижней части веб-страниц, получают остатки времени и ресурсов бюджета. Однако вы все равно должны обращать на них внимание, поскольку они могут значительно улучшить пользовательский опыт.
Футер – это область, расположенная внизу каждой страницы сайта под основным контентом.
Термин «футер» пришел из мира печати, в котором он является последовательным элементом дизайна, который просматривается на всех страницах документа.
Однако, как мы объяснили 20 лет назад, различие между печатным дизайном и веб-дизайном означает, что элементы дизайна, такие как футеры, меняют свое значение (в данном случае, становясь действенными), когда переносятся из печати в онлайн.
Футеры сайта в прошлом были либо небольшими служебными зонами с малым объемом информации, либо большими площадками для размещения различных ссылок. Визуально они часто содержали крошечный текст, который был едва читабельным. Сегодня футеры служат важным ориентиром для людей, поскольку они выполняют различные задачи на веб-сайтах.
Люди пользуются футерами
Хотя футеры привлекают меньше внимания, чем верхняя часть страницы, их все равно достаточно активно используют. Ниже два наиболее распространенных варианта использования футеров:
- Пользователи сканируют или читают страницу и либо не находят то, что они хотят, либо нуждаются в дополнительной информации. Они прокручивают страницу до конца и используют футер, как:
а) Второй шанс принять решение.
Например, пользователь, прочитав все детали, решил, что он не хочет регистрировать банковский счет, но он все еще впечатлен банком и хочет стать их клиентом. Футер – хорошая возможность напомнить или рассказать потенциальным клиентам о других предложениях компании.
b) Последнюю надежду для труднодоступного контента
Иногда пользователи обращаются к футеру за дополнительными параметрами, которые могут отсутствовать в глобальной навигации. Например, те, кто заинтересован в поиске работы в компании, занимающейся электронной коммерцией (задача, которая отличается от задачи типичного клиента интернет-магазина) могут обратиться к футеру для получения соответствующей информации.
2. Пользователи намеренно прокручивают страницу до футера, чтобы найти информацию, которую они ожидают там найти, например, контактная информация, сведения о компании, публикации в социальных сетях или ссылки. Некоторые пользователи даже используют футер для навигации, когда они уже прокрутили страницу до конца, поскольку футер находится в непосредственной близости, они используют его для глобальной навигации вместо скролла вверх.
В обоих этих случаях, независимо от того, какой контент попадает в футер, он должен быть последовательным, предсказуемым и легко обнаруживаемым. Учитывайте варианты использования, цель вашего веб-сайта и цель футера при определении того, какой тип футера выбрать и какой контент в нем размещать.
Хотя удовлетворение этих пользовательских сценариев может и не быть высокоприоритетной целью сайта, разработка хорошего футера по-прежнему важна, поскольку он имеет замечательную характеристику юзабилити: он никогда не будет мешать пользователям, которые удовлетворяют свои потребности выше на странице. Таким образом, за исключением чрезмерно раздутых футеров, которые могут задержать загрузку или рендеринг страницы, он является бесплатным дополнением к интерфейсу. Он может помочь, но не может навредить.
Элементы футера
По разным причинам дизайнеры сайтов выбирают для футера много разных типов контента. Элементы футера могут быть объединены в зависимости от целей бизнеса и пользователя.
- Полезные ссылки
- Doormat navigation
- Ссылки на второстепенные задачи
- Карта сайта
- Отзывы или награды
- Бренды в организации
- Вовлечение клиентов (рассылки по электронной почте и социальные сети)
Футер на сайте Uscreen.tv включает в себя несколько типов контента, таких как 1) контент второстепенной задачи 2) служебный контент и 3) ссылки на социальные сети
Полезные ссылки
Большинство сайтов имеют тенденцию включать в футер компактное меню, указывающее на:
- Контактную информацию: адрес компании, номер телефона и ссылка на чат
- информацию по обслуживанию клиентов
- политику конфиденциальности
- условия использования
Хотя многие сайты имеют компактное меню, расположенное в верхних областях, футер – это место, куда пользователи смотрят при поиске этих конкретных элементов.
Используйте для: всех сайтов
Футер сайта Clarity Money упрощает задачу, включая ссылки на Условия использования и Политику конфиденциальности, а также ссылки на аккаунты в социальных сетях
J. Crew предоставляет контактную информацию в виде ссылок на свой аккаунт в Twitter для обслуживания клиентов, номер телефона и адрес электронной почты службы поддержки
Как и коврик в жилых домах, doormat navigation – это первое, что вы видите, когда вы приходите, и последнее, что вы видите, когда уходите, то есть она включена как вверху, так и внизу страницы.
Таким образом, футер может содержать глобальную навигацию. Этот компонент полезен, когда страницы длинные (что присуще многим современным мобильным дизайнам), поскольку он позволяет пользователям быстро переходить в другой раздел сайта без скроллинга назад для перехода к основной навигации.
Используйте для: сайтов с длинными страницами, особенно если глобальная навигация недоступна в нижней части страницы.
United Healthcare использует doormat navigation: основные категории отображаются как в верхней панели навигации (вверху), так и в футере (внизу)
Второстепенные задачи
Футер может содержать ссылки на дополнительную информацию, представляющие интерес для пользователя. Некоторые примеры второстепенных задач включают в себя:
- подачу заявки на работу в компании
- задания для создателей контента
- доступ к информации для инвесторов
- поиск документации или спецификаций продукта, или услуги
- доступ к медиа-комплектам и другой PR-информации
- поиск филиалов компании
Эти второстепенные задачи обычно отсутствуют в глобальной или служебной навигации.
Этот тип контента футера распространен на сайтах с несколькими группами пользователей с различными путешествиями пользователей.
Используйте для: помощи пользователям в поиске вторичного контента, который может не иметь прямого отношения к основной цели сайта
Например, на веб-сайте Dwell Magazine представлены категории, не относящиеся к темам журнала, в том числе
Футер сайта Dwell Magazine содержит ссылки на второстепенные задачи
Карта сайта
Компонент футера в стиле карты сайта демонстрирует сочетание глобальной навигации и других важных страниц, отсутствующих в ней. В отличие от doormat navigation, она предоставляет подкатегории нижних уровней основных категорий.
Это полезно для:
- выявления основных тем, которые не очевидны на уровне глобальной навигации
- повышения осведомленности об основном контенте сайта
- напоминания пользователям о предложениях компании
Компонент футера в виде карты сайта не включает полную карту сайта, если на сайте мало страниц (около 25 или меньше). Более того, футер рискует стать громоздким и сложным в использовании. (В качестве альтернативы вы можете предоставить полнофункциональную карту сайта на отдельной странице и указать ссылку на нее в футере, где пользователи и ожидают найти подобную ссылку).
Используйте для: больших сайтов с несколькими уровнями информации или поддоменов
Футер CNN содержит ссылки на навигацию верхнего уровня и на категории нижнего уровня
Отзывы или награды
Многие из участников нашего исследования рассказали о мотивации выбора сайта на основе наград и отзывов, полученных этим сайтом. Выделение похвал в футере может быть хорошей тактикой для создания авторитета и завоевания доверия.
Однако, показ слишком большого количества отзывов и наград может создать впечатление, что компании необходимо демонстрировать отзывы, потому что она не является зрелой или стабильной.
Проведите юзабилити-тесты и A/B тесты со своей аудиторией, чтобы определить, подходит ли эта стратегия для вашего футера, и каково подходящее количество отзывов.
Используется для: стартапов или компаний с меньшей узнаваемостью бренда
Чтобы укрепить свой авторитет, Reykjavik Excursions показывает в своем футере награды и организации, от которых они получили признание
Бренды в организации
Некоторые компании настолько огромны, что владеют или возглавляют десятки других компаний. Некоторые используют универсальную навигацию, чтобы связать дочерние компании с родительской. Также может быть полезно отобразить в футере список дочерних компаний и брендов, чтобы повысить осведомленность о других брендах или компаниях, попадающих в портфель организации, а также помочь пользователям их найти.
Используйте для: крупных международных организаций с большим количеством дочерних или партнерских брендов
Футер на сайте Walmart перечисляет другие бренды, которыми владеет компания, такие как Hayneedle, Jet и Modcloth
Вовлечение клиентов
Пользователи часто переходят сразу к футеру, чтобы найти такую информацию, как купоны и рекламные акции, или просто быть в курсе продаж компании и релизов продуктов. Таким образом, футер может содержать информацию, позволяющую клиентам поддерживать связь с компанией – ссылки на аккаунты компании в социальных сетях и предложения подписаться на рассылку.
Прежде, чем включать в футер, встроенный виджет фида социальных сетей, подумайте, как часто компания делает публикации в каждой социальной сети. Менее активный аккаунт в социальных сетях может не требовать встроенного фида, но все же стоит дать на него ссылку.
Используйте для: всех типов сайтов при использовании ссылок в социальных сетях; сайтов с большим акцентом на визуальные эффекты или эстетику (искусство, красота) при использовании встроенного виджета фида социальных сетей.
На всех страницах сайта TheGoodTrade.com имеется большой многокомпонентный футер, который включает в себя: 1) предложение подписаться на рассылку, 2) виджет с фидом Instagram аккаунта, 3) ссылки на аккаунты в социальных сетях, 4) ссылки на второстепенные задачи и 5) отказ от ответственности с информацией об авторских правах
Варианты футеров
Бесконечный скролл и мини-футер
Многие сайты, которые поощряют просмотр, выбирают бесконечный скролл, чтобы удерживать пользователей на странице. Содержимое постоянно загружается, поэтому на каждой странице нет единого низа и, следовательно, нет футера. Тем не менее, контент, который был бы в футере (как правило, ссылки для навигации), отображается в виде «мини-футера» справа или в расширенной глобальной навигации.
Чтобы футер был полезным, он должен присутствовать на всех страницах сайта. Некоторые сайты пытаются использовать один и тот же футер для страниц как статической, так и динамической длины. Однако, когда пользователи пытаются использовать эти футеры на сайтах с бесконечным скроллом, это часто превращается в разочаровывающую игру в догонялки, когда пользователи пытаются нажать на ссылки как можно быстрее, прежде чем те снова исчезнут.
Вместо этого, если вы планируете использовать бесконечный скролл, рассмотрите возможность размещения мини-футера в правом столбце и убедитесь, что он закреплен рядом с основным контентом во время скроллинга.
Использовать для: страниц с бесконечным скроллом
Сайты с бесконечной прокруткой, такие как LinkedIn.com, часто содержат контент футера в других местах, например, в нижней части правого столбца
BarstoolSports.com содержит в глобальной навигации большую часть того, что традиционно отображается в футере. Barstool.com также имеет футер, который смещается при загрузке нового контента. (В большинстве браузеров наведите курсор на видео, чтобы отобразить элементы управления, если они еще не видны)
Контекстные футеры
Хотя футеры традиционно остаются согласованными на многих страницах, иногда бывает полезно настроить исходя из информации, представленной на конкретной странице. В частности, для сайта с несколькими аудиториями контекстный футер может отображать контент, который, возможно, не попал в глобальную навигацию, но все же может быть критичным для некоторых пользователей.
Например, на домашней странице Medium.com нет футера. На странице отображается бесконечно прокручиваемый список статей. (На странице есть мини-футер справа, как рекомендовано выше). Однако на странице отдельной статьи отображается футер на основе задач, которые зависят от того, является ли читатель подписчиком или нет.
Используйте для: сайтов с различными пользовательскими ролями (например, «создатель контента» vs «потребителя контента» или «участник» vs «гость»)
Футер на сайте Medium содержит несколько ссылок на связанные публикации, и подчеркивает преимущества членства в Medium для людей, которые не вошли в аккаунт
Характерные ошибки футера (и их решения)
Футеры прошли долгий путь с 1990-х годов, но по сей день еще встречаются следующие распространенные ошибки:
- Более двух уровней информационной иерархии Нельзя добавлять всю карту сайта в футер. Футер – это ограниченное количество пространства экрана, которое должно быть посвящено только важной информации. Как однажды метко сказала моя мама: «Если все важно, ничего не важно».
- РЕШЕНИЕ: Подумайте о перераспределении контента и отображении только ссылок на категории первого и второго уровня, а не на весь сайт. Если отдельная страница нижнего уровня достаточно важна, отобразите эту конкретную ссылку в футере, но вам не нужно показывать все уровни информационной иерархии, чтобы ее можно было обнаружить.
- Неясные имена ссылок в футере (например, Company Info или Help вместо Contact Us)
Пресловутая ссылка «Ресурсы» во многих футерах является одним из прискорбных пережитков прошлого.
- РЕШЕНИЕ: Команды должны стараться придерживаться общепринятых, четких условий. Если команда не уверена, какой термин будет наиболее подходящим, сортировка карточек или тест юзабилити могут помочь определиться с терминологией.
- Неясная структура или информационная иерархия Иногда футер может быть «свалкой» для потерянных ссылок, то есть ссылок, которые, по-видимому, не имеют отношения к глобальной навигации или второстепенным задачам. Если у футера отсутствует паттерн организации, пользователям либо придется просматривать все информацию, либо они потратят очень мало времени на его изучение.
Как однажды метко сказала моя мама: «Если все важно, ничего не важно».
Если у футера отсутствует паттерн организации, пользователям либо придется просматривать все информацию, либо они потратят очень мало времени на его изучение.Футер GM не имеет четкой структуры из-за отсутствия информационной иерархии. Подобная настройка затрудняет сканирование или поиск содержимого
- РЕШЕНИЕ: Четко передайте информационную иерархию элементов в футере с помощью группирования или других шаблонов визуального дизайна, которые указывают визуальную иерархию (например, жирные ссылки на страницы верхнего уровня и обычные ссылки на страницы нижнего уровня).
Иногда компании предпочитают использовать крошечный размер шрифта для ссылок футера, чтобы разместить все ссылки или сделать ссылки менее отвлекающими. Хуже того, некоторые сайты могут использовать анимацию или функцию аккордеона, чтобы полностью скрыть футер в эстетических целях. Хотя футер не является элементом основной навигации, люди все еще используют его и полагаются на него, поэтому не пытайтесь его скрыть.
В более ранней итерации футера на сайте Reserved.com использовалась функция аккордеона, которая по умолчанию была свернута, что затрудняло ее поиск
В более ранней итерации футера на сайте Reserved.com использовалась функция аккордеона, которая по умолчанию была свернута, что затрудняло ее поиск
- РЕШЕНИЕ: используйте разборчивый размер и цвет шрифта (с приличным контрастом) и избегайте использования декоративных шрифтов. Самое главное, не скрывайте футер – люди ожидают его там найти.
Вывод
Футер – это место, куда пользователи идут, когда теряются. Если мы хотим оставить хорошее впечатление, важно, чтобы мы не пренебрегали нижней частью страницы. В конце концов, даже самые обыденные, утилитарные разделы интерфейса могут оказать наибольшее влияние на опыт пользователя.
Получите больше советов по созданию более эффективных веб-страниц в нашем курсе Web Page UX Design.
РесурсыJakob Nielsen & Kara Pernice, 2010, Eyetracking Web Usability, The New Riders
Перевод статьи Therese Fessenden
Ваш веб-сайт сверху вниз
Вы, вероятно, видели много веб-сайтов и, возможно, не знаете, что часто веб-страницы зажаты между «верхней» и «нижней» частями.
Верхняя часть (шапка) и нижняя часть (нижний колонтитул) обычно последовательно повторяются на каждой странице вашего сайта. Мы можем не говорить о них много, но эти разделы содержат элементы, которые необходимы для вашего пользовательского опыта.
Заголовок (или «Верхняя часть») вашего веб-сайта
Что находится в заголовке? Заголовок находится в самом верху вашего сайта и содержит ваш логотип и навигацию. Вы можете заметить, что это существует на вашей домашней странице, а также на каждой внутренней странице и дает пользователю возможность перемещаться между страницами. Важно, чтобы заголовок оставался единым на всем сайте. Например, вот как выглядит заголовок на сайте Roundpeg:
Логотип: Логотип вашего веб-сайта обычно находится где-то в заголовке, будь то слева, посередине или справа от вашего сайта. Ваш логотип сразу добавляет узнаваемый элемент, чтобы ваш клиент знал, что он находится в нужном месте. Если они не знакомы с вашим бизнесом, это повышает доверие и является точкой соприкосновения с вашим брендом.
Главное меню или основная навигация: Навигация вашего сайта — это руководство по переходу со страницы на страницу. Это должно быть логично и должно быть упорядочено от более широких страниц к более конкретным. Например, элемент навигации «Команда» содержит раскрывающийся список с более конкретными пунктами меню: «Познакомьтесь со своей командой» и «Карьера». Главное меню должно быть логичным и понятным.
Подменю или раскрывающееся меню: Подменю и раскрывающееся меню могут вызвать путаницу при неправильном использовании. Несмотря на то, что мы предостерегаем наших клиентов от чрезмерного использования раскрывающихся списков, когда они используются экономно, они могут быть полезны для организации более конкретных страниц.
Нижний колонтитул или («Нижняя часть»)
Нижний колонтитул — это раздел в самом конце вашего веб-сайта. Этот раздел должен быть узнаваем и отличаться от основной части вашей страницы. Нижний колонтитул содержит кучу информации для «подведения итогов» и может содержать что угодно, от абзаца SEO, контактной информации, ссылок на социальные сети и контактной информации.
Параграф SEO: Обычно мы включаем в нижний колонтитул абзац, богатый ключевыми словами и разработанный специально для поисковой системы, индексирующей ваш сайт. Хотя этот абзац не предназначен специально для захватывающего чтения для людей, он может значительно увеличить плотность ключевых слов на вашем сайте. Если вы пишете свое собственное, резюмируйте основную часть того, о чем вы, в 2-3 предложениях.
Контактная информация Обязательно укажите здесь свою контактную информацию (номер телефона и адрес). Потенциальные клиенты обычно ожидают найти вашу контактную информацию в этой области.
Ссылки на социальные сети: Если вы активны в социальных сетях, это идеальное место для этих ссылок.
Подведение итогов
Хотя верхний и нижний колонтитулы не являются темой подробностей в обсуждениях с клиентами, они занимают значительную часть вашего веб-сайта. Очистите свою навигацию, включите версию своего логотипа и убедитесь, что ваша контактная информация находится там, где люди ожидают ее найти.
Рекомендации по дизайну нижнего колонтитула веб-сайта: 27 вещей, которые нужно разместить внизу
Вот интернет-история, которая происходит миллион раз в день.
Вивиан посещает веб-сайт… но она не видит то, что ищет… она прокручивает немного вниз… но все равно не находит… прокручивает еще немного… все еще не там… затем она идет до конца в низ страницы… и вот оно, в нижнем колонтитуле сайта. Ссылка, которую она искала!
Во всем Интернете нижние колонтитулы веб-сайтов спасают день, ловя посетителей как страховочную сетку, прежде чем они сильно ударятся о нижнюю часть страницы.
Нижний колонтитул веб-сайта предназначен для помощи посетителям путем добавления информации и параметров навигации в нижней части веб-страниц.
Дизайн нижнего колонтитула веб-сайта заключается в том, чтобы выбрать, что включить, чтобы помочь посетителям и достичь бизнес-целей.
Насколько важны нижние колонтитулы?
Это важный выбор, поскольку нижние колонтитулы хорошо видны .
Их видит много посетителей. Исследование Chartbeat изучило 25 миллионов посещений веб-сайтов и показало, что посетители прокручивают страницы на тысячи пикселей вниз. Ни одна страница не будет слишком высокой, ни один нижний колонтитул слишком далеко.
Если вам интересно, как далеко посетители прокручивают ваш сайт, есть платные инструменты, которые покажут вам «глубину прокрутки» на вашем сайте. Lucky Orange, Crazy Egg и ClickTale — вот несколько примеров.
27 вещей, которые можно разместить в нижних колонтитулах
Как оформить нижний колонтитул веб-сайта? Вот 27 идей и примеров, начиная с наиболее распространенного контента и функций. Прокрутите этот список вниз, чтобы увидеть наши собственные рекомендации и рекомендации по тому, что следует включать в дизайн нижнего колонтитула.
1. Copyright
Если ваш нижний колонтитул содержит только один элемент, это может быть он. Год и знак авторского права. Это слабая, но простая защита от веб-плагиата.
Совет для профессионалов: небольшой фрагмент кода будет автоматически обновлять год.
2.
Карта сайтаЭто наиболее распространенная ссылка в нижних колонтитулах, которая ссылается на HTML-версию карты сайта. Посетители редко нажимают на эти ссылки, но, как и XML-карта сайта, они могут помочь поисковым системам найти что-то.
3. Политика конфиденциальности
Это второй по распространенности элемент в дизайне нижнего колонтитула. Обычно это ссылка на страницу, объясняющую, какую информацию собирает веб-сайт, как она хранится и как ее можно использовать. Для большинства веб-сайтов речь идет об отслеживании (аналитика и ремаркетинг), отправке форм и подписке по электронной почте.
Нужна политика конфиденциальности? Мы использовали Условия для создания наших или использовать этот удобный бесплатный генератор политики конфиденциальности.
4. Условия использования
«Условия использования» немного отличаются от конфиденциальности.
Они объясняют, с чем соглашается посетитель, посещая веб-сайт. Как отказ от ответственности, они заявляют, что, используя сайт, посетитель соглашается с определенными вещами.
Для веб-сайтов в строго регулируемых отраслях вы можете поместить текст прямо в нижний колонтитул.
Если юридический текст имеет решающее значение, добавление его в нижний колонтитул обеспечит максимальный охват. У вас мелкий шрифт на каждой странице.
5.
КонтактПосетители ожидают найти контактную информацию в правом верхнем углу заголовка. Это стандарт веб-дизайна. Также стандартно найти ссылку «контакт» в правом нижнем углу (или в центре) нижнего колонтитула.
Это должна быть ссылка на контактную страницу с контактной формой, а не ссылка на электронную почту. Есть много причин использовать контактную форму, а не ссылку по электронной почте.
- Отправку формы легко отследить как достижение цели в Analytics.
- Посетитель не может находиться на компьютере, который он использует для электронной почты.
- Формы отправляют посетителей на страницы благодарности, которые могут предоставить больше сообщений и призывов к действию.
- Формы отправляют посетителям электронные письма с автоматическим ответом, опять же, больше сообщений и призывов к действию.
- Формы могут сохранять отправленные материалы в базу данных на случай, если электронная почта не будет доставлена.
- Forms можно подключать к системам автоматизации маркетинга и другим системам.
- В формах можно задавать конкретные вопросы и направлять отправления определенным людям в зависимости от ответов.
- Ссылки электронной почты являются магнитами для спама.
Так что оставьте эту ссылку электронной почты в нижнем колонтитуле! На самом деле, я не рекомендую размещать ссылку на электронную почту где-либо на вашем сайте.
На этом сайте отличный копирайтинг, но контакт был бы лучше, чем ссылка по электронной почте.
6. Адрес и ссылка на карту/проезд
Информация о месте — это то, что посетители ожидают найти в нижних колонтитулах.
Это также способ сообщить Google, где вы находитесь, что важно для компаний с местными клиентами. Ссылка на карту — это удобный способ помочь посетителям найти вас.
При правильном программировании эта ссылка на карту превращается в большую кнопку размером с кончик пальца для мобильных посетителей, вызывая приложение карты на их телефоне или планшете.
7.
Номера телефонов и факсовКак и адрес, номер телефона с кодом города является для Google свидетельством того, что вы являетесь местной компанией. Как и кнопка карты, номер телефона должен автоматически превращаться в кнопку, на которую можно нажимать, при просмотре на мобильном устройстве. Нажмите, чтобы набрать номер!
8.
НавигацияЗдесь нижний колонтитул может спасти падающих посетителей. Если они забрались так далеко, то, должно быть, не нашли то, что искали. Время предложить еще несколько вариантов.
В последние несколько лет наблюдается тенденция удобства использования, называемая «толстым нижним колонтитулом», что означает добавление большего, чем просто стандартные элементы, перечисленные выше, начиная с навигации.
Нижние колонтитулы теперь часто содержат те же ссылки, которые вы найдете в раскрывающемся меню «мегаменю» в навигации заголовка. Но это не обязательно избавит посетителя от падения с вашей страницы. Помните, что это посетители, которые не нашли то, что искали выше.
Вот несколько идей для навигации в футере:
- Проверьте отчет «Поиск по сайту > Запросы» в Analytics. Что ищут посетители? Что они не находят? См. отчет о разбитых мечтах.
- Проверьте отчет «Поток поведения» в Analytics. Куда, по-видимому, хотят попасть посетители? Вот как найти лучший путь через ваш сайт.
- Какие внутренние страницы нуждаются в повышении поискового рейтинга? Научитесь использовать внутренние ссылки для SEO-преимущества.
Вам не нужно просто повторять основную навигацию. Вы также не должны просто добавлять всю карту сайта. Это заставляет посетителей копаться в куче ссылок. Чем это полезно?
9.
Социальные иконки Мы любим посетителей из социальных сетей.
Но мы не любим, когда наши посетители уходят и переходят на Facebook, Twitter или YouTube. Если они это сделают… они не вернутся. Именно поэтому наши дизайнеры почти никогда не помещают иконки социальных сетей в шапки сайта.
Нижний колонтитул — лучшее место для добавления значков, привлекающих посетителей в социальные сети. Когда мы проанализировали 50 лучших маркетинговых веб-сайтов, мы обнаружили, что 72% содержат значки социальных сетей в нижнем колонтитуле.
Вот хороший пример от Рафаля Томала.
10. Виджеты социальных сетей
Некоторые нижние колонтитулы выходят за рамки значка и используют настоящий виджет социальных сетей. Они показывают последнюю публикацию из социальной сети, встроенную прямо в нижний колонтитул.
Это имеет смысл только в том случае, если вы активны в этой сети и придерживаетесь твердых редакционных стандартов в отношении того, чем вы делитесь.
Внимание! Если вы используете такой виджет в нижнем колонтитуле, сообщения в социальных сетях будут появляться на каждой странице вашего сайта.
Особенно рискованно, если у вас есть стажер, который ведет ваши каналы в социальных сетях. Как известно, Applebee усвоила этот урок на собственном горьком опыте .
11. Регистрация по электронной почте
Нижний колонтитул веб-сайта стал очень распространенным местом, где посетители могут подписаться. Наше исследование стандартов веб-сайтов показало, что 24% ведущих маркетинговых сайтов имеют поле для подписки в нижнем колонтитуле.
Правда, подписка по электронной почте с большей вероятностью произойдет на странице, где посетитель получил ценность, например, полезный пост в блоге, все же неплохая идея позволить посетителям подписаться из нижнего колонтитула.
Окна подписки в нижнем колонтитуле должны по-прежнему соответствовать передовым методам подписки по электронной почте, предлагая социальное доказательство (сколько человек подписались раньше?) и устанавливая ожидания (что получает подписчик? как часто?).
Одинокое маленькое поле с адресом электронной почты с кнопкой отправки вряд ли будет очень хорошо конвертировать, как этот парень…
12.
ЛогинНе все посетители являются потенциальными. Некоторые посетители могут быть сотрудниками, партнерами, аффилированными лицами или торговыми посредниками. Если для этих людей есть область входа, нижний колонтитул — лучшее место для нее.
Эти люди часто возвращаются и знают, где найти вещи. Для них не нужно использовать ценную маркетинговую недвижимость в шапке. Небольшая ссылка для входа в нижний колонтитул — это хорошо, как здесь делает ATI.
13. Пресса
Другим типом неперспективы является пресса. На самом деле, только часть 1% ваших посетителей — журналисты и редакторы. Так что не тратьте драгоценное место в основной навигации на пресс-ссылку.
Если кто-то из СМИ все-таки зайдет, он прокрутит вниз и найдет это.
14. Инструмент поиска по сайту
Если они не нашли его в заголовке, в области содержимого или в какой-либо из ссылок в нижнем колонтитуле, инструмент поиска по сайту является наилучшей защитой.
Инструменты поиска не так распространены в нижних колонтитулах веб-сайтов, как формы регистрации по электронной почте, поэтому, если вы их используете, убедитесь, что они четко обозначены.
На веб-сайте Smalley Steel Ring имеется инструмент быстрого поиска продуктов, позволяющий посетителям сразу перейти в каталог с любой страницы.
15. Изображения
Если вы действительно хотите украсить свой нижний колонтитул, добавьте к нему изображение. Это шанс добавить индивидуальности сайту.
Нижний колонтитул Mason-Dixon Knitting содержит изображение Кей и Энн, двух основателей.
16. Мини-галерея
Почему бы не сделать полный педикюр? Вместо одного изображения добавьте целую галерею.
Экспериментальная звуковая студия имеет галерею фотографий в нижнем колонтитуле. Щелчок по фотографии открывает изображение в лайтбоксе.
17. Брендинг
Изображения — еще один шанс укрепить бренд. Это хорошее место, чтобы использовать альтернативную версию вашего знака или использовать свой логотип по-другому.
Веб-сайт Центра изучения природы и человека использует оригинальную версию своего логотипа в нижнем колонтитуле, а заголовок содержит простую, разборчивую текстовую трактовку своего имени.
18. Ваша миссия. Ваши ценности
Логотипы хороши. Но почему бы не рассказать посетителям, почему вы занимаетесь бизнесом? Нижний колонтитул — отличное место, чтобы установить свой флаг и рассказать им, за что вы выступаете.
Нижний колонтитул веб-сайта Better Government Association не только повторяет их миссию, но и показывает влияние, которое они оказали, используя цифры справа. Невозможно не заметить, почему или как они делают то, что делают.
19. Ключевые слова для поисковой оптимизации
Текст в нижнем колонтитуле — это текст на каждой странице. Так что это отличное место, чтобы показать свою релевантность Google. Если вы включаете свою миссию, заявление о ценности или аннотацию «о нас», используйте это как возможность включить свою основную ключевую фразу.
Предупреждение. Текст нижнего колонтитула для поисковой оптимизации годами злоупотреблялся поисковыми оптимизаторами. Вероятно, поэтому Google не придает большого значения ключевым словам SEO в нижних колонтитулах.
Так что не переусердствуйте. Просто используйте фразу один раз как текст, а не ссылку, и двигайтесь дальше.
Нижний колонтитул веб-сайта Комиссии по сертификации консультантов по реабилитации содержит их этический кодекс, который включает две наиболее важные ключевые фразы.
20. Награды и сертификаты
Эти маленькие логотипы внушают посетителям доверие. Это форма социального доказательства и мощный способ использовать «эффект ореола». Если вы когда-либо получали награду, добавление логотипа этой награды в нижний колонтитул — это быстрый способ повысить доверие к каждой странице вашего сайта.
Совет: объедините все свои награды, сертификаты и логотипы участников в «ящик доверия».
Компания Nitel завоевала множество наград. Сбор этих логотипов и размещение их вместе в нижнем колонтитуле веб-сайта помогает укрепить доверие в очень конкурентной отрасли.
Сертификаты также сопровождаются логотипами. Вот некоторые из них, которые часто появляются в дизайне нижнего колонтитула.
- Сертификаты безопасности для сайтов электронной коммерции
- Сертификат BBB для предприятий с местной аудиторией
- сертификатов Adwords для компаний, занимающихся цифровым маркетингом. Сертификаты
- GSA для компаний, работающих с правительством
- Сертификат MWBE для предприятий, принадлежащих меньшинствам и женщинам Сертификация
- B-Corp для социально и экологически ответственных предприятий
21. Членство в ассоциации
Членство имеет привилегии. Одним из них может быть логотип, который можно использовать в нижнем колонтитуле. Торговые палаты, отраслевые ассоциации и даже онлайн-каталоги могут предоставить логотипы, которые хорошо смотрятся в нижнем колонтитуле.
Cookies By Design показывает их ассоциации в правом нижнем углу нижнего колонтитула.
22. Отзывы
Никогда не бывает плохо, чтобы ваши довольные клиенты сказали несколько слов. Включение отзывов в нижние колонтитулы — хороший способ добавить социальное доказательство всему сайту.
Вот несколько рекомендаций по использованию отзывов:
- Лучшие отзывы поддерживают конкретные маркетинговые заявления страницы, на которой они находятся, поэтому они не добавляются в нижний колонтитул на каждой странице.
- Худшее место для размещения отзывов — страница отзывов. Проверьте свою аналитику, посетители просто не посещают эту страницу.
Веб-сайт Jody Michael Coaching содержит отзыв внизу каждой страницы. Он находится прямо над нижним колонтитулом, что позволяет размещать разные отзывы на каждой странице.
23. Последние статьи
Если вы активно занимаетесь контент-маркетингом, вы можете дать своему сайту «пульс», но при этом последний контент будет размещаться прямо в нижнем колонтитуле.
Институт солнечного топлива делает это на своем веб-сайте вместе с социальным виджетом.
Или вы можете контролировать, какие статьи будут представлены в нижнем колонтитуле. Затем вы можете выбрать те, которые отвечают на общие вопросы посетителей, или те, которые конвертируют посетителей в подписчиков на рассылку новостей с самыми высокими показателями.
24. Предстоящие события
Если вы проводите много мероприятий, нижний колонтитул — хорошее место для их продвижения, так как все, что в нем, скорее всего, будет видно. Но не добавляйте этот , если у вас всегда есть предстоящее событие , иначе у вас будет дыра в вашей системе безопасности.
25. Видео: Ваше приветственное сообщение
Текст перевешивает изображения. Изображения перевешивают видео. Как правило, видео является наиболее привлекательным форматом для контента. Поэтому, если вы действительно хотите сделать все возможное в нижнем колонтитуле, добавьте видео.
Веб-сайт Marie Forleo в полной мере использует преимущества видео, включая нижний колонтитул с расширенным видео.
26. Аудио: Ваш джингл
Редко, но возможно добавить аудиофайл в нижний колонтитул. Во всяком случае, это, скорее всего, клип, который вы перепрофилируете из другого места, например, из радиоролика.
Веб-сайт Food For Life встраивает в нижний колонтитул небольшой аудиоплеер со своей мелодией.
Очаровательный!
27. Один… Последний… Призыв к действию
На каждой маркетинговой странице должен быть призыв к действию. Таким образом, добавление одного из них в нижний колонтитул — это способ убедиться, что он появляется везде. Вы никогда не должны оставлять посетителей в раздумьях, как выполнить желаемое действие.
Веб-сайт Writers Theatre следует рекомендациям для некоммерческих организаций, добавляя заметную кнопку «Пожертвовать» в нижний колонтитул.
Другие идеи дизайна нижнего колонтитула
Вот еще немного вдохновения для разработки нижнего колонтитула вашего следующего веб-сайта.
Цветовые схемы нижнего колонтитула
Обратите внимание, как много примеров выше показывают светлый текст на темном фоне. Инверсия цветов — хороший способ сообщить посетителям, что они внизу, и это начало конца страницы.
Подсказка: предостережение при изменении цветовой схемы (от темного текста на светлом фоне к светлому тексту на темном) в области содержимого страницы.
Это может создать «ложное дно», заставив посетителей поверить, что они попали в нижний колонтитул, и, возможно, пропустить остальную часть страницы.
Липкий нижний колонтитул
Точно так же, как навигация может «прилипнуть» к верхней части страницы, независимо от того, как далеко прокручивается посетитель, нижние колонтитулы могут оставаться внизу. Он всегда там, независимо от глубины прокрутки.
Наши друзья из Conversion Sciences используют липкий нижний колонтитул, который всегда виден на каждой странице.
Хотите собственный липкий футер? Используете WordPress? Вот плагин, который создает липкие футеры.
Бесконечная страница… Совсем без нижнего колонтитула!
У каждого веб-сайта есть нижний колонтитул, верно? На самом деле, некоторые новостные и медийные сайты не имеют нижних колонтитулов, потому что на странице нет низа! Страницы просто продолжаются вечно.
Подход «бесконечной страницы» к веб-дизайну просто загружает следующий фрагмент контента, когда посетитель прокручивает страницу вниз.
Посмотрите примеры на сайте Quartz или ESPN. Эти сайты никогда не заканчиваются.
Что вы должны включить в свой дизайн нижнего колонтитула? Наши рекомендации о том, что включить в нижний колонтитул
Все зависит от целей вашего сайта и потребностей ваших посетителей. Вы крупный сайт электронной коммерции? Много ссылок может быть полезным. Служба поддержки клиентов занята? Добавьте эту информацию туда.
Спросите себя: у посетителей есть важный вопрос, на который нет ответа в шапке? Если это так, добавьте его в нижний колонтитул.
| Экспертное мнение: Курт Круз «Почти все сводится к использованию этой ценной недвижимости для достижения целей вашего сайта. Будьте целеустремленными. Быть полезным. Будьте внимательны. Поставьте себя на место пользователя, а затем убедитесь, что он хорошо организован. Дайте им то, что им нужно, но не перегружайте их». |
