Всем доброго дня дорогие читатели и подписчики блога web-dm.

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

Длинное название ссылок

Самая распространённая ошибка, это давать ссылкам слишком длинное название, к примеру давайте посмотрим на следующее горизонтальное меню:

Блог Ирины Мозгуновой - to-interbiz.ru

Разные названия ссылок можно сократить, а именно:

Все статьи сайта - Все статьи
О сайте и о себе - О сайте + О себе (Об авторе)
Обратная связь контакты - Контакты

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

Выпадающее меню

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

Блог Сергея ГеркХарда - gerkhard.com

Блог Ирины Мозгуновой - to-interbiz.ru

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

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

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

Не логичное расстановка ссылок

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

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

К примеру вернёмся к горизонтальному меню блога Ирины Мозгуновой:

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

1. Многие посетители заходя на сайт впервые, сразу переходит на страницу О сайте, чтобы понять будет ли ему интересен данный ресурс или нет.

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

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

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

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

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

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

Лишнее место в меню

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

Блог Олега Маркарьяна - blogonika.ru

Лишние символы в меню

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

Сайт - vi-internet.ru

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

Двойное меню

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

Блог Дмитрия Олехнович и Натальи Повалий - kluchkuspehy.ru

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

Отсутствие маркеров у выпадающего меню

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

Как правило около ссылки выпадающего меню необходимо установить символ перевернутого треугольника:

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

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

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