Работа с навигацией в SEO [SEO Fundamentals]

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

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

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

Если вы просматриваете веб-сайт с подозрительной навигацией (или «хитрой», как мои друзья в США любят слышать от меня), вы, вероятно, увидите некоторые из следующих признаков:

— Выпадающие меню не работают с отключенным JavaScript.

— Глобальные ссылки / ссылки в заголовках основаны на изображениях, а не на тексте.

— Куча внутренних ссылок исчезает, когда вы просматриваете сайт с отключенными JavaScript и CSS.

— Панель инструментов SEOmoz сообщает о меньшем, чем ожидалось, количестве внутренних ссылок, по которым вы переходили.

— В кэшированной Google текстовой версии вашей страницы также отсутствуют эти ценные внутренние ссылки.

Для навигации, удобной для поисковых систем, требуется только правильно структурированный HTML в сочетании с CSS для всех необычных элементов. С технической точки зрения, если вы указываете новую навигацию для своего веб-сайта, вы должны запросить «кроссбраузерное раскрывающееся каскадное меню проверки». Можете ли вы сказать это 5 раз подряд?

HTML чертовски прост, и вы должны искать что-то вроде этого неупорядоченного списка ссылок в кешированном (только текстовом) представлении вашей веб-страницы с отключенным CSS / JavaScript:

Если вы хотите увидеть отличный список примеров, вам следует добавить в закладки страницу CSS-меню CSSplay.co.uk, и, пока я исследовал этот пост, эта постраничная навигация в стиле CSS привлекла мое внимание через этот пост. Если вы хотите увидеть живой пример, взгляните на этот сайт с отключенными JavaScript и CSS на панели инструментов веб-разработчика:

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

Использование навигационных элементов CSS для SEO

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

Хотите проверить это на себе? Взгляните на эти навигационные идеи:

— Посмотреть все отели в Праге

— Смотрите события в пределах 500 м от этого места

— См. Другие примеры использования CRM.

— Посмотреть все рейсы в Турцию

— Другие пользователи также купили / самые популярные товары в этой категории

— Перечислите 6 лучших стран по континентам (см. Пример ниже)

Навигация с хлебными крошками, которая раскрывается с раскрывающимся списком CSS: