1. Насколько важны нижние колонтитулы, на самом деле?
2. 27 вещей, которые могут пойти в нижние колонтитулы
3. 1. Авторское право
4. 2. Карта сайта
5. 3. Политика конфиденциальности
6. 5. Контакт
7. 6. Адрес и ссылка на карту / маршрут
8. 7. Номера телефонов и факсов
9. 8. Навигация
10. 9. Социальные иконки
11. 10. Виджеты социальных сетей
12. 11. Регистрация по электронной почте
13. 12. Логин
14. 13. Нажмите
15. 14. Инструмент поиска по сайту
16. 15. Изображения
17. 16. Мини-галерея
18. 17. Брендинг
19. 18. Ваша миссия. Ваши ценности
20. 19. Ключевые слова для поисковой оптимизации
21. 20. Награды и сертификаты
22. 21. Членство в ассоциациях
23. 22. Отзывы
24. 23. Последние статьи
25. 24. Предстоящие события
26. 25. Видео: Ваше приветственное сообщение
27. 26. Аудио: Твой Джингл
28. 27. Один ... Финал ... Призыв к действию
29. Больше идей дизайна нижнего колонтитула
30. Цветовые схемы нижнего колонтитула
31. Липкий нижний колонтитул
32. Бесконечная страница… Нет нижнего колонтитула вообще!
33. Что вы должны включить в свой дизайн нижнего колонтитула? Наши рекомендации о том, что включить в...
34. Эксперт Insight: Курт Круз

Вот интернет-история, которая случается миллион раз в день.

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

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

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

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

Насколько важны нижние колонтитулы, на самом деле?

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

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

27 вещей, которые могут пойти в нижние колонтитулы

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

1. Авторское право

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

Совет от профессионала: небольшой кусочек кода будет автоматически обновлять год.

2. Карта сайта

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

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

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

Нужна политика конфиденциальности? Мы использовали TermsFeed чтобы создать наш или использовать этот удобный Генератор бесплатной политики конфиденциальности.

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

Для сайтов в строго регулируемых отраслях вы можете поместить текст прямо в нижний колонтитул.

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

5. Контакт

Посетители ожидают найти контактную информацию в правом верхнем углу заголовка. Это стандарт веб-дизайна , Также стандартно найти ссылку «контакт» в правом нижнем углу (или в центре) нижнего колонтитула.

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

1. Подачу формы легко отследить как завершение цели в Google Analytics.
2. Посетитель может не находиться на компьютере, который он использует для электронной почты.
3. Формы отправляют посетителей на страницы с благодарностями, которые могут предоставить больше сообщений и призывов к действию.
4. Формы отправляют посетителям автоответчики по электронной почте, опять же, больше сообщений и CTA.
5. Формы могут сохранять заявки в базе данных в случае, если электронная почта не проходит.
6. Формы могут подключаться к автоматизации маркетинга и другим системам.
7. Формы могут задавать конкретные вопросы и направлять представления конкретным людям, в зависимости от ответов.
8. Ссылки электронной почты являются спам-магнитами.

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

это у сайта отличный копирайтинг , но контакт был бы лучше, чем ссылка на электронную почту.

6. Адрес и ссылка на карту / маршрут

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

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

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

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

8. Навигация

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

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

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

Вот несколько источников идей для навигации нижнего колонтитула:

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

9. Социальные иконки

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

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

Вот хороший пример из Рафаль Томаль ,

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

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

Это имеет смысл, только если вы активны в этой сети и имеете четкие редакционные стандарты в отношении того, чем вы делитесь.

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

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

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

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

Ячейки регистрации нижнего колонтитула все еще должны следовать лучшие практики регистрации по электронной почте , предлагая социальное доказательство (��колько уже зарегистрировалось?) и устанавливая ожидания (что с подписчиком получают? как часто?).

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

12. Логин

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

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

13. Нажмите

Другой тип не перспектива - пресса. Реально, только часть 1% ваших посетителей - журналисты и редакторы. Так что не тратьте драгоценное место в основной навигации с помощью ссылки для прессы.

Если кто-то из СМИ случайно посетит сайт, он прокрутит вниз и найдет его.

14. Инструмент поиска по сайту

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

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

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

15. Изображения

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

Мейсон-Диксон Вязание нижний колонтитул изображает Кей и Энн, двух основателей.

16. Мини-галерея

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

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

17. Брендинг

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

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

18. Ваша миссия. Ваши ценности

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

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

19. Ключевые слова для поисковой оптимизации

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

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

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

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

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

ProTip: объедините все ваши награды, сертификаты и логотипы участников в «ящик доверия».

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

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

• Сертификаты безопасности для сайтов электронной коммерции
• Сертификат BBB для предприятий с местной аудиторией
• Сертификация AdWords для фирм цифрового маркетинга.
• Сертификаты GSA для компаний, которые работают с правительством
• Сертификация MWBE для предприятий, принадлежащих меньшинствам и женщинам
• Сертификация B-Corp для социально и экологически сознательных предприятий

21. Членство в ассоциациях

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

Cookies By Design показывает их ассоциации в правом нижнем углу их нижнего колонтитула.

22. Отзывы

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

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

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

23. Последние статьи

Если вы активны в контент-маркетинге, вы можете дать своему сайту «импульс», но поместив ваш последний контент прямо в нижний колонтитул.

Институт солнечного топлива делает это на своем веб-сайте вместе с социальным виджетом.

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

24. Предстоящие события

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

25. Видео: Ваше приветственное сообщение

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

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

26. Аудио: Твой Джингл

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

Сайт Food For Life вставляет маленький аудиоплеер с их звоном в нижний колонтитул. Очаровательная!

27. Один ... Финал ... Призыв к действию

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

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

Больше идей дизайна нижнего колонтитула

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

Цветовые схемы нижнего колонтитула

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

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

Липкий нижний колонтитул

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

Наши друзья в Конверсионные науки используйте липкий колонтитул, который всегда виден на каждой странице.

Хотите свой собственный липкий нижний колонтитул? Используете WordPress? Вот плагин, который создает липкие нижние колонтитулы ,

Бесконечная страница… Нет нижнего колонтитула вообще!

У каждого сайта есть нижний колонтитул, верно? На самом деле, некоторые новостные и медиа сайты не имеют нижних колонтитулов, потому что нет нижней части страницы! Страницы просто вечны.

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

Что вы должны включить в свой дизайн нижнего колонтитула? Наши рекомендации о том, что включить в нижний колонтитул

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

Задайте себе вопрос: есть ли у посетителей важный вопрос, на который нет ответа в шапке? Если это так, добавьте его в нижний колонтитул.

Эксперт Insight: Курт Круз

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

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

Отдельное спасибо Курту и Бен за помощь в исследовании этой статьи! Если вы можете вспомнить, что мы пропустили, сообщите нам об этом с комментарием ниже.

Похожие

Комментарии