Некоторые советы по созданию современного меню для вашего блога

Некоторые из характеристик хорошего использования веб-сайта включают:

• Мобильная отзывчивость : Все больше и больше людей выходят в Интернет через свои мобильные телефоны (и Google считает, что это важно для ранжирования в поисковой сети в рамках их мобильной инициативы).
• Скорость загрузки страницы : еще один важный сигнал ранжирования от Google, связанный с тем, как люди взаимодействуют с веб-сайтами. По данным Kissmetrics, 47% потребителей ожидают, что веб-страница загрузится за 2 секунды или меньше!
• Навигация по сайту: Согласно Orbit Media Studios, если ваш сайт прост в использовании и контент легко найти, это положительно скажется на трафике, который вы получите от поисковых систем. Джерри Макговерн провел исследование, которое показало, что 70% людей полагаются на навигацию, а не на поиск, когда ищут что-то, потому что легче и быстрее переходить по ссылкам на определенные страницы. веб-сайта.

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

Навигация по сайту

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

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

Навигация в меню

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

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

Тема витрины магазина WooCommerce приводит практический пример в правом верхнем углу:

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

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

Лучшие практики в дизайне меню

Большинство тем WordPress поставляются с предопределенным дизайном меню веб-сайта. Независимо от того, хотите ли вы оставить все как есть или планируете полностью переделать, вот рекомендации по разработке навигации по меню с учетом удобства использования и функциональности. SEO по вашему мнению:

• По возможности избегайте выпадающих меню. Многие веб-сайты любят использовать раскрывающиеся меню, поскольку они экономят место, но это не рекомендуется, особенно когда дело касается SEO технический. Юзабилити-тестирование показало, что большинству людей не нравятся выпадающие меню. Это связано с тем, что человеческий глаз работает быстрее, чем рука, и людей раздражает, когда они уже решили, на что нажать, а что-то еще выпадает, что приводит к меньшему количеству посещений определенных страниц. Тем не менее, «мегараскрывающееся» меню немного более приемлемо, если на сайте, который вы проектируете, так много контента, что вы не можете обойтись без раскрывающегося меню.
• Будь описательным. Избавьтесь от общих слов, таких как «Услуги» или «Продукты». Вместо этого укажите, как ваши продукты или услуги последовательный, поскольку на самом деле никто не ищет товары с "общими словами или" услугами ". Еще лучше, прежде чем принимать решение о точных названиях пунктов меню, обосновать включения с помощью исследования ключевых слов SEO. Orbit Media рекомендуетиспользовать описательные меткипотому что такая практика приносит пользу как пользователям, так и вам, когда поисковые системы сканируют сайт. Навигация появляется на каждой странице, поэтому, если вы используете термин, связанный с вашей отраслью, вы предупреждаете Google, что вам действительно не все равно. Помните, что каждая страница может быть оценена, если она посвящена определенной теме.
• Кроме того, Orbit Media препятствует на основе навигации на Форматыкакорганизация страницы на основе контента, такие как все видео, вся инфографика и т. д. Это потому, что люди ищут по теме, а не по формату.
• Расположение (или расположение) элементов в меню навигации имеет важное значение. Существует общий список страниц, которые можно предложить на веб-сайте, например, страница «О нас», страница «Контакты» и т. Д., Которые являются страницами, наиболее часто просматриваемыми посетителями сайта. Эти заметные страницы, которые часто имеют высокий трафик (поскольку они хорошо видны), часто имеют низкий уровень вовлеченности. Используйте Google Analytics, чтобы определить самые важные страницы и найти возможности оптимизации. Показывать сначала наиболее важные элементы навигации (или вверху, в зависимости от ориентации строки меню).
• Хранить до одного пункта меню максимум 7 . Исследования показали, что люди могут запоминать или воспринимать максимум семь единиц информации за раз. Наличие слишком большого количества категорий пунктов меню может потенциально повлиять на вашу способность ранжироваться в поиске, поскольку Google может интерпретировать слишком много, казалось бы, несвязанных категорий как признак того, что ваш сайт не настроен на определенную нишу. Если вы знаете, что вам понадобится более 7 пунктов меню, разделите их на подкатегории.

Что касается упомянутого выше пункта, дизайн меню сайта United слишком сложен (слишком много вариантов для посетителей):

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

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