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