В новом аудиоподкасте №346 Николай Шмичков рассказал о том, что такое “хлебные крошки” из словаря SEOшника.
Текстовая версия выступления:
“Всем привет.
Вы снова на канале Сеоквик.
Меня зовут Николай Шмичков и это аудиоподкаст – словарь сеошника.
Мы сегодня будем говорить про “хлебные крошки”.
Самое забавное, что “хлебные крошки” название пришло изначально позже, чем появился непосредственно этот феномен, сама эта цепочка.
На самом деле она и называется в Википедии навигационная цепочка.
Если вы зададите вопрос сеошнику, что такое навигационная цепочка, возможно, он будет смотреть на вас, как баран на новые ворота.
То есть, по факту, может не знать этого.
Эта цепочка и еще у неё есть название дублирующее меню, это элемент интерфейса в компьютерных системах, программа веб-сайта, которая показывает путь от некоего начального элемента, корня файловой системы, главной страницы сайта, до того уровня иерархии, которую в данный момент просматривает пользователь – рабочий файловый менеджер, открытая рабочая страница.
Ярким примером навигационной цепочки в старых файл менеджерах была адресная строка, которая выглядела, как там c:/папка1/папка2/папка3.
Это и была вот эта система: имя диска, папка, подпапка текущая подпапка.
Это и была навигационная цепочка типичных файловых менеджеров.
Ну и по факту, уровень файлового менеджера в этой навигационной цепочке и определял уровень вложенности.
Потом когда спрашивают, что такое этот уровень вложенности это и есть этот уровень вложенности в иерархии данных папок системы, папок и подпапок.
Если вы посмотрите, “хлебные крошки” – это элемент навигации по сайту, которые представляют путь от корня сайта до текущей страницы, на которой в данный момент находится пользователь.
Это полоса в верхней части страницы под шапкой сайта, где каждый элемент является кликабельным и позволяет вернуться на предыдущий уровень назад, зависимо от того, на какой этап вы нажали.
Дословный перевод хлебные крошки – breadcrumbs, он пришёл из известной сказки.
Сказка была Гензель и Гретель, если вы помните, Братья Гримм.
Дети, которые разбрасывали в лесу хлебные крошки, чтобы отметить путь для возвращения домой.
И собственно, хлебные крошки так оно и называется, когда вы проходите, вы оставляете вот этот вот некий след пути.
Все элементы хлебных крошек, кроме последнего являются ссылками, которые можно использовать для быстрого перемещения пользователя, в интересующий раздел сайта.
И также можно определить тот самый уровень вложенности просматриваемой странички путем подсчета количества крошек.
Но самое забавное, не это является реальным уровнем вложенности.
“Хлебные крошки” могут создавать виртуальный уровень вложенности, товары на сайте могут быть по умолчанию в одном уровне вложенности.
Конкретный товар можно найти во всей категории, в рубрике все товары, в другой рубрике вложенности и только они отображаются лишь на сайте виртуально, поэтому для поисковой системы это улучшает навигацию, это дублирует меню.
Это так и называется дублирующим меню, потому что вы можете как через каталог пробраться в “хлебные крошки”, так попав на товар, вернуться в любой раздел просто по дублирующему меню, кликнув на соответствующую рубрику.
Использование “хлебных крошек”, на самом деле, является необязательным.
Даже на нашем сайте, в нашем блоге “хлебных крошек” нет.
Но их наличие полезно для улучшения юзабилити и повышения поведенческих факторов.
Что по этому поводу собственно пишут в СМИ, у других сайтов.
Что есть такое понятие динамические “хлебные крошки” – это когда навигационная цепочка отражает вложенность страниц в зависимости от пути пользователя, а не от иерархии страниц.
То, что я сейчас вам сказал – это когда товары и папки лежат в одной системе на самом деле, а визуально товары находятся по другому пути.
То есть, например, иногда может оказаться, что одна и та же рубрика может находиться в разных папках, в зависимости как попал на неё пользователь.
Один и тот же товар может находиться действительно по-разному пути и навигационная цепочка может даже быть разной для одного и того же товара, такое тоже может быть.
Возможно, что цепочка будет выпадающим списком – это более расширенный функционал, допустим при наведении на предыдущий уровень, вываливается просто меню всех остальных уровней и пользователю можно, при помощи навигации легко попасть на другие рубрики.
Допустим, сидя на товаре, посмотреть другие разделы, выбрать другую, рубрику смежных разделов, какой-то категории.
Также встречаются варианты – это слишком длинные “хлебные крошки” сокращаются, удаляются очевидные подразделы, наоборот добавляя в них подходящие элементы, например, с брендом товара.
Известный пример это Розетка, которая как бы иногда добавляет дополнительную “хлебную крошку”, хотя на самом деле вы не проваливались в этот уровень, а просто она её добавляет.
Бывает навигационная цепочка начинается не с главной страницы сайта, а каталога.
Потому что и так понятно, что она главная.
Сразу идёт каталог, потом рубрика, потом подрубрика.
Так реализовано в российском Эльдорадо.
И хлебные крошки нужны не только большим интернет-магазинам.
Они помогают с навигацией по сайту, который действительно имеет сложную структуру, огромное количество категорий.
То есть это информационные порталы, форумы, блоги, корпоративные ресурсы.
Там очень нужна навигационная цепочка.
Главные критерии ресурса тут не вид, а действительно вложенность страниц и контента.
Если на вашем сайте линейная структура с максимум двумя уровнями, например, у нас на блоге.
Тогда в “хлебных крошках” нет потребности.
Но если уровней как минимум больше двух, то хлебные крошки помогают улучшить навигацию, чтобы пользователям было проще путешествовать по вашему сайту, по обширному контенту.
Более того, тогда можно будет красивые сниппеты выловить из поисковой системы.
Почему бы и нет, навигация действительно попадает непосредственно в поиск.
Давайте делать выводы.
Почему “хлебные крошки” нужно любить.
Во-первых, это улучшает юзабилити, на больших сайтах действительно проще ориентироваться.
Можно в один клик перемещаться куда угодно.
Интернет-магазинам позволяет при помощи различных кнопок путешествовать по сайту и легко делать покупки.
Во-вторых, решается проблема с перелинковкой.
Так как это навигационные элементы, то эти элементы поисковые роботы видят, они изучают сразу все страницы.
Робот легко проходит по всем внутренним ссылкам.
И таким образом решается проблема с перелинковкой и в принципе, установив “хлебные крошки” на многоструктурный сайт, вы лишаетесь проблемы, решаете сразу проблему перелинковки.
Все страницы будут грамотно сразу сделаны, так что каждая ссылка будет учитываться нужное количество раз.
Ну и конечно третья причина, почему стоит любить “хлебные крошки”, это прокачанный сниппет, увеличение кликабельности, увеличение роста.
Сниппет с хлебными крошками выглядит гораздо симпатичнее, у него хлебные крошки идут подсвечены, то есть они переведены, не идут транслитерацией, как фрагмент, и поэтому вы получаете более расширенный сниппет, увеличивайте кликабельность, увеличивайте позиции.
Как сделать “хлебные крошки”.
На главной странице “хлебных крошек” быть не должно в принципе.
Если они там есть, бейте по рукам вашего программиста.
Мы привыкли видеть хлебные крошки сразу под шапкой в верхнем левом углу – это стандартное расположение, под структурным меню веб-ресурса.
Можно их дублировать при желании и внизу.
Микроразметка “хлебных крошек”, оно так и есть, breadcrumblist, её можно использовать без всяких проблем.
Есть гайдлайн от Гугла и таким образом, это легко сделать.
Если же у вас сайт на ВордПрессе, вы можете использовать два плагина.
Они решают задачу ручками.
Без плагинов придется повозиться в коде, написать кое-что хлебные крошки у вас есть.
Если у вас возникли вопросы, задаём вопросы у нас в телеграм-канале.
У нас там есть группа, где можно пообщаться.
Также можно пообщаться, нам написав просто на нашем чате на нашем сайте.
Также не забываем, что есть Youtube канал, каждый четверг у нас там проходят вебинары в прямом эфире.
Можете задать вопросы прямо в прямом эфире мне и моему гостю, которые будут на вебинаре и мы также на них ответим.
А пока не забываем подписываться на наши подкасты и до новых встреч.”
