Microdata

Microdata — это способ разметки, при котором данные передаются в стандартных элементах языка HTML.

Для разметки материала добавьте атрибут itemscope к любому тегу, в котором содержится описываемая сущность. Чтобы указать, что это за сущность, сразу после itemscope добавьте атрибут itemtype и в качестве его значения пропишите нужный класс в виде itemtype="http://schema.org/<Имя класса>". Сущности также можно вкладывать друг в друга. Чтобы указать свойства сущности, используйте атрибут itemprop.

Внимание! Корректный сбор и отправка разметки возможны только при отсутствии вложенных сущностей.

Для корректной передачи информации следует настроить следующие сущности:

Как разметить материал:

Тип материала

Для передачи типа необходимо воспользоваться полями schema.org/Article, schema.org/NewsArticle, schema.org/BlogPosting или schema.org/WebPage.

  • Article — общая разметка, подходящая всем текстовым материалам;

  • NewsArticle — отдельная разметка для новостей или дополнительных материалов;

  • BlogPosting — разметка для статьи из блога;

  • WebPage — общая разметка, подходящая к любому материалу.

Пример:

<div itemtype="http://schema.org/Article"> <h1>Крым, Турция, США. Как отдыхают футболисты</h1> <p>Летнее межсезонье в Российской Премьер-Лиге получилось мимолётным, многие команды уже вышли из отпуска и начали подготовку к новому розыгрышу. Футболисты попытались воспользоваться этой паузой максимально продуктивно. </p> </div>

Идентификатор материала

Для передачи идентификатора материала необходимо настроить передачу поля identifier. Идентификатор должен содержать более 3х символов.

Пример:

<meta itemprop="identifier" content="entity_78686">

Заголовок материала

Для передачи заголовка материала необходимо настроить передачу полей headline или alternativeHeadline.

Пример:

<h1 itemprop="headline">Стиль бохо входит в моду летом 2019</h1>

Дата публикации

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

Пример:

<time itemprop="datePublished" datetime="2019-07-17T11:45:13+04:00">17.07.2019, 11:45</time>

Дата модификации

Поля datePublished (обязательное) и дата изменения dateModified (опциональное). Разметка поддерживает формат ISO 8601.

Пример:

<meta itemprop="dateModified" content="2019-07-18T08:21:11+04:00">

Url материала

Для передачи url материала и контейнера можно использовать поле url

Пример:

"<link itemprop="url" href="https://www.championat.com/football/article-4522451-s-kem-sygraet-sbornaya-rossii-v-stykovyh-matchah-chm-2022-severnaya-makedoniya-vozmozhnyj-sopernik-komandy-karpina.html"></link>"

Рубрика

Для передачи данных по рубрикам можно использовать breadcrumbList или genre. Рубрики отражают иерархическую структуру сайта. Рубрика может быть узкой и находиться внутри широкой темы. Определите несколько сущностей типа ListItem внутри класса, задайте им свойства itemListElement, которые описывают текущую и более широкие рубрики. Рубрикой данного материала будет считаться значение сущности с наибольшим position.

Пример:

<p><meta itemprop="genre" content="style, fashion"/>Новый стиль моды в Москве</p>

Пример:

<ol itemscope="" itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"> <a itemprop="item" href="//site.ru/fashion"> <span itemprop="name">Мода</span></a> <meta itemprop="position" content="1"> </li> <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"> <a itemprop="item" href="//site.ru/fashion/boho"> <span itemprop="name">Стиль бохо</span></a> <meta itemprop="position" content="2"> </li> <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"> <a itemprop="item" href="//site.ru/fashion/boho/woven-bags"> <span itemprop="name">Плетеные сумки</span></a> <meta itemprop="position" content="3"> </li> </ol>

Тематика

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

Пример:

<div itemprop="about">Мода</div> <div itemprop="about" itemscope="" itemtype="https://schema.org/Thing"> <span itemprop="name">Одежда</span> </div>

Автор

Для передачи автора можно воспользоваться полями author или person. Если их несколько, укажите каждого в отдельном теге.

Пример:

<div itemprop="author">Автор статьи</div> <div itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span itemprop="name">Автор статьи</span></div>

Аннотация материала (вводный абзац)

Для передачи аннотации материала используется поле abstract.

Пример:

<p itemprop="abstract"> Летнее межсезонье в Российской Премьер-Лиге получилось мимолётным, многие команды уже вышли из отпуска и начали подготовку к новому розыгрышу. Футболисты попытались воспользоваться этой паузой максимально продуктивно.</p>

Текст

Для передачи текста материала используется поле articleBody. Текст статьи, должен содержать более 500 знаком и быть в единственном экземпляре на странице.

Пример:

<p itemprop="articleBody">Летнее межсезонье в Российской Премьер-Лиге получилось мимолётным, многие команды уже вышли из отпуска и начали подготовку к новому розыгрышу. Футболисты попытались воспользоваться этой паузой максимально продуктивно.</p>

Видео

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

Пример:

Last updated