Структура навигации по сайту для SEO и UX

  1. Почему навигация сайта так важна для SEO?
  2. За любовь к Интернету: будь описательным
  3. Различные типы глобальной навигации по сайту
  4. Pros
  5. Pros
  6. Pros
  7. Pros
  8. Лучший глобальный дизайн навигации сайта - все, что лучше для удобства пользователей

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

Я надеюсь, что после прочтения этого поста вы поймете:

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

Как человек, который обычно выкидывает «видеоигры», когда его спрашивают о любимых хобби (да, это правда, Портент нанимает кучку ботаников), я провожу много свободного времени в навигации по меню. Любой, кому приходилось бороться с игрой только для того, чтобы выполнить простую задачу настройки, знает, как негативно меню может повлиять на общее впечатление пользователя. «Почему я должен пройти последовательность из шести кнопок, чтобы добраться до моих зелий ?!» Если это звучит как веб-сайт вашей компании, этот пост для вас.

» Если это звучит как веб-сайт вашей компании, этот пост для вас

Я смотрю на тебя, Скайрим. (Скриншот любезно Gamepedia )

Почему навигация сайта так важна для SEO?

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

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

Но существует множество способов структурировать глобальную навигацию сайта. Так какой из них лучший?

Если вы читали какие-либо посты в блоге о SEO в прошлом, вы должны знать лучше, чем задавать этот надоедливый «лучший» вопрос, но мы рассмотрим некоторые общие варианты навигации и обсудим их плюсы и минусы. Но сначала…

За любовь к Интернету: будь описательным

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

У вас может быть самая красивая и интуитивно понятная глобальная навигация, которая когда-либо украшала Интернет, но если ваши элементы навигации состоят только из «Продукты», «Решения», «Ресурсы» и «О программе», вы могли бы также создать свой навигация в Macromedia Flash.

Напишите свои навигационные ссылки, если SEO важен для вашей цифровой стратегии.

Если ваш сайт посвящен созданию модельных поездов, было бы гораздо лучше иметь «Части модельных поездов», чем «Продукты». Другой пример: если бы я читал пост в блоге на незнакомом сайте, который я нашел с помощью поиска, и один из ваших глобальных элементов навигации - «Предприятие», могу ли я понять, о чем ваш сайт? Или для кого это просто «Предприятия»?

Чтобы узнать больше об этой идее, прочитайте этот пост о Тест чистого листа бумаги ,

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

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

Различные типы глобальной навигации по сайту

Одиночная панель навигации

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

Эта панель содержит все навигационные ссылки в одном ряду и обычно ограничена примерно 10 ссылками

Наши друзья по улице в Мос используйте однобарочное навигационное меню. В этом случае хорошо, что они используют «Продукты», так как они очень известный, хорошо понимаемый бренд. Также обратите внимание на замечательные, описательные «Бесплатные инструменты SEO»!

Если вы думаете исключительно в терминах SEO (не), это <em> идеальная навигация </ em>. Ссылки сразу видны сканерам поисковых систем, их не волнует, что они похоронены в плохо закодированной выпадающей структуре, и их довольно мало.

Pros

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

Cons

  • ОЧЕНЬ ограничено количество ссылок, которые вы можете использовать (реально реально только для небольших сайтов или сайтов с небольшим количеством важных страниц)

Двухбарочная навигация

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

Некоторые могут относиться к этому как к первичной и вторичной навигации, но для целей этого поста я буду считать их одной глобальной навигацией

Другой от друга в отрасли: STAT использует двойную навигацию без выпадающих списков. Другой от друга в отрасли:   STAT   использует двойную навигацию без выпадающих списков Я мог бы быть неравнодушным, но я думаю, что двойное меню Portent довольно элегантно. Это до того, как вы прокрутите вниз. И это после. Второй бар исчезает, и появляется «Услуги».

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

Позвольте мне повторить это, потому что это важно:

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

Но вернемся к двухбарочной навигации.

Pros

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

Cons

  • Дизайн может выглядеть загроможденным, если сделано неправильно
  • Отсутствие выпадающих списков препятствует группированию тем

Выпадающая навигация

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

Лаборатории продавца Лаборатории продавца

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

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

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

Pros

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

Cons

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

Выпадающая навигация с выпадающими

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

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

Ты можешь представить amazon.com без выпадающих пунктов меню?

Всплывающие меню имеют те же преимущества и недостатки, что и простые выпадающие списки.

Примерно так же легко скрыть ссылки от сканеров при помощи JavaScript с выпадающим меню и раскрывающимся списком, но пользователям даже легче столкнуться с разочаровывающим опытом. Чтобы нарисовать картинку, сколько раз <em> вы </ em> зависали над всплывающей подсказкой и двигали курсор в неправильном направлении, только чтобы посмотреть, как все меню убирается?

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

