Что такое хлебные крошки на сайте? Определение и преимущества

11 марта 2022 г.

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

Что такое хлебные крошки на сайте?

Хлебные крошки, также называемые навигационными цепочками, обычно отображаются как дополнительная панель навигации в верхней части веб-страницы. Он используется для определения местоположения пользователя и помогает ему перемещаться по вашему веб-сайту. Название является отсылкой к сказке о Гензеле и Гретель, где дети оставляют след из хлебных крошек, чтобы найти дорогу домой. Точно так же хлебные крошки веб-сайта — это интерактивный текст, который помогает пользователям вернуться на вашу домашнюю страницу или в другое нужное место на вашем веб-сайте.

В навигационной цепочке используется символ «больше» (>) для разделения каждого пункта назначения в цепочке истории. Например, хлебная крошка веб-сайта поставщика кофе может выглядеть так: Главная> Весь кофе>Темная обжарка.

3 основных типа хлебных крошек на сайте

Существует три основных типа хлебных крошек, которые вы можете использовать для своего собственного веб-сайта. Это включает:

1. Хлебные крошки на основе атрибутов

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

2. Панировочные сухари на основе местоположения

Хлебные крошки на основе местоположения отображают иерархическую структуру веб-сайта. Они помогают пользователям понять схему веб-сайтов с несколькими категориями на карте сайта, такими как раздел «О нас» и раздел «Блог». Например, компания может использовать «хлебные крошки» на основе местоположения, чтобы показать пользователю, что он находится в разделе блога под определенным названием блога. Это также инструмент для направления пользователей обратно на вашу домашнюю страницу. Хлебные крошки на основе местоположения хорошо подходят для веб-сайтов с большим количеством контента.

3. Панировочные сухари на основе пути

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

Каковы преимущества использования панировочных сухарей?

Хлебные крошки облегчают пользователям навигацию по сайту. Вот некоторые преимущества использования хлебных крошек на веб-сайте:

Улучшает рейтинг сайта

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

Улучшает пользовательский опыт

Хлебные крошки могут помочь улучшить взаимодействие с пользователем, поскольку они улучшают навигацию по сайту и помогают пользователю находить информацию, которую он ищет. Их использование может побудить посетителей посетить другие разделы вашего веб-сайта. Хлебные крошки также могут упростить посетителям выполнение действий на вашем сайте, поскольку они предоставляют пользователям соответствующие ссылки. Улучшение пользовательского опыта также может улучшить ваш рейтинг в поисковых системах, поскольку это один из факторов, который принимается во внимание.

Снижает показатель отказов

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

Занимает мало места

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

Рекомендации по внедрению навигации по цепочкам

Наилучшее использование хлебных крошек часто зависит от дизайна вашего веб-сайта. Они наиболее полезны на сайтах с большим количеством контента и категорий и наиболее эффективны в сочетании с удобными макетами. Вот несколько советов, которые помогут вам внедрить навигационную цепочку на вашем веб-сайте:

• Держите его маленьким: при создании хлебных крошек убедитесь, что он меньше, чем ваша основная панель инструментов навигации, чтобы пользователи видели панель инструментов в качестве доминирующей функции.

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

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

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

• Ссылка на предыдущие разделы: поскольку ваш пользователь уже находится на странице, нет особого смысла добавлять ссылку на текущую страницу в навигационную цепочку. Добавляйте ссылки на предыдущие разделы только в качестве справочного материала для пользователей.

• Не добавляйте «хлебные крошки» на одностраничный сайт: если ваш сайт содержит только одну страницу, вам не нужно добавлять навигационный инструмент «хлебных крошек».