Пт

25

сен

2015

Идеальная навигация вашего сайта


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

Навигационное меню выполняет свою функцию лучше всего, когда оно короткое и ясное. Для этого есть несколько причин:

  • Юзабилити: посетителям вашего сайта будет намного легче прочитать маленькое меню сайта и понять, где они могут найти интересующую их информацию. 
  • Оптимизация сайта (SEO): короткое меню сайта позволит поисковым роботам быстрее проиндексировать ваш сайт.
  • Дизайн: большинство шаблонов были созданы с расчётом на то, что навигация сайта будет выстроена в одну линию. 


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

Нужна ли вашей навигации помощь?

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

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

В первом примере, у сайта 13 пунктов меню в первом уровне навигации, что разбивает её на две строки. Посетителю сайта будет непросто (и даже скучно) сканировать их все глазами в поисках всего одной необходимой страницы. 

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

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

Так лучше, не правда ли?
Так лучше, не правда ли?

Как организовать меню сайта?

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

1. Придумайте более короткие названия для пунктов меню. Этот совет может помочь не всем меню, которые нуждаются в помощи. Он, скорее, подойдёт, если навигация немного выходит за пределы одной строки. Помните о том, что слова в меню должны быть понятными, короткими и точными. Так, и посетители сайта, и поисковые роботы смогут легко понять о чём идёт речь. Например, вы можете написать "Контакт" вместо "Связаться с нами", так как это поможет вам значительно сократить меню. Не стоит волноваться, что люди не поймут вас. Это общепринятый язык общения на сайтах и именно подобные слова люди ищут, сканируя вашу главную страницу глазами.

2. Создайте подстраницы и выпадающее меню. Так вы сможете уместить больше пунктов навигации на вашем сайте. В нашем примере страницы Beverages (напитки) и Desserts (дессерты) не нуждаются в отдельных позициях в первом уровне меню, поэтому мы поместили их там, где посетители легко найдут их — под Menu (меню). Узнайте больше о том, как создавать страницы, подстраницы и работать с навигацией.

Некоторые пункты меню могут быть сгруппированы и перемещены в выпадающее меню.
Некоторые пункты меню могут быть сгруппированы и перемещены в выпадающее меню.
Чтобы создать подстраницу, воспользуйтесь настройками в Редактировании навигационного меню.
Чтобы создать подстраницу, воспользуйтесь настройками в Редактировании навигационного меню.

3. Режьте, не жалейте! Некоторые страницы могут быть и вовсе не нужны. На нашем сайте из примера страницы Maps (Карты) и Opening Hours (Часы работы) не имеют большой смысловой нагрузки, а информация с них может быть помещена на страницу Contact (Контакт). Это логично, потому что на странице Контакт люди ожидают увидеть адрес организации, её часы работы, расположение офиса и контактные данные.

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

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

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

Некоторые шаблоны Jimdo были созданы для простой и короткой навигации, например, Zurich, Cape Town, Rio de Janeiro и Paris. Другие могут хорошо отображать более массивное меню (Chicago, Bordeaux и Florence). Фильтр шаблонов Jimdo поможет вам найти подходящий шаблон, основываясь на ваших нуждах.

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

Мария Тарасова

Специалист по коммуникациям в Jimdo


ru.jimdo.com Blog Feed

Индивидуальный фон для каждой страницы
>> Далее

10 Jimdo-сайтов с шаблоном «Рио-де-Жанейро»
>> Далее

5 сигналов к смене шаблона
>> Далее

10 Jimdo-сайтов с шаблоном «Барселона»
>> Далее

Благодарим блогера Laura (A Dash of Cinema) за изображение.


Оставить комментарий

Комментарии: 12
  • #1

    Отдых на Черном море (Четверг, 01 Октябрь 2015 00:32)

    Спасибо за статью! Жаль что нельзя рядом с названием страницы использовать иконки. Было бы очень кстати.

  • #2

    Наталья (Четверг, 01 Октябрь 2015 12:17)

    Прежде чем читать и начинать разбираться, применять, хотелось бы узнать эта статья относится к тем, у кого JimdoFree ?

  • #3

    Александр (Четверг, 01 Октябрь 2015 13:43)

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

  • #4

    Виктор (Пятница, 02 Октябрь 2015 08:09)

    И на базе бесплатного сайта можно поучится "работать " с сайтом.!!!!

  • #5

    Александр (Суббота, 03 Октябрь 2015 20:06)

    Ответ - Отдых на Черном море. Можно многое и не только иконки в меню вставлять )))
    Надо разбираться в языках.

  • #6

    Наталья. (Воскресенье, 04 Октябрь 2015 18:28)

    Перешла по ссылке "как создавать страницы, подстраницы и работать с навигацией."
    Там не написано, как сделать: "2. Создайте подстраницы и выпадающее меню"

  • #7

    Isla (Понедельник, 05 Октябрь 2015 14:54)

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

    Спасибо.

  • #8

    Татьяна Александрровна (Вторник, 06 Октябрь 2015 08:49)

    Спасибо большое, какие простые, но важные советы - "все гениальное - просто".

  • #9

    Заказ газели - грузоперевозки,Дешево! (Суббота, 02 Январь 2016 00:43)

    в чем-то вы правы.

  • #10

    Фотопечать Сочи (Вторник, 19 Январь 2016 20:26)

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

  • #11

    Enter Shift (Вторник, 19 Апрель 2016 22:56)

    оказывается у jimdo cms хороший блог на русском!

  • #12

    лев (Суббота, 17 Сентябрь 2016 17:49)

    клас