Изготовление: как сделать сниппет с хлебными крошками


Как сформировать красивый сниппет с хлебными крошками своими руками? С помощью генератора микроформатов для сниппетов можно не только создать красивые BreadCrumb для Гугла, но и получить дополнительные ссылки. Расскажем, как это сделать самому. Хлебные крошки и микроформаты, формирование сниппета.
Генератор сниппетов
Юзабилити ресурсов
Изготовление проектов

Хлебные крошки и микроформаты, формирование сниппета

Оказывается, с помощью микроформатов можно показывать в выдаче не только отзывы и дополнительные ссылки, но и так называемые "хлебные крошки" (Breadcrumb). Что это такое? Это строка дополнительного меню, в которой показан путь от главной странице до той, которую в данный момент просматривает посетитель. Вещь очень полезная и как элемент навигации по сайту, и как SEO-средство. На очень многих форумах хлебные крошки входят в состав базовой версии, применяются они и на обычных сайтах. На нашем тоже есть: это оранжевая полоска в шапке. Вот все, что внутри - это и есть хлебные крошки.

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

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

А как сделать так, чтобы хлебные крошки попали в расширенный сниппет Гугла и Яндекса? К сожалению, базовые версии WordPress, Joomla, Drupal или Битрикс не поддерживают генерацию микроданных требуемого формата. Можно, конечно, поискать соответствующий модуль или плагин хлебных крошек, но есть серьезные сомнения, что он сможет сделать это в нужном микроформате. Между тем совсем не трудно сформировать RichSnippet самому, на обыкновенном HTML. Чтобы убить двух зайцев сразу, а именно - сделать хлебные крошки и показать их в расширенном сниппете - воспользуемся микроформатами, предложенными Google.

Пример формирования хлебных крошек в сниппете микроформатом RDF:

Чтобы посмотреть, как это сделано, вам нужно открыть HTML-код страницы, найти это место и обратить внимание, как прописан фрагмент меню ниже:

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

<div xmlns:v="http://rdf.data-vocabulary.org/#">

<span typeof="v:Breadcrumb">
<a href="http://com-seo.ru/" rel="v:url" property="v:title">SEO сайт</a>
</span>

<span typeof="v:Breadcrumb">
<a href="http://com-seo.ru/web-design-sozdanie-site-dizayn-razrabotka-besplatno.html" rel="v:url" property="v:title">ЖМИ ЗДЕСЬ!</a>
</span>

<span typeof="v:Breadcrumb">
<a href="http://com-seo.ru/samostoyatelnoe-sozdanie-site-free-razrabotka-saytov-besplatno.html" rel="v:url" property="v:title">А ТЕПЕРЬ СЮДА</a>
</span>

</div>

При использовании этого фрагмента микроразметки не забудьте подставить свои ссылки и анкоры к ним!

Как проверить, правильно ли будут отображаться микроданные?

Поисковые системы предоставляют возможность проверки правильности микроразметки, сделанные нашим генератором. В Гугле валидатор микроданных находится по ссылке http://www.google.com/webmasters/tools/richsnippets, в российском Яндексе - http://webmaster.yandex.ru/microtest.xml. Надо сказать, что даже если валидаторы показали, что микроформат использован правильно, это еще не гарантия того, что у вашего сайта сформируется расширенный сниппет в выдаче. Некоторые микроданные вообще не отображаются в сниппетах, это относится как раз к хлебным крошкам в Яндексе. Чтобы они отобразились в Гугле, надо, чтобы доменное имя сайта и анкоры ссылок были короткими, иначе они не уместятся в отведенное для них место и из-за этого не будут показываться. По этой же причине сама цепочка с крошками не должна быть длинной, 3 - 4 ссылки максимум. Но так или иначе проверка с помощью валидатора обязательна: код для хлебных крошек достаточно сложный, и легко допустить ошибку в микроформате.

Хлебные крошки и микроформаты, формирование сниппета
SEO для вебсайта
Ссылка на страницу: http://com-seo.ru/hlebnye-kroshki-mikroformaty-formirovanie-snippeta-breadcrumb-generator.html © 2013 Москва Россия