Термин «Breadcrumbs» с английского языка переводится как «крошки от хлеба». Он взят из общеизвестной сказки Грим «Гензель и Гретель». Её герои, отправившись в лес, по своим следам вымостили тропинку хлебными крошками. Делали они это для того, чтобы отыскать обратную дорогу и не затеряться. Любой посетитель сайта проходит тот или иной путь, навигационная цепочка понадобится для возврата на некоторое количество шагов (в зависимости от длины цепочки).
«Хлебные крошки на сайте». Что это?
Прежде всего, «хлебные крошки» используются для навигации и представляют собой цепочку шагов, по которым перемещается посетитель ресурса. Длина «хлебного мякиша» зависит от самой структуры сайта.
Якоб Нильсен (в 1995 году) выделил 10 факторов юзабилити, одним из которых является «Видимость статуса системы». Пользователь должен понимать, где именно на сайте он сейчас находится. Чтобы реализовать эту задумку, понадобились «хлебные крошки».
Для комфорта пользователей была разработана эта область навигации. После просмотра страницы, посетители смогут в один клик вернуться в категорию для доступа к похожим страницам или перейти в корневой документ, в качестве которого выступает главная страница.
В случае, когда посетители оказываются на сайте посредством поисковых систем, такой тип навигации помогает им понять структуру интернет-ресурса и оказаться в разделах с меньшим уровнем вложенности (это может быть архив или рубрики). За счет этого повысятся пользовательские факторы, посетители задержатся дольше на сайте, а это является составляющей внутренней перелинковки.
Структура навигации берет начало на стартовой странице, а «конечным пунктом» будет раздел, в котором пользователь находится в данную минуту. Визуально «хлебные крошки» комфортнее воспринимаются, если они расположены в верхней области страницы.
Для чего же, все-таки, нужны хлебные крошки на сайте
Для ориентации посетителей на интернет-ресурсе, чтобы они понимали, в каком подразделе находятся и какими путями можно вернуться. Любой интернет-магазин, корпоративный или какой-либо другой сайт нуждается в подобной навигации. Обсудим дублирующую навигацию — хлебные крошки. Они обеспечивают:
Повышение юзабилити интернет-ресурса
Главной функцией дублирующей навигации является повышение юзабилити благодаря удобству использования веб-ресурса.
Если навигация продумана и имеет четко выстроенную структуру, на таком сайте намного приятнее находиться, чем на тех, где удобство использования не является приоритетной задачей при разработке сайта.
К примеру, вы находитесь на сайте интернет-магазина бытовых товаров, вам понадобился пылесос. Они бывают для сухой уборки или моющие.
Оформление хлебных крошек значительно облегчит навигацию. Вы сможете из карточки пылесоса Для сухой уборки, вернуться в общий раздел «Пылесосы» и затем продолжить изучать Моющие пылесосы.
При отсутствии крошек вам придется зайти в общий каталог сайта, отыскать раздел «Бытовая техника», найти подраздел «Пылесосы», после чего продолжить поиск желаемой модели. Это займет больше времени, к тому же не очень комфортно.
Навигация местоположения страницы визуально доступны для пользователя.
Без стрелок в браузере «Назад» и «Вперед» позволяет переходить с высокого на нижестоящий уровень.
Положительное влияние на SEO
Рассмотрим вопрос «Нужны ли хлебные крошки для СЕО»:
- Если разметка микроданных выполнена верно, в выдаче приводится в порядок наружный облик сниппета.
- Позволяют выполнить перелинковку внутри сайта, между разными страницами.
- Повышают PageRank интернет-ресурса и каждой из страниц.
- В поисковых системах позиция сайта улучшается в выдаче.
На основе вышеприведенной информации напрашивается вывод о том, что хлебные крошки улучшают seo-показатели интернет-ресурса. Они нужны на каждом сайте, за исключением одностраничного. Их наличие положительно повлияет на работу информационных порталов, форумов, корпоративных ресурсов, блогов, интернет-магазинов.
По неизвестным причинам некоторые разработчики игнорируют применение данного вида навигации на сайте. Ведь их создание не требует больших затрат, а пользу они приносят огромную.
Какими бывают «хлебные крошки»
Рассмотрим распространенные способы оформления.
Линейная навигация
Отражает все перемещения пользователя, начиная с основной страницы. В случае возникновения длинной или сложной структуры, цепочка навигации автоматически сокращается. Бывают ситуации, когда первоначальным звеном главная страница ресурса не является. Стартует навигация из раздела каталога.
Кнопка «Назад»
В этом случае устанавливаются такие кнопки, как «Назад к каталогу», «Назад к главной» и т.п. Они действуют по аналогии с кнопкой «Назад» в любом браузере. Когда на сайте отсутствует возможность поиска, подобная навигация неудобна для посетителей.
Система Кнопка «Назад» + линейная навигация
В такой ситуации соединены два способа. Присутствует доступ и к кнопке «Назад» и к навигационной цепочке. Подобная комбинация на всех страничках сайта бессмысленна. Кнопка «Назад» должна быть на страницах, куда посетители попадают через внутреннюю поисковую систему.
Как правильно создавать
Любой интернет-ресурс нуждается в навигационной цепи. Для правильного оформления хлебных крошек, руководствуйтесь следующими правилами:
- На основной странице не должно быть хлебных крошек. Нет необходимости создавать ссылку на страничке для нее же самой, это негативно отразится на ранжировании ресурса.
- Предыдущая страничка должна быть крайним кликабельным звеном, чтобы не продублировать ссылку по аналогии с хлебными крошками на основной страничке портала.
- Пользователи должны отчетливо видеть навигационные элементы. Текст должен быть контрастным относительно фона, элементы следует располагать в верхней области страницы.
- Размещайте «хлебные крошки» в одном и том же месте на каждой из страниц сайта.
- Осуществите разметку микроданных, чтобы Гугл и Яндекс отображали навигационную структуру ресурса в результатах поисковых запросов. Пользователи смогут сразу увидеть структуру ресурса.
Навигационная структура ресурса в результатах поисковых запросов
Нужны ли хлебные крошки? Конечно же, да! Они позволяют обеспечить комфортную навигацию на портале.
Благодаря навигационным кнопкам повышается юзабилити ресурса, ранжирование как в Яндексе, так и в Гугле.