Микроразметка, Schema.org и практическая польза

Переоформляем сайт.

К 2011 году поисковые системы нуждались в новом стандарте, который бы фильтровал сайты по типу и информативности. Существовавший поиск по заголовкам был неэффективен: условный запрос «пирог» Ð²Ñ‹Ð´Ð°Ð²Ð°Ð» безликие рецепты, фильмы, фотоальбомы, ресурсы с вирусами и спамом. Пользователю приходилось заходить на каждый сайт, чтобы найти нужное.

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

Микроразметка существует в Ñ‡ÐµÑ‚ырех видах:

  • микроформаты â€” общее описание контента, расположенного на ÑÑ‚ранице;
  • микроданные â€” типовой набор атрибутов для повышения информативности сниппета;
  • RDF («среда описания ресурса») â€” описание объекта с Ð¿Ñ€Ð¸Ð²ÑÐ·ÐºÐ¾Ð¹ свойств к Ð‘Д;
  • OpenGraph â€” атрибуты в Ð²Ð¸Ð´Ðµ метаданных.

Как это выглядит

Рассмотрим на Ð¿Ñ€Ð¸Ð¼ÐµÑ€Ðµ поисковика Google. Введем запрос Â«ÐÑ€Ð°Ñ…исовая паста» и Ð²Ð·Ð³Ð»ÑÐ½ÐµÐ¼ на Ñ€ÐµÐ·ÑƒÐ»ÑŒÑ‚аты:

Справа вырезка из Ð’икипедии со ÑÑ‚руктурированным описанием, сверху â€” ссылки с Ð¿Ð¾Ð»ÐµÐ¼ Â«Ð¾Ñ†ÐµÐ½ÐºÐ°Â», чуть ниже(за ÐºÐ°Ð´Ñ€Ð¾Ð¼) â€” с Ð¸Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸ÑÐ¼Ð¸. Это и ÐµÑÑ‚ÑŒ страницы с Ð¼Ð¸ÐºÑ€Ð¾Ñ€Ð°Ð·Ð¼ÐµÑ‚кой. Такими результатами заполнены первые 3 страницы поиска, и Ð»Ð¸ÑˆÑŒ на 4-й расположена ссылка следующего вида:

Вряд Ð»Ð¸ вы ÑÐ¼Ð¾Ð¶ÐµÑ‚е определить, что скрывается под этой ссылкой: рецепт, описание или просто отзыв о Ñ‚оваре. Таким интернет был в Ð½Ð°Ñ‡Ð°Ð»Ðµ века.

Что такое Schema.org

Поисковики Google, Bing, Yahoo! и Ð¯Ð½Ð´ÐµÐºÑ с 2011 года поддерживают Schema.org â€” стандарт микроданных для описания всего на ÑÐ²ÐµÑ‚е: от Ð¿Ð¾ÑÑ‚ов в ÑÐ¾Ñ†Ð¸Ð°Ð»ÑŒÐ½Ñ‹Ñ… сетях и Ð°Ð²Ñ‚омоек до Ñ„инансовых сервисов и Ð³Ð¾ÑÑƒÐ´Ð°Ñ€ÑÑ‚венных организаций. Благодаря этому разработчик представляет, как и ÐºÐ°ÐºÐ¸Ðµ данные вносятся для повышения привлекательности.

Недостаток Schema.org â€” количество типов. Их ÑƒÐ¶Ðµ больше 550, и Ñ†Ð¸Ñ„ра стремительно растет. Для поисковых машин это несомненное преимущество, дополнительные фильтры, а Ð²Ð¾Ñ‚ для разработчиков â€” трата времени на Ð¿Ð¾Ð¸ÑÐº нужного типа.

Как это работает

Добавить микроразметку Schema.org на ÑÐ²Ð¾ÑŽ страницу можно в 3 шага:

  1. Открываем сайт Schema.org и находим в списке типов объект, который требуется описать. Пусть это будет организация (Organization)
  2. Дорабатываем наш код, согласно свойствам типа Organization:

<div itemscope itemtype=»http://schema.org/Organization»>
 <span itemprop=»name»>GeekBrains</span>
Contact Details:
 <div itemprop=»address» itemscope itemtype=»http://schema.org/PostalAddress»>
   Main address:
     <span itemprop=»streetAddress»>улица Ленина, 1</span>
     <span itemprop=»postalCode»>124681</span>
     <span itemprop=»addressLocality»>Москва, Россия</span>
   ,
 </div>
   Tel:<span itemprop=»telephone»>8 (495) 123 45 67</span>,
    E-mail: <span itemprop=»email»>bubnov(at)geekbrains.com</span>
</div>

  1. Запихиваем код в валидатор, проверяем правильность.

Теперь ваша страница стала привлекательнее для поисковиков и пользователей.

Подводные камни

У каждой поисковой машины есть ограничения в работе с микроразметкой. Яндекс поддерживает не все типы и свойства Schema.org. Google не отразит рейтинг, если количество оценок менее 3. У Yahoo! нет своего валидатора. Bing не повышает рейтинг сайта из-за разметки.

Однако во всех поисковиках наличие микроразметки является преимуществом — Ð´Ð°Ð¶Ðµ если страница расположится не в начале списка, структурированные сниппеты привлекут пользователя. Дело за малым — ÑÐ¾Ð·Ð´Ð°Ñ‚ÑŒ качественный сайт, избежав глупых ошибок.

Илья Бубнов