проверка микроразметки
Алекс Цельный

Проверка микроразметки в Google, Яндекс и Schema.org

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

Чтобы поисковый робот мог разделять данные и показывать в удобном для юзера виде, их нужно разметить. Вот тут-то и встаёт на повестку дня проверка микрозаметки.

Впрочем, обо всём по порядку.

Что такое микроразметка

Это семантическая разметка части документа HTML для поисковых систем. Нужный элемент страницы оборачивается тегом со специальным атрибутом.

Например:

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Заголовок вашей статьи</title>
  </head>
  <body>
    <header class="big-header">
      <!— Хэдер вашего веб-ресурса —>
    </header>
    <main>
      <!— Основная часть странички —>
    </main>
    <footer class="big-footer">
      <!— Подвал странички—>
    </footer>
  </body>
</html>

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

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

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

сниппет с микроразметкой

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

Для чего нужна микроразметка

Специальные атрибуты используются поисковиками только для формирования сниппета. Они не учитываются при ранжировании.

Однако имеют значение в продвижении сайта, поскольку хороший сниппет:

  • привлекает больше пользователей;
  • увеличивает трафик;
  • улучшает поведенческие характеристики.

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

Разметку делают и для постов в фейсбук, вконтакте и других соцсетях. Часто размечают медиаконтент — картинки, видео.

Виды микроразметки

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

Самые популярные стандарты:

Schema.org

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

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

микроразметка schema.org

Сущности различаются по типам объектов. Например, это может быть AudioObject — применяется для музыки, или Event — служит для описания события. В отдельные объекты также выделяют данные, которые описывают организации, товары, людей и другое.

OpenGraph

Формат, созданный разработчиками Facebook для оформления превью в ленте. Сегодня его используют многие соцсети. Среди них Вконтакте, Twitter, LinkedIn и др.

микроразметка opengraph

Формат Open Graph понадобится, если товары или услуги продвигаются в соцсетях. Он поможет разместить в анонсе нужное изображение или описание товара, интригующий заголовок, сообщение о скидках и другое. Также с помощью формата можно вывести адрес, контакты, время работы.

JSON-LD

Формат представления связанных данных. Описывает только синтаксис, объекты можно использовать из какого-либо словаря. Обычно применяется со словарем Schema.org. Рекомендован W3C для веб-мастеров. Данный формат используется Гуглом, однако Яндексом игнорируется.

RDF

Представляет собой среду для описания данных, в том числе метаданных. Разработана и принята за стандарт W3C. Используется для построения модели объекта. Для синтаксиса требуется словарь, например, RDF Schema.

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

Добавить теги и атрибуты можно вручную или воспользоваться специальным ПО.

Есть два способа разметить с помощью программы: сгенерировать код на специальном сервисе или добавить на сайт плагин. Расширения есть для WordPress, Joomla!, Drupal, 1С-Битрикс и других CMS.

Как и любой другой код, семантическую разметку следует проверять на наличие ошибок. Проверку выполняют в валидаторе. Это онлайн-сервис, который сверяет код со стандартом и указывает на проблемы.

Самые распространенные валидаторы — Google и Yandex.

Проверка Google

Валидатор Гугла называется «Проверка расширенных результатов». Можно ввести адрес сайта или вставить фрагмент кода из HTML документа. Последний вариант подойдет, если страница не размещена в сети или доступ пользователей к ней закрыт.

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

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

валидатор разметки гугл

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

Валидатор работает с микроданными, форматами JSON-LD и RDFa. Нужно отметить, что проверка микроразметки гугл игнорирует комментарии в коде, однако JSON-LD не поддерживает эту функцию. Поэтому до публикации комментарии в JSON-LD нужно удалять.

Проверка Яндекс

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

Сервис работает со всеми популярными видами семантической разметки. Это микроформаты, микроданные и RDFa. В тестах используются словари schema.org и OpenGraph.

валидатор разметки яндекс

На странице проверки микроразметки яндекс есть поле, куда нужно вставить адрес ресурса, размещенного в сети, или фрагмент кода HTML. Результат выводится на той же странице.

Сервис показывает обработанные элементы, найденные ошибки и дает предупреждения. Например:

  • поле заполнено некорректно;
  • неверно выбран тип данных;
  • отсутствует дополнительная разметка.

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

Другие валидаторы

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

Менее известный сервис mysitemapgenerator.com. Проверить валидность можно на соответствие схемам Article и Product.

Проверять разметку следует регулярно. Технологии развиваются, вместе с ними меняются и стандарты семантики.

Кроме того, иногда на сайте корректируется верстка, добавляются новые элементы. Из-за этого что-нибудь может слететь.

Более объективную оценку может дать проверка микроразметки несколькими валидаторами. Гугл, Яндекс и другие сервисы используют разные подходы, форматы и стандарты. Поэтому результаты могут отличаться. Если один поисковый робот одобрит код, то другой может забраковать. Важно узнать эти отличия и понять, как пользователи видят твой сайт в разных ПС.

Заключение

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

Как создать семантическую разметку:

  • Определи, какую информацию хочешь показать пользователям в сниппете или превью соцсети, чтобы заинтересовать их.
  • Узнай о правилах добавления микроразметки на официальных сайтах разработки. Выбери подходящий формат.
  • Добавь разметку в HTML и проверь валидность кода.

И не забывай проверять разметку после правок в документе HTML.

Комментарии (0)

Добавить комментарий

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