Заказать SEO-услуги
Согласен с правилами обработки персональных данных
Скорость ответа - до 30 минут!

Микроразметка в Яндекс и Google. Как и зачем её использовать

like 103
68
22
13

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

Внимание! У нас вышла новая статья с актуальными данными по микроразметке сайтов, прочитать её можно по ссылке

Сегодня много внимания уделяется структурированной разметке данных (микроразметке). Зачем она нужна, почему лучше с ней, чем без нее, и как ее использовать? В этой статье постараемся ответить на эти вопросы.

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

Микроразметка помогает роботу

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

Семантический вид документа

Внедряя микроразметку, мы помогаем поисковому роботу лучше понимать суть контента и извлекать нужную информацию с сайта для формирования сниппетов. Микроразметка дает возможность описывать различные типы информации (мероприятия, организации, рейтинги и т.д.), доступным для робота языком.

Микроразметка помогает пользователю

Благодаря данным из микроразметки формируется расширенное описание (сниппет) документа в результатах поиска, что в свою очередь делает ваш сниппет полезнее и привлекательнее для клика, а значит, увеличивает CTR.

Сниппет страницы с микроразметкой:

Сниппет страницы с микроразметкойСниппет страницы без микроразметки:

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

Косвенное влияние микроразметки  на ранжирование сайта подтверждает и сам Яндекс:

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

Существует несколько различных стандартов микроразметки. Самые популярные из них:

Стандарты микроразметки

В 2011 году мировые поисковые системы приняли schema.org за единый стандарт семантической разметки. В связи с этим рассмотрим этот стандарт более подробно.

Schema.org представляет собой набор классов, описывающих различные схемы и их свойства. Формирование разметки происходит в два этапа:

  1. Указание схемы разметки.
  2. Указание отдельных свойств схемы.

Рассмотрим пример формирования схемы «Адреса и организации».

Без разметки:

Пример кода без микроразметки

Указываем схему, которую мы хотим использовать:

Указание схемы для микроразметки
Itemscope обозначает, что код в блоке <div></div> содержит некую схему (сущность). Тип схемы обозначает itemtype. В нашем случае схема, описание которой заключено в <div>, представляет собой адрес организации (Organization). Подробнее о схеме можно прочитать здесь.

Описываем свойства схемы:

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

Проверить, правильно ли размечен документ, можно в специальных валидаторах:

Сегодня Яндекс и Google поддерживают не все сущности, представленные в schema.org, но список постоянно пополняется.
Ниже представлена таблица схем, которые поддерживают Google и Yandex:

Таблица схем, которые поддерживают Google и YandexРассмотрим некоторые примеры разметки отдельно для Yandex и Google.

 

Примеры разметки по схемам, поддерживаемым Яндекс

Адреса и организации

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

Отображение сниппета организация

Словарные статьи

Если сайт справочного или словарного типа, то размечая страницу по этой схеме, можно принять участие в программе «Яндекс.Словарей» (подробнее тут), что улучшит отображение сниппета:

Отображение сниппета словарные статьи

Отзывы об автомобилях

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

Отзыв в Яндекс.АвтоИ в результатах поиска:

Отзыв в Яндекс.Авто появляются в поиске

Подробнее об использовании остальных схем для Яндекс вы узнаете, перейдя сюда.

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

У Google таких ограничений нет. Например, схема Review будет работать не только для автомобильных сайтов (как у Яндекса), но и для любых ресурсов, которые содержат отзывы.

 

Примеры разметки по схемам, поддерживаемым Google

Отзывы

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

Пример сниппета отдельного отзыва:

Пример сниппета отдельного отзыва

Пример сниппета сводного отзыва:

Пример сниппета сводного отзыва

Мероприятия

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

Пример отображения сниппета Мероприятие

Товары

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

Пример отображения сниппета Товар

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

Мы рассмотрели лишь часть схем, которые поддерживает Google, подробнее узнать обо всех вариантах микроразметки вы можете здесь.

Полезные инструменты

Для удобства формирования разметки есть специальные инструменты.

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

Маркер – если вы не знаете, как внедрить микроразметку в код вашего сайта, этот инструмент поможет разметить и отправить данные, используя только мышь, редактировать сам код не нужно. Главный минус данного сервиса в том, что структурированные данные отправляются только в Google, Яндекс их не увидит.

Мы советуем прописывать микроразметку в код, чтобы структурированные данные были доступны всем поисковым системам.

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

Подписаться на рассылку

Еще по теме:


Евгений Аралов

SEO-аналитик SiteClinic.ru

Продвигаю сайты с 2009 года.

Выступал на конференциях AllInTop, Optimization

Публикую полезные статьи на различных блогах: siteclinic.ru, optimizatorsha.ru, searchengines.ru и веду Telegram-канал.

Сейчас руковожу SEO-отделом в компании SiteClinic: строю и координирую команду, обучаю специалистов.

Девиз: вперёд!

Оцените мою статью: 

1 Star2 Stars3 Stars4 Stars5 Stars (130 оценок, среднее: 4,15 из 5)

Есть вопросы?

Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.

Siteclinic logo
Наверх

46 комментариев к статье “Микроразметка в Яндекс и Google. Как и зачем её использовать

  1. Никогда не заморачивался над микроразметкой, но стало интересно — получается я могу прямо влиять на формирование сниппета в яндексе? Или пс сама будет выбирать — из микроразметки брать сниппет, или как обычно — более релевантные куски из документа.

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

  3. Есть ли какие-то данные из практики о том, влияет ли микроразметка на ранжирование и помогает ли не для улучшения сниппетов, а для продвижения как такового.  

  4. Здравствуйте!

    Не совсем понял из статьи про разметку для адресов.

    Куда ее нужно внедрять?

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

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

     

    Спасибо.

     

     

  5. Внедрять разметку https://schema.org/Organization нужно на странице с контактами. При запросе организации в выдаче будет страница, релевантная запросу, но с расширенным сниппетом, в котором будут отображаться ваши контакты. На сегодняшний день эта схема нечасто используется поисковыми системами. Если вы хотите, чтобы в сниппете отображались ваши контакты, то мы рекомендуем добавить сайт в следующие сервисы: для Яндекса — Яндекс.Справочник (https://sprav.yandex.ru/); для Google — Google Адреса (https://support.google.com/places/?hl=ru).

        1. Евгений, будет ли правильно робот видеть разметку, если я укажу рядом с номером телефона в шапке:

          <div itemscope itemtype="https://schema.org/Organization"> <span itemprop="telephone">+7 495 739–70–00</span>, </div>

           или обязательно прописывать название и адрес?

          Задаю этот вопрос, потому, что валидатор  микроразметки Яндекс ругается.

           

  6. Здравствуйте! Я у себя сделала микроразметку рецепты. У меня вопрос, может Вы знаете, есть ли какие то ограничения в размере картинок которые будут присутствовать в снипете. То есть какой минимальный размер изображений. Или такого нету?

  7. Скажите, а какую микроразметку можно внедрить на сайт по заказу дипломных и курсовых? примеров работ на сайте нет. Сайт порядка 15 страниц

  8. Здравствуйте. 
    Если на сайте реализованы отзывы о дипломах, то можно добавить микроразметку отзывов.
    Также можно выделить микроразметкой элементы навигации сайта, пример можете посмотреть здесь.

  9. В Schema.org creator  — увы нет многих категорий, например place, photo и др.

    И вопрос есть еще о вставке кода — вставлять просто на страничку в редакторе CMS?

    Спасибо заранее за ответ 🙂

  10. Shema Creator постоянно развивается и категории будут добавляться.

    Да, код разметки нужно вставлять в HTML исходя из особенностей верстки.

     

    1. Спасибо за ответ! Вставил в html-редактор своей CMS, но код не сохраняется, к сожалению 🙁 Говорят это особенность верстки Joomla. Как можно еще вставить код?

      1. То, что код не сохраняется — это особенности редактора, у вас наверняка TinyMCE.
        Для CMS разметка добавляется в шаблон вывода элемента (если разметка карточки товара, то в шаблоне вывода карточки товара; если "хлебные крошки" — то в их шаблоне добавить разметку и т.д.). Только не правьте ни в коем случае в самом компоненте шаблон, а скопируйте его в папку со своим шаблоном сайта. Иначе при обновлении все ваши правки затрутся. Также можно попробовать плагин J4Schema (работает с редактором JCE)

         

      2. В Joomle надо в настройках отключить фильтрацию HTML-кода и тогда он не будет резаться

  11. а как понять какую микроразметку использует сайт. Дело в том, что не я его разрабабывала. И насколько я поняла schema.org не подойдет для сайта туристической тематики? Также меня интересует отвечает ли микроразметка за фото, которое встраивается в лайки при нажатии кнопки соцсети (например, фото несколько, но почему то отражается не первое фото)

    1. Здравствуйте, Елена!
      Самый простой способ узнать, есть ли на сайте микроразметка и какая — это посмотреть эту информацию в Google Webmaster Tools, для этого нужно проделать следующий путь: зайти в GMT -> "Вид в поиске" -> "Структурированные данные" — внизу увидите нужную Вам информацию (скриншот по ссылке https://clip2net.com/s/irSU4a).
      Несмотря на то, что поисковые системы понимают еще не все схемы  (это дело ближайших дней), все равно нужно их внедрять. В schema.org вы сможете найти для Вашего туристического сайта нужную для Вас разметку (например, отзыв).
      За фото при нажатии кнопки в соц.сетях микроразметка не отвечает, это сугубо технический запрос. 

       

  12. Скажите, а микроразметка для контактов устанавливаетсч на сайте один раз или во всех местах, где есть телефоны и адреса? Заранее спасибо.

    1. Размечайте во всех местах, где есть телефоны и адреса. Schema.org рекомендует: "чем больше, тем лучше — за исключением скрытого текста" (подробнее)

  13. Здравствуйте! А куда делась микроразметка яндекса? Я себе на сайт ставила микроразметку — все было нормально, снипеты отображались в поиске, но теперь яндекс вообще не отображает снипеты в поиске. 

    1. Несмотря на наличие микроразметки, Яндекс может не отображать сниппет.
      Также рекомендуем попробовать убрать сущность description, т.к. валидатор на нее "ругается" https://clip2net.com/s/iS5pWn.

  14. Как поступать с микроразметкой телефона в шапке сайта? Без адреса валидатор не пропускает… Получается, что телефон в шапке не размечаем, а размечаем только телефоны в футере, вместе с адресом…

    1. Футер — сквозной блок, оставьте разметку только там. В шапке не размечайте.

  15. Есть вопрос:

    Допустим, у меня на сайте магазина статья с представлением (перечислением) одной категории товара.

    Я делаю в этой статье микроразметку "Организации" (адрес, телефон, контакты).

    В поле разметки "адрес сайта" — указать ссылку на главную страницу сайта или ссылку на эту статью (где данная разметка публикуется)..?

      1. Если в готовом виде, то в конце публикации — здесь (перед строкой "Метки записи")

  16. Спасибо за статью! Матриал интересный. Нужно изучить более подробней и на разных CMS это внедрить.

  17. Почитал, и все равно остался вопрос. Нужно вписывать код разметки при публикации каждой новой страницы сайта? Например, новость 1, новость 2. Или можно все в общем шаблоне сделать? Например, нужно прописать h1 и description, но текст description же в отдельном поле указывается  в шаблоне, а как тогда быть с закрывающим div — он ведь будет закрываться в общей статье, а не в отдельном поле для дескрипшна?

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

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

    1. Добрый день, Дмитрий! Такую разметку нужно использовать для выделения контактов компании-владельца сайта, возможен еще вариант разметки контактов филиалов компании — https://yandex.ru/support/webmaster/addresses-organizations/network-organization.xml#which-info-shown

      Размечать контакты ваших партнеров нет смысла. Если, конечно, у вас не подробные страницы-описания этих компаний (наподобие справочника). В таком случае разметку их контактов также можно сделать.

  19. Приветствю !

    На яндексе по Товарам и ценам Schema.org написано:

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

    Как это понимать?

    Можно ли внедрить разметку на одной странице по нескольким схемам одновременно:

    Адреса и организации
    Товары и цены
    Картинки ?

    Спасибо.

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

      Ответ

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

      — iPhone 6 и Samsung — неверно

      — iPhone 6 16 Gb и iPhone 6 32 Gb — верно.

      Вопрос 2
      Можно ли внедрить разметку на одной странице по нескольким схемам одновременно

      Ответ
      Можно. Чем больше вы разметите, тем лучше.

  20. Сделали на сайте микроразметку, прошло более 2 недель. Микроразметка должна отобразиться в снипете или это только рекомендация для ПС (то есть не факт)? Хотя бы цены будут отражаться в поисковой выдаче? Например: https://www.avtomats.com.ua/2549-cable_vvg_3h1_5.html

    1. Добрый день. Да, это лишь рекомендации для ПС. Вы уверены, что ПС уже проиндексировали микроразмету?

    2. После того, как количество отзывов достигает 3-х, Google начинает их выводить https://www.avtoset.net/catalog/product46439.html
      https://www.google.ru/search?num=50&newwindow=1&q=mcgard+34195+sl&oq=mcgard+34&gs_l=serp.3.1.0l3j0i22i30k1l7.15868.16089.0.17941.2.2.0.0.0.0.114.169.1j1.2.0….0…1c.1.64.serp..0.2.169.OEcScpmQtZY
      Если хотите, что бы было побыстрее, то нужную страницу необходимо поставить в очередь на сканирование в search console

  21. 2 недели подождал, ещё подожду.

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

  22. Всем привет, пытаюсь сделать микроразметку для каталога сайта eurowine. ru/wine/ винного магазина, и не могу найти именно каталожную…. подскажите плз…

  23. Добрый день, Евгений. Что вы скажете о микроразметке для аудиофайлов:
    микроразметку AudioObject?

Добавить комментарий для Aleksandr Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Мы продвигаем: