Данная статья не имеет никакого отношения к кулинарии или рецептам в целом, как эта: "Рецепт идеального seo". И уж тем более не имеет отношения в известному произведению братьев Гримм «Гензель и Гретель». Хотя именно Гримм стали прародителем одного из элементов микроразметки breadcrumb.
Хлебные крошки (breadcrumb) — элементы навигационных цепочек на сайте, предназначенный для обозначения структуры интернет-ресурса от главной страницы к дальнейшим уровням вложенности.
Для чего нужны хлебные крошки
Ходит множество споров о функциональности и целесообразности использования хлебных крошек на сайтах, блогах и в интернет-магазинах. Но как бы то ни было существует и логическое объяснение, и практическое обоснование их применения.
Основная задача хлебных крошек заключается в том, чтобы предоставить пользователю информацию о его местоположении на сайте. Так интернет-магазины кроме классического структурного формата используют и нестандартные решения в внедрением хлебных крошек на страницах с фильтрами: ценой, размерами, классификаторами, цветом и брендами. Считается, что такой тип breadcrumb способен значительно увеличить процент конверсии и прямых продаж с сайта.
Второй, но не менее значимой причиной внедрения хлебных крошек, является тот факт, что данный функционал может выступать элементом микроразметки. Как заявляет Google:
Хлебные крошки установленные на страницах помогают роботу и пользователям понять иерархию сайта.
Правильная микроразметка хлебных крошек не только обеспечивает вас красивым оформлением ссылки с сниппете, но и влияет на появление в скором времени «быстрых» ссылок у Google.
К сожалению, Яндекс хоть и поддерживает микроданные, но процесс и алгоритм понимания структуры сайта отличается от Google.
Как сделать хлебные крошки
Реализация хлебных крошек на страницах любого сайта достаточно проста. Был бы доступ к html страницы и внедрить навигационные цепочки не составить больших проблем. Примером может служить всем нам известный livejournal.com, в котором доступ к php закрыт, но реализована возможность вставки html кода в текст.
Сделать микроразметку хлебных крошек с помощью html можно так:
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="https://marseo.ru" itemprop="url">
<span itemprop="title">Главная</span>
</a> ›
</span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="https://marseo.ru/sozdanie-sajta-na-wordpress/" itemprop="url">
<span itemprop="title">Создание сайта на wordpress</span>
</a> ›
</span>Навигационные цепочки для сайта
Вот полученный результат с некоторой стилизацией css:
Marseo — seo блог » Создание сайта на wordpress » Микроразметка для хлебных крошек
В WordPress хлебные крошки можно реализовать как с помощью php, так и с помощью плагинов.
Функционал плагина Yoast WordPress SEO позволяет устанавливать breadcrumb в любое не обходимое для вас место, кроме всего прочего в данном плагине уже подключена микроразметка и Google её прекрасно обрабатывает. Достаточно установить в нужное место код и наслаждаться его работой:
Кроме всего прочего breadcrumb можно установить из без плагина. В сети много различных функций, которые помогают реализовать данный функционал. Мне не хотелось повторяться, и я сделал навигацию с помощью стандартных функций wp. Данную функцию необходимо вставить в файл single.php:
<p><span xmlns:v="http://rdf.data-vocabulary.org/#"><span typeof="v:Breadcrumb"><a href="/" rel="v:url" property="v:title">Главная</a> » <span typeof="v:Breadcrumb" rel="v:child"><?php the_category(''); ?> » <span class="breadcrumb_last"><?php the_title(); ?></span></span></span></span></p>
А данную в function.php:
function category_rel_change( $text ) { $text = str_replace('rel="category tag"', 'rel="v:url" property="v:title"', $text); return $text; }
add_filter( 'the_category', 'category_rel_change&' );
Следует отметить, что:
- навигационные цепочки следует устанавливать лишь с третьего уровня вложенности. Главная страница и страницы разделов и рубрик не попадают под формирование микроразметки,
- ссылка со страницы на саму себя не требуется, то есть в хлебные крошки входят ссылки на иерархию разделов, но конечный результат выводится текстом,
- не следует дублировать breadcrumb на странице два раза, в данном случае возникает некоторые нелогичные цепочки в сниппете.
В заключение следует добавить, что хлебные крошки играют не только роль навигации, но и выступают как seo-инструмент, который ни в коем случае нельзя игнорировать или принижать его значимость.
Максим, привет! Там полетели кракозябры в комментарии — не переключила раскладку — удали, плиз…
А теперь по делу: я не понимаю, что это такое — хлебные крошки — это меню? Или? Пожалуйста, для особо одарённых, сделай оъьяснение. Можно — с картинкой, только без множества других деталей (красивственности). Буду благодарна.
Галина, хоть вам и не знакома такая аббревиатура, но с большой уверенностью могу сказать, что вы знакомы с хлебными крошками. Да, это действительно меню, но не то, что мы привыкли видеть в сайдбаре, а меню навигационных цепочек, которое указывает путь от главной страницы к странице, на которой вы находитесь. На моём блоге они реализованы под формой подписки к конце статьи:
А что делать в том случае, если у меня встроены в шаблон уже хлебные крошки, но в них не хватает навигации на главную? То есть, все почти как у тебя, кроме главной.
Может отредактировать код? А можно целиком удалить и вставить свой.
Привет! Я правильно понял, что для страниц хлебные крошки не нужны, т.к. у страниц второй уровень вложенности (например site.ru/contacts или site.ru/information)? Получается, что хлебные крошки актуальны только для записей?
Спасибо!
Да, это действительно так, актуальны хлебные крошки лишь для страниц третьего уровни и выше.
А вот говорят, что надо убирать название статьи из хлебных крошек, чтоб не было дублирования заголовка, стоит ли?
По идее с микроразметкой поисковики должны уже отличать, где хлебные крошки, а где статья
Не совсем. Название статьи не входит в микроразметку хлебных крошек, как следствие воспринимается как просто текст. Но при составлении семантического ядра статьи, расчёте плотности и местоположения ключевых слов я учитываю тот факт, что существует дублирование заголовка. На самом же деле было бы логично его исключить из хлебных крошек.
О, тогда понятно. Я его везде убираю на всякий случай =)
А у Вас почему нет хлебных крошек?
Они хорошо спрятаны внизу статьи под формой подписки.