Почему хлебные крошки важны для SEO?

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

Хлебные крошки также могут положительно повлиять на ваш SEO-рейтинг и должны быть включены в вашу внутреннюю стратегию ссылок.

Что такое хлебные крошки и какие сайты должны их использовать?

Хлебные крошки — это локальная система навигации, которая показывает пользователю его местоположение на сайте. Обычно вы можете найти их в верхней части страницы, прямо над заголовком или главным изображением. Они представляют собой небольшой текстовый след с гиперссылками на ранее посещенные страницы, например, Главная > Блог > База знаний.

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

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

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

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

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

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

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

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

В статьях, посвященных SEO, неоднократно подчеркивается, что Google может отображать навигационные пути в виде расширенных результатов в поисковой выдаче, точно показывая пользователю, где он окажется на сайте после нажатия на ссылку. Такой внешний вид привлекает внимание пользователей и побуждает их посетить сайт.

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

Таким образом, на самом деле не требуется использовать хлебные крошки и при этом получать такой богатый результат. Но, используя хлебные крошки, вы гарантируете, что Google отобразит их в нужном вам формате. Дополнительные сведения см. в разделе «Реализация разметки схемы Breadcrumb» этой статьи.

Могут ли хлебные крошки улучшить вашу видимость в поиске Google?

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

Чем больше внутренних ссылок, тем роботу Googlebot легче обнаружить ваши страницы и получить к ним доступ. Google Search Advocate, Джон Мюллер, подтвердил положительное влияние хлебных крошек на сканируемость.

Мы используем хлебные крошки для сканирования (поиск внутренних ссылок) и расширенных результатов (структурированные данные).

источник: Джон Мюллер

Более того, ссылки, используемые в навигационной цепочке, могут передавать значение PageRank, согласно сообщению в Твиттере Гэри Иллиеса , аналитика тенденций Google для веб-мастеров.

Виды панировочных сухарей

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

Хлебные крошки на основе иерархии

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

Главная > Чаи > Зеленые чаи > Зеленые чаи с сухофруктами

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

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

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

На основе атрибутов или динамические хлебные крошки

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

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

Главная > Чаи > Фасовка > Тип > Вкус

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

Главная > Чаи > Черный чай [Размер: большой] , [Вкус: клубника]

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

Хлебные крошки на основе истории

Хлебные крошки на основе истории или пути — самая старая форма хлебных крошек, и они наиболее точно напоминают историю Гензеля и Гретель. Они показывают все страницы, которые пользователь посетил до сих пор, от начала до конца.

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

Традиции желтого чая > Модель чайника 1 > Чайники

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

< Назад \ Вы находитесь: Главная > Аксессуары > Чайники > Модель чайника 1

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

Упреждающие хлебные крошки

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

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

Главная > Чаи > Черные чаи
> Зеленые чаи
> Желтые чаи
> Красные чаи
> Белые чаи

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

Исследователи из Университета Далхаузи в Галифаксе в Канаде провели исследование в сентябре 2005 года, чтобы выяснить, стоит ли развивать эту новую навигационную идею. Это показало, что пользователи ценят упреждающие «хлебные крошки», когда им дают инструкции по их работе.

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

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

Наиболее распространенные ошибки при внедрении хлебных крошек

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

Замена основной навигации хлебными крошками

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

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

Перегруженность пользователей слишком большим количеством вариантов навигации

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

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

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

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

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

Как хлебные крошки помогают диагностировать проблемы со структурой сайта?

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

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

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

Кроме того, хлебные крошки помогают определить неэффективные и загадочные названия категорий.

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

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

Главная > Чаи > Черные чаи > Вяжущие > Аромат черного чая 1

Есть предмет, который должен привлечь ваше внимание. Человек, незнакомый с профессиональной чайной лексикой, может не понять, что такое вяжущий вкус. Вряд ли они просмотрят эту непонятную категорию и перейдут по ссылке.

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

Хлебные крошки и стратегия индексации

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

Но значит ли это, что индексирование — это всегда хорошо? К сожалению, на каждом сайте могут быть страницы низкого качества. Их присутствие в индексе нежелательно, чтобы на их основе у Google не сложилось негативное мнение обо всем сайте. Давайте рассмотрим эту тему на примере.

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

Если пользователь решит посетить веб-сайт этого магазина, его навигационная цепочка может выглядеть так:

Главная > Найти наш магазин > Маленькая деревня > Небольшой чайный магазин

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

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

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

Лучшие практики навигации по хлебным крошкам

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

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

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

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

Как придать панировочным сухарям оригинальный стиль?

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

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

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

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

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

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

Внедрение разметки схемы хлебных крошек

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

Зачем применять структурированные данные в навигационной цепочке?

Структурированные данные , которые вы можете реализовать с помощью Schema Markup или других методов, — это дополнительная информация для Google, которую вы можете поместить в код своего веб-сайта. Это может оказать огромную помощь ботам Google в понимании содержания вашей страницы и принести вам некоторые другие преимущества.

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

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

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

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

Схема BreadcrumbList в вашем коде

Ниже приведен пример применения структурированных данных к навигационной цепочке в интернет-магазине чая со следующими элементами: Главная > Чай > Черный чай.

 {

"@context": "https://schema.org",

"@type": "Список хлебных крошек",

В самом начале мы указали, что формат наших структурированных данных — это словарь разметки схемы, взятый с schema.org . Затем мы определили элемент контейнера «BreadcrumbList», который содержит все элементы нашего следа хлебных крошек.

 "ЭлементСпискаЭлементов":

Разметка выше, «itemListElement», сигнализирует о том, что мы начинаем перечислять отдельные хлебные крошки в правильном порядке.

 [{

"@type": "ЭлементСписка",

"позиция": 1,

"название": " Дом ",

"предмет": "https://yourtestore.com"

},{

"@type": "ЭлементСписка",

"позиция": 2,

"имя": " Чай ",

"предмет": "https://yourtestore.com/teas"

},{

"@type": "ЭлементСписка",

"позиция": 3,

"название": " Черные чаи ",

"предмет": "https://yourtestore.com/teas/blackteas"

}]

}

Мы пометили каждую из отдельных хлебных крошек как «ListItem» и описали их позиции, имена и содержащиеся в них ссылки.

Подведение итогов

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

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

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