Меню «хлебные крошки» – это средство навигации по сайту, повышающее удобство использования веб-ресурса и положительно влияющее на поведенческий фактор при SEO-продвижении. Это меню представляет собой иерархическую цепочку: от главной страницы до текущей. При этом наименования главной и промежуточных страниц являются ссылками, а название текущей – просто надписью, указывающей местонахождение пользователя.
bread1.png
Такое меню считается важной составляющей юзабилити для интернет-магазинов, так как комфортность навигации способствует увеличению числа покупок. Также этот навигационный инструмент необходим любым веб-ресурсам, содержащим большое количество контента и имеющим сложную иерархию страниц. Название данного способа навигации – это отсылка к сказке «Гензель и Гретель», в которой персонажи рассыпали крошки хлеба, чтобы найти обратный путь из леса.
Типы «хлебных крошек»
Меню-крошка играет важную роль и влияет на конверсию, но большинство владельцев сайтов допускают ошибку, не используя либо неправильно используя этот инструмент. Рекомендуется размещать на веб-ресурсе два типа «крошек»:
· структурное меню;
· меню, основанное на истории просмотров.
При этом «хлебные крошки» не заменяют собой главное меню, а дополняют его.
Изучение коммерческих ресурсов показало, что 45 % используют только один вариант «крошек», а 23 % интернет-магазинов вообще не применяют этот инструмент.
«Хлебные крошки» по структуре сайта
Когда пользователь попадает на страницу товара из поиска, отсутствие меню-крошки делает проблематичным просмотр всего списка аналогичных товаров. Потенциальный покупатель не может перейти в категорию, к которой относится найденный товар, чтобы сравнить его с другими или выбрать более подходящий. В результате пользователь вынужден переходить на страницу со всеми товарами или снова осуществлять поиск. Но если «хлебные крошки» присутствуют, то человек легко перемещается по структуре сайта, последовательно просматривая товары выбранной категории, и не покидает интернет-магазин сразу же.
Структурные «хлебные крошки» позволяют перейти к категории, но неудобны в случаях, когда пользователь применял фильтры для выбора интересующих товаров. Такая навигация похожа на использование кнопки «Назад» в браузере.
bread2.jpg
Меню-крошка с историей просмотров
Для того чтобы фильтр не сбрасывался при возврате в нужную категорию каталога, необходимо применять «крошки», основанные на истории просмотров. С помощью такого меню покупатель может вернуться на предыдущую страницу, но, в отличие от возврата кнопкой браузера «Назад», в этом случае не происходит сброса параметров фильтрации и сортировки.
Однако этот тип «крошек» должен дополняться структурным меню, потому что навигация на основе истории не подходит для пользователей, пришедших из внешних источников (из поисковых систем или через рекламные объявления). Такой вариант не позволит этим посетителям ознакомиться со всеми товарами нужной категории.
Плюсы использования
Если в интерфейсе интернет-магазина присутствуют оба типа «хлебных крошек», пользователи будут использовать нужный вариант в зависимости от способа получения доступа к странице.
Структурные «крошки». Покупатели, которые пришли нелинейным путем (при нажатии на рекламу, из внешнего или внутреннего поиска), часто пользуются структурным меню, чтобы посмотреть другие продукты той же категории. Это позволяет находить сопутствующие товары, независимо от того, с какой страницы или с какого сайта пришел покупатель. Следовательно, структурный вариант важен для рекламного, поискового и других нелинейных путей входа в интернет-магазин.
«Крошки» с историей просмотров. Когда клиенты получают доступ к странице линейным путем, структурная навигация не удовлетворяет их потребностям. Если покупатель применил фильтры на веб-странице категории, перешел на страницу товара, а затем вернулся в категории, то фильтры не сохраняются. Причина в том, что в структурном меню-крошке ссылка ведет на категорию и не связана с историей просмотров. Эту проблему можно решить, внедрив «крошки», основанные на истории.
Оба типа «крошек» имеют свои плюсы и минусы, поэтому для эффективной работы интернет-магазина требуется использование обоих вариантов. Простой и удобный способ решения этой задачи – установить структурную навигацию и добавить опцию «Обратно к результатам». Такое решение имеет двойное преимущество: возможность перехода к категории и простоту возврата к предыдущей веб-странице без потери установленных фильтров. Объединение двух вариантов навигации повышает удобство для пользователей, позволяет выбирать любую стратегию просмотра товаров и легко перемещаться по страницам.
«Хлебные крошки» и SEO
Этот навигационный инструмент косвенно влияет на SEO-продвижение веб-ресурса. Он не только помогает пользователям ориентироваться на сайте и улучшает внешний вид веб-страниц, но и позволяет повысить позиции интернет-ресурса в поисковой выдаче «Яндекса» и Google. «Хлебные крошки» выступают в качестве средства внутренней SEO-оптимизации и улучшают поведенческие факторы.
Грамотная система навигации позволяет дольше задержать пользователя на сайте: заинтересовать его, удержать внимание, привлечь к просмотру других материалов, так или иначе связанных с текущей веб-страницей. Улучшение поведенческих факторов способствует продвижению сайта в топ, что в дальнейшем ведет к росту числа посетителей и потенциальных покупателей.
bread3.jpg
Перелинковка
Меню-крошка вносит дополнительный вклад во внутреннюю оптимизацию сайта – связывает отдельные страницы ссылками, то есть способствует перелинковке. Правильно сформированная внутренняя ссылочная масса также повышает привлекательность ресурса для поисковых роботов. Это помогает продвижению сайта на лидирующие позиции поисковой выдачи, что ведет к росту посещаемости. В меню «хлебные крошки» не следует использовать ключевые слова, так как это может создать избыточную концентрацию ключей. Размещать эту систему навигации нужно на всех страницах, где она необходима. Чтобы не делать название массивным, не следует указывать путь в тегах.
Как сделать «хлебные крошки»
Нередко интернет-магазины теряют покупателей из-за проблем с навигацией: пользователь просто не может найти то, что ему нужно, и покидает сайт. Чтобы не допустить этого, следует позаботиться об удобном меню. Существует два варианта создания навигационного меню-крошки:
- установка специального плагина, соответствующего CMS;
- внедрение дополнительного кода в файлы сайта.
Первый способ прост, удобен и подходит для тех владельцев веб-ресурсов, которые не знакомы с веб-программированием. Второй метод может быть реализован опытными веб-программистами. Обычно он используется в случаях, когда невозможно применение готовых решений. Например, если сайт работает не на стандартной, а на самописной системе управления контентом. В этом случае код добавляется сразу в несколько файлов (function.php, index.php, single.php и др.), а оформление создается с помощью файлов css.
Таким образом, меню «хлебные крошки» – важный элемент сайта, способствующий повышению юзабилити, SEO-продвижению и увеличению конверсии. Эта система навигации актуальна для интернет-магазинов и крупных веб-ресурсов с многостраничной структурой.