Pros

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

Cons

  • Всплывающие окна трудно сделать хорошо и могут создать ужасный пользовательский опыт
  • Слишком много ссылок могут перегружать пользователей и ослаблять авторитет ссылок
  • У сканеров могут возникнуть проблемы с поиском ссылок в выпадающих и всплывающих окнах.
  • Hover не работает для пользователей с сенсорным экраном

Сноска о меню нижнего колонтитула

Если вы читали этот пост, думая: «Но подождите!» (Указательный палец в воздухе): «Я добавлю эти дополнительные ссылки в нижний колонтитул».

<em> Нет, вы не можете просто разместить ссылки на другие 100 страниц, на которые хотите сослаться, на каждой странице вашего сайта в нижнем колонтитуле. </ em> Существует множество свидетельств того, что Google обесценивает ссылки в нижнем колонтитуле, и ваши пользователи не будут искать там, если они не странные, кто любит читать политику конфиденциальности. Меню нижнего колонтитула (если вы решите использовать его вообще) - это то, где вы можете ссылаться на менее важные страницы или предоставлять более удобные для чтения ссылки на страницы, на которые вы ссылались в основной навигации.

Лучший глобальный дизайн навигации сайта - все, что лучше для удобства пользователей

Возможно, я ошибаюсь из-за упрощения, но в наши дни принцип «что хорошо для UX - это хорошо для SEO» может быть применен ко многим вопросам «что лучше». Не говоря уже о том, что это мешает мне дать ответ Святого Грааля.

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

И поскольку сейчас 2018 год, я по контракту обязан предоставить TL; DR.

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

* Только если у вас есть опытный разработчик, который может заставить его работать на пользователей и сканеров, в идеале с профессиональным надзором за SEO.

И позвольте мне отключить вилы и факелы до того, как они выйдут: есть <strong> множество </ em> вариантов этих стилей меню, которые мы могли бы обсудить, а также много разных названий для структур, которые мы покрывали.

Если вы категорически не согласны с этим, дайте мне знать в комментариях. О, и если кто-нибудь сможет связаться со мной в Bethesda Game Studios, у меня есть мысли о том, как улучшить меню инвентаря следующих Elder Scrolls .

Похожие

