Он может быть обычным, включающим лишь название страницы, ее ссылку и краткое описание, или же расширенным за счет дополнительных элементов: фото, адреса, контактного телефона и т.п. С некоторых пор расширять сниппеты помогают и так называемые хлебные крошки , впервые предложенные поисковой системой Google.
Что такое хлебные крошки?Хлебные крошки, в основе которых лежит микроразметка от Google, это особый способ дополнении сниппета за счет навигационной цепочки, демонстрирующей место страницы в иерархии сайта. Фактически, хлебные крошки заменяют обычную ссылку в поиске названием разделов и подразделов, в которых находится веб-страница. Поисковик приводит следующий пример:
Как видно, детализация URL-адреса посредством хлебных крошек Arts› Books› Poetr y (рус. – Искусство› Книги› Поэзия ) позволяет точно определить местоположение страницы в структуре веб-ресурса.
Причем здесь «хлеб» и «крошки»?Все просто. Навигационная цепочка под названием «хлебные крошки» призвана отследить маршрут до конкретной страницы вдоль всей иерархии сайта. Похожим образом герои немецкой сказки «Гензель и Гретель» пытались отыскать путь домой из леса, используя предварительно рассыпанные хлебные крошки по маршруту своего путешествия. Отсюда и необычное словосочетание, которое позаимствовал .
Зачем нужны хлебные крошки?Использование хлебных крошек может быть обусловлено несколькими причинами:
- расширенный за счет навигационной цепочки сниппет активнее привлекает внимание пользователя поисковой системы, повышая тем самым вероятность его перехода по ссылке;
- наличие хлебных крошек в поисковой выдаче уменьшает время на поиск необходимой информации из-за более осознанной навигации по сайту;
- дополненный навигационной цепочкой сниппет, по мнению отдельных оптимизаторов, повышает релевантность страницы в выдаче Google.
Эти факторы для многих веб-мастеров – веский аргумент в пользу внедрения пресловутых хлебных крошек в поисковую выдачу. О том, как это сделать, читайте в следующем параграфе.
Как самому внедрить хлебные крошки?Во-первых, настроить хлебные крошки можно «вручную», самостоятельно внеся необходимые изменения в код сайта. Этот вариант предполагает использование микроразметки от Google, а именно: микроданных или RDFa. В случае с разметкой через микроданные код навигационной цепочки может выглядеть так:
«Руководитель проектов команды "Бизнес-Мотор", вебмастер, копирайтер.
Хлебные крошки полезны для пользователей и для поисковиков. Микроразметка легче ориентирует пользователя на сайте и используется поисковиками для формирования расширенного сниппета. Рассказываем, что к чему»
Даже весьма серьезные успехи в части повышения позиций могут быть нивелированы непривлекательными сниппетами с низким CTR. И напротив, интересный, мотивирующий сниппет может выделять сайт среди прочих даже в том случае, если он не находится на первых строках выдачи. Именно по этой причине любые возможности по расширению сниппета можно и нужно использовать максимально. Одна из таких — микроразметка «хлебных крошек», которая позволяет показывать в выдаче рубрику, к которой относится материал, в читабельном и понятном пользователю виде.
Что такое «хлебные крошки»?«Хлебные крошки» (Breadcrumbs) — это общепринятое название навигационной цепочки, которая отражает путь к данной странице сайта с учетом структуры категорий и подкатегорий. Выглядеть она может примерно следующим образом:
Для пользователя сайта «хлебные крошки» удобны тем, что позволяют быстро вернуться в рубрику или подрубрику, к которой относится материал, а также легко ориентироваться в структуре сайта. Но не менее велико значение навигационной цепочки для SEO, ведь именно ее можно оформить с помощью микроразметки с последующими изменениями в сниппете. О том, как это сделать, — читайте ниже.
Как выглядит расширенный сниппет?Проиллюстрируем сниппет на примере конкретного сайта до и после применения микроразметки «хлебных крошек». Вот так выглядел типичный сниппет обзора книги в Google ранее:
А вот такая информация появилась в выдаче после того, как микроразметка была внедрена, а страница повторно проиндексировалась поисковой системой:
Как нетрудно заметить, в данном случае явное указание рубрики помогает пользователю быстро оценить жанровую принадлежность книги, а значит — получить больше информации о странице и сделать осмысленный выбор. В случае с интернет-магазинами это также помогает с первого взгляда определить рубрику каталога, к которой отнесен товар. В сочетании с семантическое оформление хлебных крошек позволяет получить максимально полный, насыщенный информацией сниппет товара, который наверняка не останется незамеченным пользователем.
Микроразметка «хлебных крошек» в Google и ЯндексСтоит отметить, что расширенный сниппет в части навигационной цепочки в Google и Яндекс имеет определенные различия, которые следует учитывать. Так, в частности, если применение микроразметки «хлебных крошек» (при условии отсутствия ошибок) практически наверняка отразятся в выдаче Google, то в Яндексе этого гарантировать нельзя. В Яндекс.Вебмастере по этому поводу приводится следующее пояснение:
Для крупных сайтов, имеющих хорошо выраженную структуру, под сниппетом может показываться навигационная цепочка (ряд ссылок на разделы сайта, к которым относится найденная страница). Такая цепочка позволяет быстро оценить объем информации на сайте или тип контента, и при необходимости за один клик перейти в нужный раздел.
Само собой, оценка «выраженности структуры» остается на усмотрение алгоритмов Яндекса, так что сниппет в выдаче этой поисковой системы может и не измениться, несмотря на внедрение микроразметки.
Интересно и другое наблюдение . В расширенный сниппет Google рубрикация подтягивается в строгом соответствии с навигационной цепочкой, размеченной на сайте. В то же время Яндекс «хлебные крошки» может вообще проигнорировать, а показать структуру согласно url-адреса (даже если в реальной размеченной навигационной цепочке больше или меньше уровней).
При всех особенностях расширенного сниппета для категорий Яндекс обеспечивает и дополнительные бонусы от его использования. Наименования рубрик в его выдаче являются кликабельными, т.е. пользователь может вместо конкретного товара или статьи перейти в интересующую его часть каталога и рубрику.
Как использовать микроразметку навигационной цепочки?Существует несколько стандартов, которые позволяют выполнить микроразметку навигационной цепочки, и все они в равной степени поддерживаются как Яндексом, так и Google. В их числе — OpenGraph, RDF, Schema.org и microdata. Никаких существенных преимуществ у каждого из них нет, так что можно использовать тот, который понятнее администратору сайта или верстальщику.
В качестве примера приведем микроразметку «хлебных крошек» с помощью RDF-маркеров data-vocabulary.org. Для этого необходимо заключить всю навигационную цепочку в тэг … , после чего пометить каждый ее элемент в отдельности.
По моим наблюдениям первое что начали размечать в opencart - хлебные крошки . Почему же именно breadcrumbs стали точкой входа микроразметки в мир сайтов? Есть несколько причин.
Размечая микроразметкой хлебные крошки мы добавляем в сниппет выдачи вложенность страницы по отношению к главной, что дает дополнительную информацию покупателю. Этим мы даем поисковому роботу больше информации для понимания правильной структуры сайта. Из-за чего сайт легче и более прозрачней индексируется.
Для разметки хлебных крошек в Opencart вручную надо в каждом файле шаблона product.tpl, category.tpl и т.д. прописать атрибуты микроразметки.
Синтаксис microdata
Главная
Ноутбуки
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement":
[
{
"@type": "ListItem",
"position": 1,
"item":
{
"@id": "https://example.com/",
"name": "Главная"
}
},
{
"@type": "ListItem",
"position": 2,
"item":
{
"@id": "https://example.com/notebooks",
"name": "Ноутбуки"
}
}
]
}
Код для Opencart