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

Хлебные крошки: для чего они нужны сайту

Мало платят? Неинтересная работа? В институте ничему не учат?
Я тоже прошел через всё это. А потом взял и стал программистом :)
О том, как я это сделал, читай тут.

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

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

Ошибки при использовании хлебных крошек

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

  1. Расположение хлебных крошек в нижней части страницы — не лучшая идея. Посетители сайта могут их просто не заметить.
    нижнее расположение хлебных крошек имеет смысл только тогда, когда они точно копируют верхние крошки.
  2. Использование хлебных крошек как варианта перекрестной навигации. Лучше для таких случаев использовать вспомогательное меню.
  3. Использование нескольких путей для одной и той же страницы. Во всех случаях пользователь проходит разные пути до целевой страницы. На одну и ту же страницу (например, карточку товара) можно попасть несколькими путями: с главной страницы со страницы категории, со страницы подкатегории, со страницы производителя товара. При этом хлебные крошки каждый раз отображаются по-разному. Такая "изменчивая" навигация совершенно не дает представлений о реальной структуре сайта, что сбивает пользователей с толку и препятствует полноценной навигации.

Как правильно использовать хлебные крошки?

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

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

На этом про хлебные крошки всё. Желаю удачи во внедрении, если их у Вас ещё нет.

Присоединяйтесь к нам в Twitter, ВКонтакте, Facebook и Google+, а также вступайте в наш чат в Telegram, чтобы не пропустить новые уроки и быть в курсе последних новостей из мира веб-разработки.