Breadcrumbs, или навигация по "хлебным крошкам"

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

Слово breadcrumbs буквально означает «хлебные крошки». Это название навигационной цепочки на веб-сайте, которая облегчает посетителям ориентирование на сайте. «Крошки» особенно полезны на очень сложных страницах, где пользователь может легко потеряться. Название этой функции происходит из известной сказки о Гензель и Гретель — хлебные крошки, оставленные на пути, помогали им найти дорогу домой. Как известно, виртуальный мир может быть еще более запутанным.

Принцип работы breadcrumbs

Правильно реализованные breadcrumbs состоят как минимум из трёх уровней иерархии, визуально выделены и не занимают много места на странице. Выделяют три типа «крошек»:

1. Breadcrumbs, основанные на локализации — самый распространённый тип, который помогает пользователю понять, где он находится в данный момент.
2. Breadcrumbs, основанные на атрибутах — чаще всего используются в интернет-магазинах. Помогают пользователю определить, где на сайте находится искомый товар.
3. Breadcrumbs, основанные на истории — показывают путь, который пользователь прошёл до текущей страницы.

Преимущества использования breadcrumbs

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

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

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