Навигация на сайте

Часто создатели сайта не уделяют должного внимания на организацию навигации по сайту. Хотя навигация имеет огромное значение в юзабилити. А юзабилити в целом влияет на посещаемость сайта.
Обычно навигация, осуществляется через гиперссылки на другие страницы сайта, которые можно сделать как открытыми, так и закрытами от индексации ПС. То есть управлять перелинковкой сайта

Анализ навигации на сайт

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

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

Вот и все. Больше ни каких элементов на сайте не было.

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

Какая должна быть навигация

1. Где я нахожусь?
2. Где я уже был?
3. Куда я могу пойти?

Как улучшить навигацию

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

Элементы навигации

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

"Хлебные крошки" - это элемент вот такого вида: Главная > Раздел > Страница. На сайте много места не занимает, при этом отлично информирует о месте нахождении читателя.

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

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

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

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

Навигация по странице сайта

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

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

Вот пожалуй и все. Пойду все о чем написал устанавливать на zarabotok-na-site.narod.ru.