Мега Меню и SEO

1. Лучшие практики в реализации мегаменю
2. Насыщенность ключевой фразы и глубина меню

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

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

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

Лучшие практики в реализации мегаменю

Давайте сначала рассмотрим первую часть этого вопроса, так как на него легче всего ответить. Какова лучшая практика реализации мегаменю?

Только несколько соображений действительно уместны здесь:

1. возможности сканирования
2. Простота HTML / релевантная семантическая импликация
3. Код заказа

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

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

Я предпочитаю не оставлять интерпретацию в Google, если это вообще возможно, поэтому мой первый совет для мега-меню заключается в следующем: попробуйте включить его в HTML после основного содержимого .

Конечно, можно использовать CSS3 для создания элегантного, чистого мегаменю (такого как этот образец ) а также позиционировать это абсолютно , С помощью семантический HTML5 Мы проверяем все три наших ключевых критерия.

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

Исправление этого сдвигает нас в мрачную серую область второй части вопроса: сколько стоит слишком много?

Насыщенность ключевой фразы и глубина меню

Чтобы заняться этим вопросом, нам, возможно, следует сначала перефразировать наш вопрос: «Насколько глубоко это слишком глубоко?»

Глубина, в которую должно войти мегаменю, - это оценка двух противоположных сил: насколько силен ваш домен и насколько широк ваш инвентарь?

Сила домена и широта инвентаря
Если вы являетесь международным розничным продавцом среднего размера, вы, скорее всего, будете специализироваться в некотором роде, даже в широком смысле, например, книгах. Используя этот пример, наше мегаменю может иметь широкий диапазон категорий верхнего уровня (Биография, Преступление, История, Романтика и т. Д.) И множество вспомогательных верхних уровней (Выбор редактора, Предложения, Коллекции, Рассказы и т. Д.).

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

Точная оценка «SEO силы» является ключевой. Потратьте время и используйте несколько инструментов (Google Console Search, Moz и Ahrefs все получат мой голос). Спросите себя, действительно ли вы считаете, что масса каталогов с тонким содержимым, на которые вы рассчитываете, должна рассматриваться как добавленная стоимость, а не как вычитание стоимости (это, кстати, последнее).

Итак, при условии, что у нас хорошая сила доменных ссылок, что я посоветую?

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

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

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

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

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

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

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

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

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

Мнения, выраженные в этой статье, принадлежат автору гостя и не обязательно относятся к Search Engine Land. Штатные авторы перечислены Вот ,

Об авторе

Похожие

Комментарии