Лучшие практики для выпадающих меню HTML и влияния SEO

Question

При выполнении выпадающих меню HTML, которые специфичны для CSS, у вас есть неупорядоченная структура типа списка вверху кода.Если ваши выпадающие ссылки ссылаются на сотни страниц, не повредит ли этот большой неупорядоченный список в верхней части кода каждой страницы SEO этой страницы (поскольку в верхней части находится весь этот не относящийся к конкретной странице код)?Я спрашиваю только потому, что заметил, что мои результаты поиска в Google Mini были искажены UL вверху, пока я не нашел специальный тег Google Mini, из-за которого он не индексировал этот раздел.

Было бы лучше использовать javascriptввести содержимое UL снизу кода или UL внизу, но использовать позиционирование CSS, чтобы поднять его вверх?

Не уверен, ясен ли мой вопрос или нет.Мысли? * * 1005

Answer 1

Вы задали пару вопросов:

Краткий ответ: Проблема заключается в количестве ссылок, а не в том, как они кодируются.

Длинный ответ:

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

Это может , но, как и все в Интернете, все сводится к реализации. Это не столько код, который используется для создания меню, которое могло бы повлиять на вашу SEO, но скорее тот факт, что вы делите ссылочный капитал вашей страницы (PageRank) на большее число ссылок. Это не проблема, если вы пользуетесь популярным сайтом с высоким пиаром, но если это не так, вам нужно быть более разборчивым в отношении того, как / где вы размещаете внутренние ссылки. Фактический код, используемый для создания этой навигации, не так важен, как способ включения этих ссылок, поскольку поисковые системы в основном игнорируют разметку (включая HTML5).

Было бы лучше использовать JavaScript ввести содержимое UL из нижняя часть кода или иметь UL внизу, но использовать CSS позиционирование, чтобы подняться вверх

Это поможет сделать так, чтобы контент был ближе к тегу H1 / body и получил предпочтительный вес, но вы по-прежнему не имеете дела с количеством ссылок. Я опробовал метод позиционирования CSS в качестве теста, и он отрицательно сказался на значении основных элементов навигации, потому что им присваивался «нижний колонтитул» в глазах поисковых систем.

Резюме: Таким образом, ответ для SEO - не использовать мегаменю , если вы маленький сайт , потому что вы просто не можете распределить долю ссылок пропорционально нужным страницам - вы необходимо убедиться, что ваши самые важные страницы связаны с вашей домашней страницей, а затем переходите к более глубокой ссылке при переходе по архитектуре вашего сайта. Если у вас есть PR 6 или выше или много страниц с более высоким PR, то вы можете рассмотреть возможность более глубокого связывания со своими основными меню.

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

Дальнейшее чтение (и примеры): - http://www.smashingmagazine.com/2009/03/24/designing-drop-down-menus-examples-and-best-practices/

Answer 2

Лучшее прямое решение вашего вопроса - использовать элемент HTML5 <nav> - заключите ваши CSS-меню в элемент <nav>, и Google и друзья увидят, что знают, что все внутри него - это структура меню.Это семантическая сеть на работе.

См. http://html5doctor.com/nav-element/ для хорошей статьи об этом.

Если вы не можете использовать HTML5 (и нет причин, почему нет, если только вынеобходимо поддерживать IE с отключенным Javascript), вы можете добиться аналогичного эффекта, используя хорошо названные классы и идентификаторы, чтобы подчеркнуть Google, что этот раздел страницы является структурой меню.В наши дни Google видит достаточно CSS-меню, чтобы они могли его обработать, не оказывая при этом большого влияния на SEO.

Проблема, с которой вы столкнетесь, заключается в том, что у вас большое меню с сотнямиЗаписи наносят вред общей юзабилити вашего сайта так же сильно, как если бы не наносили вред SEO.Посетите этот сайт для (слегка мнительной, но все еще действительной) статьи о том, почему большие выпадающие меню плохие, какой бы метод их создания не использовался: http://www.message.uk.com/dropdown-menus-no-thanks