Telegram
WhatsApp
Telegram
WhatsApp#Разработка сайтов
Что такое хлебные крошки на сайте
Одним из инструментов навигации на интернет-площадках являются хлебные крошки. Это название появилось благодаря известной сказке, где брат и сестра бросали на землю крошки хлеба, которые помогли отыскать путь наз. На веб-ресурсах это работает точно так же.
Если на веб-ресурсе навигационные цепочки работают корректно, то находясь на любой странице, пользователь видит и понимает, где он, и всегда может перейти на страницу предыдущего раздела. Поговорим о том, насколько нужен сайтам такой способ навигации, как он связан с SЕО, и как корректно его настроить.
Разновидности хлебных крошек
Англоязычным термином breadcrumbs называют меню навигации, которое находится вверху веб-страницы. В этой строке виден маршрут от стартового экрана, до той web-страницы, где находится посетитель в данным момент. Обычно строка крошек имеет вид: Главная страница — Категория — Подкатегория — Страница. Но могут быть и другие разновидности:
- Динамические.
В таком варианте цепочка формируется не по вложенности страниц, а по пути, проделанному гостем ресурса.
- С выпадающим списком.
Вариант с более широкими функциональными возможностями. Здесь у каждого раздела цепочки, если навести на него курсов, виден перечень смежных категорий. Человек может не только вернуться на предыдущий шаг, но и быстро оказаться в смежной категории.
На практике можно встретить разновидности строки навигации, где излишне длинная цепочка сокращается системой за счет исключения очевидных пунктов. Бывает и наоборот, когда в цепочку добавляется дополнительный элемент, к примеру, название производителя. Еще бывают варианты, когда цепочка хлебных крошек начинается с каталога товаров, а не со стартовой.
Каким сайтам и для чего требуются хлебные крошки
Опции дополнительной навигации нужны веб-ресурса с развитой многоуровневой структурой, большим количеством категорий и подкатегорий. В первую очередь это касается крупных онлайн-магазинов. Но для информационных и новостных сайтов, блогов и форумов, корпоративных веб-сайтов такой инструмент навигации тоже пригодится. Основным фактором является степень вложенности веб-страниц, а не тип интернет-площадки.
Если у площадки несложная линейная структура, а страницы вложены не более, чем на два уровня, то дополнительные опции навигации ему ни к чему. Но при более сложной структуре, эта функция необходима. В противном случае посетители не смогут проследить маршрут переходов, и привлекательных сниппетов с навигацией в результатах поиска у сайта тоже не будет.
Три причины добавить на интернет-площадку опцию хлебных крошек:
1. Усовершенствовать юзабилити.
Людям значительно проще пользоваться ресурсом, где есть удобные инструменты навигации. Человек постоянно видит свое местонахождение, понимает, как подняться на предыдущий уровень или перейти в другой раздел сайта. Эта опция особенно важна, если человек перешел на сайт по гиперссылке с внешней площадки или со страницы поисковой выдачи. Еще навигационная цепочка полезна тем, что поможет вернуться на предыдущую ступень, не пользуясь браузерной опцией «Назад», и не сбивая выставленные пользователем фильтры.
2. Качественно настроить внутреннюю перелинковку.
Как и другие типы навигационных меню, хлебные крошки способствуют настройке внутренней перелинковки, принимают участие в перераспределении веса гиперссылок.
3. Получить привлекательные поисковые сниппеты и более высокие позиции в поисковиках.
При грамотной разметке крошек, сайт может получить в результатах выдачи Google и Yandex привлекательные сниппеты со строками навигации. Причем отображаемая цепочка может меняться, исходя из формулировки пользовательского запроса. «Гугл» пользуется хлебными крошками для определения категории страницы в соответствии с заданными ключевыми словами. С помощью таких сниппетов с навигационным меню люди смогут переходить в различные разделы площадки напрямую из результатов поисковой выдачи, нажимая на нужную категорию. Результатом становится рост качества поведенческих показателей и возможности дополнительно показать сразу несколько категорий ресурса прямо в результатах поиска.
В результате благодаря улучшению поведенческих характеристик сайта и грамотно настроенной внутренней перелинковке, сайт лучше индексируется и получает более высокие позиции в результатах поисковой выдачи по целевым поисковым запросам. Добавление на сайт опции хлебных крошек не требует больших усилий, но приносит ощутимую пользу.
Как правильно настроить хлебные крошки на сайте
При добавлении на сайт навигационных цепочек необходимо придерживаться базовых правил настройки этой опции и проконтролировать корректность микроразметки. В процессе работы нужно учитывать несколько важных деталей:
- На стартовую страницу нельзя добавлять хлебные крошки.
Иначе страница как бы ссылается сама на себя, так как расположена на самом верхнем уровне в иерархии. Это нелогично с точки зрения здравого смысла и не помогает оптимизации. По той же самой причине в отображаемой цепочке не должно быть ссылки на страницу, где находится пользователь в данный момент. Учтите это при настройке соответствующих плагинов.
- Желательно размещать цепочку навигации в хорошо заметном и привычном для интернет-пользователей блоке.
Самый популярный вариант — разместить крошки немного ниже структурного меню сайта. Иногда они дублируются также снизу страницы под основным контентом для большего удобства.
- Навигационное меню требуется пометить корректными тегами, применить возможности микроразметки.
Это нужно, чтобы поисковые роботы корректно считывали информацию с сайта и могли воспользоваться ею для формирования расширенного сниппета. Микроразметка дает роботам понять, где расположена лого, где написана стоимость, а какая часть соответствует хлебным крошкам.
Советуем пользоваться форматами Microdata и RDFa для микроразметки навигационных цепочек по принципам Schema.org, который поддерживается наиболее крупными поисковиками (Yandex, Гугл, Bing, Yahoo!).
Правила работы с разметкой опубликованы в гайдлайнах «Гугл». Чтобы удостовериться, что микроразметка прописана корректно, проверьте ее через валидатор. Непосредственную установку опции хлебных крошек можно выполнить через специализированные расширения, разработанные для всех распространенных систем управления контентом.
Не упускайте пользу, которую способны принести веб-ресурсу хлебные крошки. Данный инструмент навигации помогает улучшить качество работы с ресурсом и внутри площадки, и в результатах поиска.
Чтобы ПС могли считать нужную информацию с вашего сайта и использовать ее для сниппетов, вы должны обозначить контент соответствующими HTML-тегами — то есть добавить микроразметку. Так поисковые роботы будут понимать, что на вашем сайте является логотипом, где указана цена, а какие элементы отвечают за хлебные крошки. Чтобы навигационная цепочка отображалась в сниппете, нужно обозначить хлебные крошки соответствующим видом разметки согласно стандарту Schema.org. Его поддерживают все самые популярные поисковые системы — Google, Яндекс, Yahoo! и Bing.