Что такое хлебные крошки и для чего они нужны?

Здравствуйте, дорогие друзья! Хотите улучшить навигацию вашего сайта, повысить позиции в поисковых системах, а также упростить его использование для пользователей? Вам помогут… хлебные крошки. Нет, ничего со стола слизывать мы не будем! Поговорим с вами об очень простом способе улучшения юзабилити вашего веб-проекта. Готовы? Давайте разбираться с тем, что такое хлебные крошки, и для чего они нужны.

О чем речь?

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

А что, если статей не сто, а пятьсот? В этом случае категорий мало, приходится создавать подкатегории. Это логично, но неудобно, так как пользователям очень легко запутаться.

Вот в этом деле на помощь и приходят хлебные крошки.

Объясняю подробно. Предположим, вы развиваете сайт о разных видах спорта. Давайте придумаем для него пять больших категорий:

● Активные виды спорта;

● Настольные виды спорта;

● Водный спорт;

● Олимпийские виды спорта;

● Интеллектуальные виды спорта.

В принципе, любую активность можно уместить в эти категории. Но давайте возьмем категорию «Водный спорт». Ведь ее тоже можно разделить на несколько, не так ли? Например, на следующие:

● Командный спорт;

● Одиночный спорт.

В первую мы добавим водное поло, синхронное плавание, а во вторую — плавание на 100 метров, на 200, на 500 и так далее.

А теперь давайте распишем нашу структуру. Выглядит она следующим образом:

● «Виды спорта — Водные виды спорта — Одиночный спорт — Плавание на 100 метров».

Вот эта строка, которую вы видите выше, и является хлебными крошками.

Посмотрите на картинке, как выглядят хлебные крошки на сайте о здоровье:

Несложно догадаться, если путь к статье под названием «Шахматы» будет выглядеть следующим образом:

● Настольные виды спорта — Одиночный спорт — Шахматы.

Хлебные крошки чаще всего можно увидеть на сайте сразу над заглавием. И зачем же они нужны, можете подумать вы?

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

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

Когда речь заходит о кодинге, я всегда стараюсь использовать простые решения. В wordpress, например, все делается очень просто, с помощью плагинов.

Просто выберите то решение, которое вам интересно. Например, весьма удачным исполнением являются хлебные крошки от Yoast SEO (специальный плагин).

А можно ли сделать без плагинов, напрямую в html? Конечно же, можно, ведь в вёрстке все пишется на html. Но зачем? Ведь навигация — это достаточно сложная штука, и вам придется потратить много времени для создания кода, который бы группировал страницы. Поэтому ручным кодингом составлять микроразметку хлебных крошек я рекомендую для Битрикс, Opencart и других движков. Хотя и для них есть специальные готовые решения.

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

А зачем это надо?

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

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

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

А нужны ли вообще хлебные крошки?

Получается очень интересная ситуация. Вот преимущества хлебных крошек:

● Удобная навигация;

● Красиво;

● Внутренняя перелинковка, которая хорошо сказывается на продвижении страниц.

Но есть и минусы. Как вы думаете? Какой главный минус?

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

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

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

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

Например, если вас интересует информация о заработке в «YouTube», тогда вы просто выбираете эту ссылку и находите несколько десятков публикаций.

Стоит ли делать подрубрики? На данный момент нет. Но через несколько лет, когда количество публикаций у меня будет равняться нескольким тысячам, в частности, когда в рубрике «YouTube» будет больше сотни постов, возможно, я создам две категории, например, «Заработок на YouTube» и «Дизайн канала YouTube».

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

Но мне кажется, что тут не надо быть таким уж придирчивым. Если вам нравится эта идея, и даже если количество публикаций у вас не только большое, установите, посмотрите, оцените, как ведут себя пользователи и принимайте решение — либо оставить, либо удалить.

Кстати, полезный совет… Обязательно подключите Вебвизор от Яндекс Метрики. Этот сервис позволяет видеть видеозапись того, что конкретно пользователи делают на вашем сайте. Например, если вы установите хлебные крошки, но заметите, что ими никто не пользуется, тогда будет иметь смысл их удалить.

Напротив, если пользователи будут активно ими пользоваться, и общее число просмотров страниц на одного пользователя увеличится, тогда, конечно, имеет смысл оставить.

Дополнительные способы внутренней перелинковки

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

● Облако тегов. Это специальный плагин, который выводит теги (метки), которые вы добавляете к своим статьям. Следует признать, что этот способ сортировки контента был очень популярен 5-10 лет назад, сейчас он почти не встречается. Поэтому что это, вы, возможно, и не знаете. Но если заинтересовала идея, поищите в интернете варианты как 2Д, так и 3Д тегов.

Может получатся очень красиво и эффективно. Недостаток, правда, заключается в том, что к каждой статье надо добавлять определенный тег. В нашем случае, например, вы могли бы добавить тег «Фигура» к статьям «Шахматы» и «Шашки». Тогда, когда пользователь нажимал бы на тег «Фигура», он получал бы список с играми, которые предполагают использование фигур. Практично? Я считаю, что да, и ничем не хуже, чем эти самые хлебные крошки.

● Ссылки на другие статьи своего блога. Мне кажется, это отличный способ. Например, я пишу сейчас о плагинах для WordPress, но, возможно, некоторые мои читатели не знают, что такое этот самый WordPress, поэтому я могу поставить ссылку на статью, в которой это рассказывается.

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

● «Related posts», или же «Похожие записи» — это отличный плагин. Тоже есть много вариаций. Смысл очень простой: под каждой записью можно вывести три или любое другое количество постов, которые похожи по смыслу. Вам не надо ничего подбирать вручную, вы можете поручить это плагину. Он проанализирует контент и выберет, какие посты являются похожими.

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

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

Напишите комментарий, мне интересно, используете ли вы хлебные крошки на своих блогах? Прошу поделиться ссылкой на данный пост со своими друзьями и подписаться на мой блог. Буду рад видеть вас в следующий раз.

И да! Не забудьте посетить курс по созданию сайта/блога.