Почему SEO важно?
Эту статистику и многие другие интересно отметить. Если вы не находитесь на главной странице, вы не получаете выгоды от бесплатного трафика и клиентов, которые ищут ваш продукт или услугу. Вкладывая средства в SEO, вы инвестируете в долгосрочное преимущество этого бесплатного источника
Что означает SEO
... seoexperts.com/wp-content/uploads/2016/08/What-does-SEO-stand-for.jpg"> SEO, мы все это слышали и знаем, что это как-то связано с поиском в интернете, но что такое SEO? SEO означает много вещей, включая технологии, финансы, маркетинг, системы, мгновенные знания, бизнес и великие умы, но само слово означает
SEO Сан-Луис-Потоси
... сайтах один и тот же URL-адрес используется как для контента, предназначенного для компьютеров, так и для мобильного контента, но его формат меняется в зависимости от агента пользователя"> Изменить контент в соответствии с User-agent На некоторых сайтах один и тот же URL-адрес используется как для контента, предназначенного для компьютеров, так и для мобильного контента, но его формат меняется в зависимости от агента пользователя. Другими
Обучение SEO
... для клиентов. Бизнес зависит от поисковых систем, таких как Google и другие онлайн-среды. Поскольку существует столько сайтов для одного и того же бизнеса, веб-сайты необходимо продвигать, чтобы достичь вершины в результатах поиска. Это также поможет привлечь больше посетителей на их сайт, что, в свою очередь, также поможет увеличить их продажи. Эти услуги предоставляются SEO специалистам Isoftway на высшем уровне. Isoftway также предлагает вам тренинг по SEO, который позволит кандидатам
SEO КУРСЫ ОПТИМИЗАЦИЯ
В рамках наших курсов по SEO оптимизации вы узнаете, что SEO или поисковая оптимизация является относительно новой и постоянно развивающейся дисциплиной. В Интернете насчитывается около 130 000 миллиардов страниц (исключая Deep Web ), по которым было бы невозможно перемещаться, чтобы искать информацию без поисковой системы. Поисковые
Анализ сайта и SEO аудит - SEO услуги - IrishWonder's SEO Consulting
SEO-аудит должен стать вашим первым шагом, если вы собираетесь нанять меня для SEO-кампании полного цикла. Однако это не связывает вас со мной, и если после получения отчета об анализе сайта вы решите продолжить работу с каким-либо другим SEO или запустить свою SEO-кампанию самостоятельно, это зависит от вас. Целью анализа сайта является оценка сильных и слабых сторон вашего сайта, областей для улучшения, получение базовой информации о вашем рынке и вашей конкуренции, а также другие данные,
Руководство по маркетингу: SEO как междисциплинарный или не только SEO
... SEO для 2018 года более чем достаточно, поэтому нет смысла писать то, что вы, вероятно, прочитали сотни раз. С другой стороны, я хотел бы представить вам нечто более постоянное, о чем вы, вероятно, еще не думали, о текущей позиции SEO и необходимом доступе к ней как к мультидисциплине . SEO является дочерней дисциплиной, сейчас это гигантская индустрия онлайн-маркетинга, и поэтому она стоит рядом с другими подсекторами, такими как PPC, копирайтинг, аналитики,
Бесплатные инструменты SEO и SEO консультации
... сайта, может оказать негативное влияние на другой. Обязательно проконсультируйтесь с вашим доверенным веб-консультантом, прежде чем вносить какие-либо радикальные изменения в свой веб-сайт. Адаптивные сайты Когда-то в первой половине 2015 года Google вносит существенное изменение в свой алгоритм, который будет серьезно наказывать веб-сайты, которые не отображаются удовлетворительно на мобильных телефонах и iPad. Это изменение затронет подавляющее
SEO дружественная структура URL - тайна решена
... для SEO! Таким образом, SEO-эксперты и веб-разработчики живут в двух параллельных вселенных! Для веб-разработчика важно время отклика веб-страницы, минимальные вызовы для доступа к базе данных и сканирование. Однако для эксперта по SEO более высокий рейтинг на страницах результатов поиска (SERP) - это великий Святой Грааль! Читайте дальше, чтобы узнать, как именно сайт может иметь SEO-дружественную структуру. 1. Прямо На первый взгляд,
Сколько стоит SEO?
Мне часто задают этот вопрос. Как будто SEO это единый товар. И все же никто не заходит в обувной магазин и спрашивает: «Сколько стоит пара обуви?» Но благодаря Интернету люди с нетерпением ждут окончательных ответов на неопределенные вопросы. ХОРОШО. Итак, вот ответ: в любом месте от 1 до 250 000 долларов США + в месяц. Это прямо из
Google SEO / AdWords
Для того, чтобы ваш сайт был легко найден и размещен Google, необходима базовая поисковая оптимизация. b2 обслуживает большое количество сайтов, поэтому мы хорошо знакомы с индексацией сайтов в поисковых системах, таких как Google & Co. С вашей стороны скоординировано SEO (Поисковая оптимизация) мы можем повысить релевантность вашего сайта с точки зрения поисковых сервисов. по

Комментарии

