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. Минимально необходимые поля для описания видео.
url
Ссылка на видеоролик.
name
Название видео.
description
Описание видео.
duration
Продолжительность видео.
thumbnail
Описание изображения при предварительном просмотре.
uploadDate
Дата загрузки видеоролика на сайт в формате ISO 8601.
Пример:
Last updated
Was this helpful?