Как сделать удобную навигацию сайта

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

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

Элементы, помогающие сделать удобную навигацию сайта

Главное меню

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

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

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

Для каждого сайта может быть свой список страниц в навигационное меню. Рекомендуется делать 5-7 страниц. Если же их получается больше, то лучше добавить второй ряд для меню. У пунктов меню могут быть подпункты. Их тоже лучше не делать слишком много – список подпунктов должен помешаться на один экран, без прокрутки.

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

О том, как работать с меню в WordPress можно узнать здесь.

Форма поиска

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

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

Использование подвала

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

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

  • Ссылки на все рубрики и страницы. Если в главном меню вы были ограниченны 5-7 страницами, то в подвале можно не ограничиваться.
  • Все контактные данные – электронные почты, адреса мессенджеров, номера телефонов, ссылки на обратную связь и другое.
  • Ссылки на аккаунты в социальных сетях.
  • Можно также добавить логотип и название сайта, бренда.

Хлебные крошки

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

Такое название элемент получил от сказки “Генезель и Греттель”. Похищенный Гензель бросал хлебные крошки, чтобы помочь Греттель найти его.

К хлебным крошкам такие рекомендации:

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

Для создания хлебных крошек в WordPress можно использовать специальные плагины. Например, этот.

Боковое меню

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

Кнопка для возврата наверх

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

Карта сайта

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

В WordPress сделать карту сайта можно таким плагином.

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (3 оценок, среднее: 5,00 из 5)
Загрузка...

Также по этой теме:

25 комментариев

Оставить комментарий
  1. Как и в других статьях сайта всегда самая суть. Спасибо

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

  3. Ах, как много еще предстоит сделать. Ваши советы бесценны. Спасибо.

  4. очень интересно, надо принять к сведению!

  5. Как всегда всё верно и правильно описано!

  6. Отличная статья. Спасибо за полезную информацию!

  7. Очень познавательная статья! Я как новичок, подчерпнул для себя много полезной информации.

  8. У вас очень хорошие статьи, а главное всё понятно.

  9. Сколько полезной и нужной информации нахожу в ваших уроках, просто бесценно. Спасибо!

  10. Часто сайт выглядит не красиво, когда внизу на месте подвала просто незаполненная полоса.

  11. Познавательная статья для новичков. Самая суть. Прочитала как азбуку. Теперь я не чайник.

  12. Я с этой темой познакомилась на вашем тренинге, а эта статья отличное дополнение. Молодцы!

  13. Достаточно интересно и подробно.
    Благодарю

  14. Спасибо за подробную и понятную информацию

  15. Да, навигация – это очень важная вещь. Людям лень думать и они предпочитают все готовое.

  16. Полезно. Ура, пошла плагины изучать….

  17. Плагины нужная штука. я и не знала раньше. спасибо

  18. Со временем придет опыт и будет легко делать удобный и понятный интерфейс сайта, а пока тренимся))

  19. Ваши советы очень помогают! СПасибо

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

  21. С помощью вашего сайта открываю для себя все больше и больше нового. Очень полезная и нужная информация. Благо дарю!

  22. Как же интересно создавать сайт с нуля. Благо дарю за важную и ценную информацию!

  23. Все гениальное – просто!!! Спасибо за полезную инфо!!!

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

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

Как создать блог. Видео Уроки WordPress © 2017 | Оставляя комментарий на сайте или используя форму обратной связи, вы соглашаетесь с правилами обработки персональных данных.