5 лучших практик для навигации по крошке

1. 1. Атрибуты против Pathing
2. 2. Страница и классификация контента
3. 3. Разделите каждый уровень с ясностью
4. 4. Включите ссылки и страницы дизайна для намерения покупателя
5. 5.Планирование по категориям на основе намерений поисковика

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

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

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

Главная> Спорт> Футбол> Трикотажные изделия

Слова «Дом», «Спорт» и «Футбол» - это кликабельные ссылки, которые ведут нас в соответствующий раздел. Вот реальный пример из магазина Amazon Fashion:

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

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

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

1. Атрибуты против Pathing

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

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

2. Страница и классификация контента

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

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

3. Разделите каждый уровень с ясностью

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

Существуют и другие варианты, которые могут быть столь же эффективными и полезными, например:

• >> (двойной знак больше, чем знак)
• ? (длинная стрела)
• / (обратная косая черта)
• // (двойной обратный слеш)

Символы, которые могут вызвать путаницу, включают в себя:

• | (одиночный разделитель)
• … (Эллипсы)
• : или же ; (двоеточие или точка с запятой)

4. Включите ссылки и страницы дизайна для намерения покупателя

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

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

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

5.Планирование по категориям на основе намерений поисковика

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

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

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

Похожие

Комментарии