Что такое хлебные крошки и почему они важны?

13 мая 2021 г.

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

Что такое панировочные сухари?

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

Почему хлебные крошки важны?

Есть несколько причин, по которым хлебные крошки важны для компаний и предприятий, в том числе:

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

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

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

Виды панировочных сухарей

Вот список различных типов хлебных крошек, которые могут использовать веб-сайты:

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

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

Хлебные крошки на основе иерархии

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

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

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

Как добавить хлебные крошки на свой сайт

Вот список шагов, как добавить хлебные крошки на свой сайт:

1. Ссылка на другие веб-страницы

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

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

2. Выберите размер

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

3. Используйте полезные заголовки

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

4. Используйте разделители

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

5. Проведите тестирование

После того, как вы закончите создавать свои хлебные крошки, полезно оценить дизайн с помощью таких упражнений, как A/B-тестирование. A/B-тестирование предоставляет людям два уникальных дизайна и позволяет им оставить отзыв о том, насколько они были восприимчивы к каждому из них. С помощью A/B-тестирования компании могут увидеть, насколько эффективен их дизайн хлебных крошек и какие преимущества он может предоставить клиентам и пользователям веб-сайта. Они также могут понять, есть ли какие-либо проблемы или проблемы в дизайне хлебных крошек, и при необходимости скорректировать дизайн.