Так почему бы не сделать это, даже не имея доказательств того, что это все еще работает для SEO ?
... для повышения его рейтинга в поисковых системах, таких как Yahoo и Google. Использование одного или двух из следующих советов по SEO в отдельности вряд ли улучшит ваши естественные результаты поиска - возможно, за исключением первых трех методов. Однако совместное использование всех этих методов SEO является мощной формулой для повышения вашего рейтинга в поисковых системах, особенно если вы постоянно делаете это как часть программы SEO. 1. Используйте первый заголовок
SEO, мы все это слышали и знаем, что это как-то связано с поиском в интернете, но что такое SEO?
SEO, мы все это слышали и знаем, что это как-то связано с поиском в интернете, но что такое SEO? SEO означает много вещей, включая технологии, финансы, маркетинг, системы, мгновенные знания, бизнес и великие умы, но само слово означает поисковую оптимизацию. Знаете, когда вы задаете вопрос Google, и он показывает страницу результатов с сотнями ответов на разных веб-сайтах? Рейтинг от лучшего к худшему, это ваш ответ на вопрос, что означает SEO! 1. Маркетинг
Так что же это такое, что инструмент SEO Spider может помочь вам с вашим сайтом?
Так что же это такое, что инструмент SEO Spider может помочь вам с вашим сайтом? 1. SEO Spider Tool находит сломанные или отсутствующие страницы Как только вы найдете программу-паук по вашему выбору, вы можете использовать ее для сканирования вашего сайта. Это может занять некоторое время, если сайт большой. После завершения сканирования, паук покажет вам результаты. Одна из вещей, которую он делает, - это поиск страниц, которые больше не существуют.
Что такое SEO аудит?
Что такое SEO аудит? Какая разница между SEO на странице и вне страницы? Что такое локальный SEO? Сколько времени до того, как SEO начнет работать? Что такое SEO и что такое SEO? Поисковая оптимизация - это фундаментальная группа лучших практик и действенных стратегий, которые гарантируют, что ваш сайт получает трафик, который он заслуживает. Google использует передовые алгоритмы для предоставления результатов поиска, которые их пользователи,
Как лучше всего защитить себя от негативного SEO - Black Hat SEO?
Как лучше всего защитить себя от негативного SEO - Black Hat SEO? Лучший вид защиты - это чистая долгосрочная поисковая оптимизация. Это защищает вас и ваших клиентов от негативной поисковой оптимизации. Конечно, есть еще около 10 методов для негативного SEO. Но мы не хотим представлять всех, и это не должно быть руководством для использования негативного SEO. И наконец, что не менее важно, каждый оставляет свой след. Немного умений и денег, вы можете сделать их видимыми
Вы понимаете, почему так важно, чтобы на вашем сайте был отличный местный SEO в Нью-Джерси?
Вы понимаете, почему так важно, чтобы на вашем сайте был отличный местный SEO в Нью-Джерси? Нью-Джерси Местные SEO Консультанты Если вы не находитесь на первой странице рейтинга местных поисковых систем в Нью-Джерси по вашим важным ключевым словам, это означает, что у вас есть конкуренция. Многие компании буквально теряют кучу денег, НЕ участвуя в гонке за рейтинг в поисковых системах. Начните сегодня, позволив
Когда кто-то вводит то, что он ищет, и находит вас, что еще может быть лучше?
Когда кто-то вводит то, что он ищет, и находит вас, что еще может быть лучше? Используемый в тандеме с SEO на странице, это мощная стратегия для добавления в ваш маркетинговый арсенал. Google My Business: хорошо ли это для SEO? Google My Business - это бесплатный инструмент от Google, который помогает владельцам малого бизнеса легче управлять своим присутствием в Интернете. Он объединяет Google Места на карте и страницы Google+ с Поиском и Картами, чтобы
Отрицательный SEO это не миф Итак, почему Google, кажется, дезавуирует все знания об этом и вообще преуменьшает их всякий раз, когда они возникают в разговоре?
Когда кто-то вводит то, что он ищет, и находит вас, что еще может быть лучше? Используемый в тандеме с SEO на странице, это мощная стратегия для добавления в ваш маркетинговый арсенал. Google My Business: хорошо ли это для SEO? Google My Business - это бесплатный инструмент от Google, который помогает владельцам малого бизнеса легче управлять своим присутствием в Интернете. Он объединяет Google Места на карте и страницы Google+ с Поиском и Картами, чтобы
На моих семинарах по SEO я часто сталкиваюсь с оговорками: что на самом деле делает SEO?
На моих семинарах по SEO я часто сталкиваюсь с оговорками: что на самом деле делает SEO? Это слишком сложно, дорого и утомительно. Сайты без SEO в основном бесполезны. С таким же успехом вы можете посадить себя в самолет без пилота и без инструментов: вы никогда не достигнете своей цели и, возможно, потерпите крушение! И все же многие веб-сайты обслуживаются именно так. Результаты не измеряются на постоянной основе, успех компании легкомысленно рискован. Смотреть в сторону не
Вы сделали все возможное, но вы уже отчаянно пытаетесь получить лучший SEO?
Вы сделали все возможное, но вы уже отчаянно пытаетесь получить лучший SEO? Многие ответственные за страницу прибегают к вредоносным методам Black Hat SEO, чтобы попытаться обмануть Google, но они не знают, что Panda 4.0 наказывает за эти действия. Если у вас все еще есть сомнения относительно того, как позиционирование работает в Google, вы можете прочитать:
Что могут сделать операторы сайта, что им оставить?
Что могут сделать операторы сайта, что им оставить? Данни Салливан из Google подтвердил так называемое «Обновление медика» от Google, выпущенное с 1 августа 2018 года. Еще до этого подтверждения на соответствующих форумах были сообщения о том, что стороны из области медицины, здоровья и фитнеса потеряли большую часть своей видимости. На moz.com можно прочитать: «Google подтвердил широкое обновление основного алгоритма, с широкими отчетами о значительном

Почему навигация сайта так важна для SEO?
«Почему я должен пройти последовательность из шести кнопок, чтобы добраться до моих зелий ?
Так какой из них лучший?
Другой пример: если бы я читал пост в блоге на незнакомом сайте, который я нашел с помощью поиска, и один из ваших глобальных элементов навигации - «Предприятие», могу ли я понять, о чем ваш сайт?
Или для кого это просто «Предприятия»?
Com без выпадающих пунктов меню?
Чтобы нарисовать картинку, сколько раз <em> вы </ em> зависали над всплывающей подсказкой и двигали курсор в неправильном направлении, только чтобы посмотреть, как все меню убирается?
Jpg"> SEO, мы все это слышали и знаем, что это как-то связано с поиском в интернете, но что такое SEO?
И все же никто не заходит в обувной магазин и спрашивает: «Сколько стоит пара обуви?
SEO, мы все это слышали и знаем, что это как-то связано с поиском в интернете, но что такое SEO?