Элементы навигации сайта
Самым большим недочетом архитектуры сайта является не отлаженная навигация, из-за которой посетители не могут быстро и легко найти нужную им информацию. Из-за неудачной навигации поисковые системы не могут, как следует, индексировать контент. Не имеет значения, насколько хорошо оптимизирован ваш сайт, запутанная навигация не позволит пользователям и поисковым системам без проблем исследовать сайт. Если внутренняя структура ссылок и навигация отложены, то сканеры поисковых систем и посетители сайта будут находить необходимую информацию мгновенно.
Большинство людей, когда думают о навигации, представляют лишь навигационную панель, которая отображается вверху или в правом верхнем углу каждой веб-страницы. В принципе, они правильно полагают, но на самом деле есть множество аспектов связанных с навигацией, которая должны поддерживать прочную структуру сайта, делая его заточенным под поисковые системы и обычных пользователей. Давайте начнем с азов навигации сайта...
Создание эффективной веб-навигации
Когда дело доходит до навигации, то, что является «эффективным» для одного сайта может быть вредным для другого. Каждый сайт уникален и имеет уникальные навигационные характеристики. Вот некоторые моменты, которые следует рассмотреть:
- Навигационная панель должна быть вверху, в углу страницы, или где-то посередине?
- Должны быть включены только основные категории, или подкатегории тоже?
- Меню должно быть открытым по умолчанию, или исчезать?
- Достаточно ли места отведено на ключевые страницы?
- Если нет, что должно быть убрано из навигационной панели?
- Какая еще информация должна быть представлена в навигационной панели?
Это всего лишь несколько ключевых вопросов, которые необходимо изучить, прежде чем наметить структуру навигации.
Итак, вы составили план навигации сайта. Есть некоторые «основные» навигационные вопросы, которые требуют безотлагательного решения:
Логотип
Логотип обязательно должен присутствовать в верхней части домашней страницы, а также страниц сайта. Это делает ваш сайт запоминающимся и более целостным, при переходе с одной страницы на другую.
Домашняя страница
Кроме логотипа на главной странице, сайту нужна «домашняя ссылка» в панели навигации. Не все знают, что логотипы включают в себя обратную ссылку на главную страницу. Таким образом, при нажатии на логотип пользователь перейдет на домашнюю страницу сайта.
Раздел «О нас»
Посетители должны без препятствий узнавать информацию о вас и вашей компании. Наличие ссылки на раздел «О нас» в навигационной панели поможет укрепить доверие к вам, а также подымит ваш авторитет.
Контакты
Вы должны добавить ссылку на раздел «Контакты», чтобы посетители могли мгновенно с вами связаться. Скрытая контактная информация является большим разочарованием для посетителей. Хотя это может сократить количество «безрезультатных» звонков, вы лишаете новых посетителей возможности совершить быструю покупку, так как они элементарно не смогут с вами связаться.
Номера телефонов
Многие предприятия не публикуют основные номер телефонов, вместо этого они предлагают посетителям формы. Это уменьшает загруженность персонала, но клиенты должны чувствовать себя в безопасности на случай, если у них возникнут проблемы, а человек на линии мог бы им мгновенно помочь. Электронная переписка кажется слишком безличной, и некоторые люди ей не доверяют.
Поиск по сайту
Вы должны предоставить посетителям возможность совершать поиск по вашему сайту, позволяя им избежать «ручного поиска» и без промедлений получить нужную информацию, которую они ищут. Имейте в виду, клики увеличивают коэффициент конверсии в геометрической прогрессии.
Оформление заказа / Корзина
Для сайтов электронной коммерции эти разделы (заказы, покупки, корзина) позволяют клиентам видеть список интересующих товар. Так они находятся в шаге от покупки. Мелькание товара в браузере заставляет их скорее оформить заказ.
Дизайн и навигация сайта
Ссылки на панели навигации являются лишь одним из аспектов эффективной навигационной структуры. Все эти элементы действуют вместе, и в своей сумме имеют большее значение. В последнее время со стороны веб-дизанеров наблюдается тенденция втиснуть как можно больше ссылок в разделы навигации. Это приводит к уменьшению числа кликов, которые ведут пользователей к контенту. Сокращение числа кликов разумный ход, но иногда, попутно отвлекаясь, посетитель может подобрать лучший товар.
Существует два типа навигационных меню, которые я не жалую. Если они неправильно реализованы, то это может вызвать проблемы для пользователей и поисковых систем.
Карта веб-сайта
Карта сайта, по существу, самый важный элемент навигационного меню, которое, обычно, переполнено ссылками (то есть, вмещает ссылки на каждую страницу веб-сайта). Карта выглядит в форме всплывающего и выпадающего меню. Проблема с меню карты заключается в связывании одной страницы с другой, при этом они по весу не отличаются друг от друга, не имеют иерархии. Подкатегории всегда норовят быть на том же уровне, что и главные категории. Визуально мы видим это, но поисковые системы не настолько умны. Таким образом, существует проблема при создании архитектуры сайта.
Сайт Home Depot (компания, владеющая сетью магазинов-складов по продаже строительных и отделочных материалов для дома.) имеет всплывающее меню, что обеспечивает связь практически каждой категории и подкатегории сайта.
Всплывающее меню
Проблема со всплывающим меню очень часто заключается в неудачном дизайне. Наибольшее разочарование пользователи испытывают, когда выплывающее меню несвоевременно исчезает. Посетитель наводят курсор мыши на категорию, а затем перемещает его вправо для выбора подкатегории. Когда они это делают, курсор перемещается вверх или вниз страницы. Это совершается рывками, поскольку нужное окно может закрыться. Это огорчает многих пользователей. На изображенном выше примере Home Depot решил это неудобство, создав задержку перед закрытием всплывающего меню.
Сворачивание футер-ссылок
На заре эпохи веб-дизайна, футер-ссылки (нижние колонтитулы) использовались для дублирования главной навигационной панели, на случай, если у посетителя были отключены изображения. В наши дни очень немногие меню навигации несут изображения, и нет никакой потребности в подобном дублирования. К сожалению, для многих разработчиков сайтов, эта практика всё еще актуальна.
Недавно футер-ссылки начали использоваться в качестве альтернативы наличия карты сайта в главном меню. Они находятся в самом низу меню навигации. К сожалению, проблемы остались, независимо от того, где вы размещаете эти ссылки.
На сайте Home Depot ВСЕ ссылки не содержатся в футере, но я уверен, что в списке есть ссылки, без которых можно обойтись.
Лучше всего использовать футер-навигацию в случае, если у вас есть несколько ключевых страниц и ссылок, недоступных для пользователей, которые не осуществили первую покупку. Это отличное место для «вспомогательных ссылок». Их не обязательно демонстрировать всем.
Навигационная цепочка веб-узла
Breadcrumb (Навигационная цепочка) - являются отличным навигационным инструментом, помогающим как посетителям, так и поисковым системам легко перемещаться по сайту.
Она представляет собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь. При использовании соответствующих ключевых слов, посетители получают представление о том, что их ждет после перехода. Это делает заголовки более важным элементом, поскольку теперь они несут не только название категории. Теперь вы можете делать заголовки более побуждающими.
Использование индикаторов ключевых слов в навигационных цепочках также служит целям оптимизации. Эти цепочки включают богатые на ключевые слова ссылки на страницы, которые имеют наиболее релевантную информацию по вашим ключевым словам. За пределами вашей главной навигационной панели, навигационные цепочки открывают большие возможности в оптимизации внутренних ссылок.
Кроме того, навигационные цепочки выстраивать категории по значимости, а также подкатегории и страницы с товарами. Это поможет поисковым системам понять уровень важности каждой категории, а также «вес» каждой страницы.
Использование ссылок, богатых на ключевые слова
Методика наполнения ссылок ключевыми словами должна входить в планирование навигации, а также иерархические структуры. Методика должна быть использована на сайте при размещении ссылок на контент и страницы.
На рисунке ниже показан пример того, как пользователи бросают ссылки на другие сайты. Текст ссылок гласит: «Нажмите здесь» или «Читать далее». Иногда бывает два в одном. Проблема в том, что подобные слова не дают никаких указаний относительно того, какая информация ждет пользователя. Пользователи должны прочесть текст рядом со ссылкой, чтобы знать наверняка.
Однако, посмотрев на следующее изображение, вы увидите ссылки, понятные как поисковым системам, так и пользователям. Здесь есть указание, какая информация ждет после перехода по ссылке. Эта дополнительная индикация служит ориентиром для алгоритмов Google и пользователей.
Добавляя ссылки в параграфы текста (как на фотографии выше), а не только в заголовки, вы сможете использовать различные вариации:
«Нажмите сюда, чтобы узнать больше о бланках декларации доходов».
Или вы можете сказать:
«Узнайте дополнительные сведения о бланках декларации доходов».
Многие люди предпочитают добавлять «нажмите здесь» как призыв к действию. Что не особо воодушевляет пользователей. Мы имеем всё тот же стандартный текст:
«Нажмите сюда, чтобы узнать больше о бланках декларации доходов».
или
«Нажмите сюда, чтобы узнать больше о бланках декларации доходов».
Использование двух ссылок для привлечения на одну и ту же страницу не оправдывает применения ключевых слов. Поисковые системы часто полагают, что первая ссылка на страницу является наилучшей, и все остальные ссылки игнорируются.
Как правило, если ваш контент упоминается на сайтах, где более подробная информация находится на другой странице, то вам стоит связать информацию с ключевыми словами. С учетом вышесказанного, не стоит создавать ссылки, которые будут как капли в море. Создайте баланс между товаром и посылом. Такая ссылка наилучшим образом будет указывать на страницу.
Ссылайтесь на релевантные темы и продукцию
Одной из наиболее эффективных методик использования ключевых слов в плане ссылок является обращение к релевантным темам или продуктам. Ссылаясь на релевантные ресурсы, вы делаете услугу себе и им. Вы даете посетителям то, чего они хотят.
В приведенном ниже примере видно, что, судя по сайту, посвященному сериалу Battlestar Galactica можно предположить, что я знаком и заинтересован в других популярных фантастических сериалах, таких как Firefly и Stargate. И знаете что? Это чистая правда! Мне нравится эти шоу в одинаковой степени, и у меня есть первый (и единственный) сезон Firefly на Blu-Ray. Я приобрел его вместе с дисками Battlestar Galactica.
Вы можете проделать нечто подобное в своем блоге, установив плагин, который будет автоматически притягивать посты с других блогов, имеющих схожую тематику.
Каждый из этих постов может представлять интерес для ваших читателей, и, если название блога имеет совпадение с вашими ключевыми словами, то они наберут вес за счет алгоритмов.
Что делать с большим количеством наименований?
Сайты электронной коммерции имеют множество проблем связанных с внутренней структурой сайта, относительно фильтров на продукцию и создания дублированного контента и закольцованных страниц. Я не уверен, что существует панацея от этих напастей, но я дам некоторые советы, которые помогут вам решить проблемы с внутренними ссылками, а также смогут устранить потенциальные проблемы.
Фильтры являются отличным способом для поиска продукции, которая соответствует потребностям каждого конкретного пользователя. Проблема с фильтрами, с точки зрения поисковой системы, состоит в том, что они могут создавать бесконечную петлю вариантов. Если вы не даете фильтрам пройти индексацию в поисковых системах, то вы потенциально теряете качественные целевые страницы и предоставляете поисковикам категории с длинным списком ссылок на продукцию.
Сначала определите, какие фильтры «достойны» присутствовать на оптимизированных страницах. Например, фильтрация по брендам даст вам больше вариантов страниц для оптимизации ключевых слов относительно брендов. Фильтрация по цвету, вероятно, не гарантирует оптимизацию целевых страниц, так как мало кто осуществляет поиск по цвету товара. Тем не менее, пользователи рады возможности подбирать товар любимого цвета. Многое зависит от вашей отрасли. Для некоторых цвет действительно является решающим фактором.
Если у вас есть представление о том, какие фильтры нужны целевым страницам, то примените их для создания уникальных URL-адресов с уникальным контентом. Остальные фильтры могут быть просто исключены из индекса поисковых систем, либо производить фильтрацию в реальном времени. Мне больше по душе первый вариант.
До сих пор некоторые из ваших фильтров на целевых страницах не справляются с количеством продукции. Если это так, экспериментируйте с подуровнями фильтров. В противном случае, я предлагаю создать страницу, которая отображает все продукты, что не заставит поисковики индексировать только некоторые страницы.
Исключите ссылку на раздел «Корзина»
Поисковые двигатели не занимаются торговлей, им не нужно регистрироваться на вашем сайте и проверять список покупок. Все ссылки на корзину должны быть размещены таким образом, чтобы поисковики не смогли следовать за ними. Обычно это можно сделать с помощью JavaScript (не HTML ссылки), кроме того ваши разработчики могут придумать уникальное решение для ваших нужд.
Чтобы вы не выбрали, в конечном результате ссылка не будет попадаться на глаза поисковикам. Не стоит останавливаться на достигнутом, то же самое можно сделать с разделом рецензий, перечнем пожеланий, разделами комментариев и различных ссылок – обычные страницы, от которых поисковым системам нет проку. Хотя можно просто отключить индексацию, лучшим решением будет не дать возможность поисковикам видеть ссылки.
Улучшенный поиск по сайту
Проблемы во внутренней поисковой навигации могут привести к некоторым проблемам со ссылками. Давайте начнем с боковой навигации.
Каждый сайт с более чем 10 страницами должен иметь внутренний поиск. Навигационная панель должна быть подключена, чтобы пользователи за пару щелчков нашли нужную им информацию. Иногда посетители уже знают о присутствии нужной им информации, и выполняют поиск вместо того чтобы рыскать по сайту. Внутренний поиск может обеспечить мгновенный доступ к необходимой информации, но только если он настроен как следует!
Внутренний поиск сокращает время обычного поиска на 90%. Если посетитель просматривает ваш сайт и не находит то, что ему нужно, он покидает его, предположив, что у вас нет продукта. В таком случае вы теряете клиента. Лучше вообще не иметь графы поиска, чем поиск, который не предоставляет пользователям актуальный для них товар. В таком случае они вручную будут искать контент на сайте.
Проблема со ссылками возникает, когда внутренний поиск добавляет в результаты страницы, которые доступны для индексирования поисковых систем. Поисковые системы, как известно, видят на сайтах случайные слова и символы. Это приводит к потенциально неограниченному числу адресов для индексирования поисковой системы. Большинство поисковиков не придает особого значения сайтам, сканирование которых замедлено.
Не допустите блокировки контента из-за форм
Некоторые формы используются, чтобы помочь посетителям быстрее найти контент, однако использование таких форм может стать ингибитором, не позволяя поисковым системам индексировать контент, который вы хотите проиндексировать ради улучшения трафика. В случаях, когда посетитель должен вводить пароль, или просматривать формы с контентом, вы ухудшаете его пользовательский опыт. Но если вы намерены держать определенную информацию скрытой, то все в порядке. Однако, если вы хотите использовать контент для привлечения трафика , то вам следует открыть к нему полный доступ.
Предоставьте посетителям карту сайта
XML карты являются хорошим способ получить право на постоянную индексацию в поисковых системах, главное, не использовать его в дополнение к HTML карте сайта, предоставляя её посетителям. Качественная карта сайта может быть отличным способом помочь посетителям быстро переместиться в любую точку сайта за счет пары кликов. Она обходит главную навигационную панель и позволяет посетителям увидеть сайт с высоты птичьего полета.
Наличие карта также гарантирует, что сканерам поисковых систем не придется сканировать каждую страницу. Это позволяет поисковым системам производить индексацию намного быстрее.
В чем разница между абсолютными и относительными ссылками? Абсолютные ссылки имеют солидную кодировку URL в HTML:
<a href=”http://www.site.com/category/sub-category/page.htm”></a>
Относительная ссылка позволяет добавить только то, что необходимо в коде для браузера, чтобы пользователь знал, как добраться до места назначения на основе того, где он находится в данный момент:
<a href=”../sub-category/page.htm”></a>
У большинства относительных ссылок код небольшой, поэтому редакторы HTML больше заточены под относительные, а не абсолютные ссылки. Веб-разработчики получают выгоду, используя относительные ссылки при создании веб-сайтов и тестировании URL-адресов. Когда сайт появляется в Интернете, разработчики не думают об изменении ссылок, потому что относительные ссылки соответствуют структуре сайта, а не несут имя домена для работы. Когда разработчики меняют тестовый домен на постоянный домен, то они не испытывают никаких проблем.
Однако относительные ссылки также способны доставлять хлопоты, а в некоторых случаях, приводить к катастрофе. Не вдаваясь во всевозможные проблемы относительно ссылок, скажу, что абсолютные ссылки более совершенны по задумке, поэтому они только изредка несут ошибки. Недостатком является то, что при переносе сайта с тестового домена на постоянный, вам придется откорректировать все ссылки.
Использование ссылок заточенных под поисковые системы
От типа кодировки ваших ссылок зависит получение индексации страниц в поисковых системах. И напротив, вы можете предотвратить индексацию за счет кодировки.
Заточенные под поисковые двигатели HTML ссылки обычно выглядит следующим образом:
<a href=”http://www.site.com/category/sub-category/page.htm”>Link Text Goes Here</a>
Если ваши ссылки выглядят подобным образом, то знайте, что они выстроены правильно. Однако по различным причинам, некоторые ссылки кодируются по-разному. Некоторые ссылки не сканируются поисковыми системами. Ниже приведен яркий пример:
javascript:plnav(‘h09264′,’pl’,'image’)
или
JavaScript:window.open(‘http://www.site.com/category/sub-category/page.htm’, ‘newWindow’)
В первом примере выше продемонстрирована совершенно бесполезная ссылка для поисковых систем. По этой ссылке страница не может быть найдена, а если нет других заточенных под поисковые системы ссылок, указывающих на страницу, то эта страница навсегда останется за пределами индекса поисковых систем.
Второй пример тоже сомнительный. Хотя ссылка, написанная в JavaScript, не определяется легко поисковыми системами, они могут отследить URL-адрес в коде JavaScript, что в конечном итоге приведет к индексации страницы. Однако, нет никакой гарантии, что ссылка будет считаться ссылкой как таковой, и это приведет к потере значения ссылки для страницы, без которой продвижение невозможно.
Если вы не намерены прятать страницы от индексации, лучшая рекомендация заключается в использовании заточенных под поисковые системы HTML ссылок, а не ссылки, написанные в JavaScript, которые неприемлемы для сканеров. Если страницы индексируются, то вы должны быть уверены, что ссылки распознаются как ссылки.
Запрет на индексацию страниц
Как я уже упоминал выше, бывают случаи, когда вы не хотите скрыть некоторые страницы от поисковых систем. Есть несколько вариантов для блокировки этих страниц. Каждый имеет плюсы и минусы (в определенной степени).
Файл robots.txt
Файл robots.txt ваш «мастер-контроллер», разъясняющий поисковикам, какие страницы необходимо индексировать, а какие нет. Когда сканеры поисковых систем впервые наведываются на ваш сайт, они сначала загружают этот файл, чтобы получить инструкцию по индексации сайта.
Как вы можете видеть, это первообразный файл, в котором ошибки недопустимы! Основная идея заключается в запрете страниц и папок по тем или иным причинам получать индексацию. Также вы не должны случайно запретить индексировать качественный контент. Много пособий написано по редактированию конкретных файлов в robots.txt, в том числе разрешения и запреты на сканирование для определенных поисковых системах. В Google Webmaster Tools также имеется файл robots.txt, который вы можете свободно использовать.
Я не могу переоценить важность настройки индексации. Но будьте внимательны, одно неверное движение может в мгновении ока стереть все рейтинги из поисковых систем.
Атрибут NoFollow
Этот атрибут был первоначально разработан для пометки ссылок в комментариях блога, которым вы не доверяете. Эти ссылки видны поисковым системам, следовательно, они не влияют на ваш авторитет и уровень доверия поисковиков лично к вашему блогу. Ссылки со спам-сайтов могут подпортить ваш ссылочный профиль. Атрибут также зарекомендовал себя в сфере рекламы. Поскольку Google не жалует платные ссылки, пользователи начали пихать этот атрибут во все рекламные ссылки. Невыполнение этого требования может навредить ссылочному профилю и ухудшить рейтинги блога в поисковых системах.
Говоря простым языком, атрибут Nofollow сообщает поисковым системам, что ссылка никуда не ведет:
<a rel=”nofollow” href=”http://www.site.com/category/sub-category/page.htm”></a>
На самом деле, поисковые системы могут и будут следовать этим ссылкам. Если вы справедливо присваиваете положительные или отрицательные значения ссылкам, то получаете вотум доверия от поисковиков.
Мета-тег robots
Еще одним вариантом уберечь страницу от индексации является использование на странице мета-тега robots:
<meta name=”robots” content=”noindex,nofollow”>
Как только поисковые роботы приходят на страницу, часть тега «NOINDEX» сигнализирует им, что не стоит индексировать страницу. Если страница ранее получила индексацию, то при повторном сканировании поисковой робот удалит её.
Использование этого тега имеет некоторые недостатки. А именно, поисковики индексируют страницы, прежде чем получают команду не делать этого. Если у вас большое количество таких страниц, тогда поисковик будет использовать ресурсы роботов чтобы удалить индексацию, не обращая особого внимания на страницы, действительно нуждающиеся в индексации.
С учетом вышесказанного, необходимо помечать некоторые страницы для индексации, особенно те, которые содержат ценные ссылки. Хорошим примером являются тегированные страницы. Они плохи в роли целевых страниц, поэтому поисковый индекс должен проходить мимо них. Но вы наверняка хотите, чтобы поисковые системы следовали по этим ссылкам на блоги. Атрибут «noindex,follow» сообщает поисковым двигателям не индексировать страницы, но следовать по ссылкам.
Если вы не хотите индексировать страницы и ссылки чтобы за ними следовали, то обязательно добавьте атрибут «noindex,nofollow.». С другой стороны, если вы хотите, чтобы индексировалась только страница, то используйте «index» команду. Так как поисковые системы индексируют все по умолчанию, то это мало что решает. Поисковики редко делают то, что приказывают владельцы сайтов.
Восстанавливайте битые ссылки
Ссылки перестают работать по разным причинам. Иногда вы удаляете страницы или публикуете ссылку на сайт, который был удален. Поэтому важно регулярно проверять и исправлять все неработающие ссылки, которые попадаются на вашем пути. Это кропотливая работа, особенно на блогах связанных с сайтами, поскольку через блоги приходят внешние ссылки, количество которых необъятно. Но как только вы начали проверять блоги на предмет битых ссылок на ежемесячной основе, вы заметите улучшение рейтингов.
Применение редиректа 301 в случаях с удаленными страницами
Даже если убрать или отредактировать ссылку на страницу, которой больше нет на вашем сайте, вам лучше перенаправить её редиректом 301 на релевантный контент. Без редиректа 301 вы теряете ценность ранее функционирующей страницы. Даже если только один сайт имеет ссылку на вашу страницу, вы должны осуществить редирект (если у вас не получается изменить, самостоятельно убрать, или попросить владельца сайта убрать ссылку на ваш ресурс).
Редирект 301 не только сохранит ценность исчезнувшей страницы, но также заставит пользователей продолжить навещать ваш сайт, за счет правки закладки в браузере. Вы ведь не можете отследить, сколько пользователей добавило страницу в закладки. Если пользователь обнаружит что закладка никуда не ведет, он её удалит, и будет искать сайты с похожим контентом. Вы можете перенаправить проверенного клиента сразу на страницу с товаром, что, возможно, приведет к новой покупке. Без редиректа вы не можете это устроить.
Кто сказал, что структурирование ссылок и настройка навигации пустячное дело? Существует множество нюансов, которые необходимо учесть. Есть надежные проверенные способы, а есть и извилистые дорожки, которые могут привести к катастрофе.
Отмечу, что существует ряд сторонних вопросов, касающихся ссылок и навигации, которые были изложены в «Руководстве по решению проблем с дублированным контентом». Вы можете его свободно пролистать, поэтому я не стал включать эту информацию в данный пост. Перейдите по ссылке выше, чтобы прочесть его.
