Статья по schema.org
Пример и описание микроразметки статей, новостей, постов по schema.org.
Article используют для разметки основного содержимого — например статьи или новости, а так же для вывода списка статей или новостей.
На многих сайтах, почему-то указывают неполную и не валидную разметку для материалов. В этой статье, я покажу вам актуальную и валидную разметку, расскажу, какие там присутствуют свойства и за что они отвечают.
Разметка статьи по schema.org
Для начала давайте посмотрим в какой объект нам оборачивать наш материал:
- https://schema.org/Article — Общая схема, подходящая всем текстовым материалам.
- https://schema.org/NewsArticle — Схема для разметки новостных статей.
- https://schema.org/BlogPosting — Схема для разметки статей в блоге.
Не будем привязываться к статьями или новостям. Наши данные это — некий материал, который может быть и статьей и новостью.
В разметке ниже, замените общий объект Article на NewsArticle или на BlogPosting, валидность сохранится. Это универсальная разметка.
Для начала разметка полной версии материала:
<div itemscope itemtype="https://schema.org/Article">
<link itemprop="mainEntityOfPage" href="https://example.ru/" />
<link itemprop="image" href="image">
<meta itemprop="headline name" content="Название Статьи">
<meta itemprop="description"
content="Обязательное краткое описание статьи для Яндекса длиной от 50 до 150 символов.">
<meta itemprop="author" content="автор статьи">
<meta itemprop="datePublished" datetime="2010-07-03" content="2010-07-03">
<meta itemprop="dateModified" datetime="2018-09-15" content="2018-09-15">
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<img itemprop="url image" src="images/logo.png" alt="Описание картинки" title="Описание картинки" style="display:none;"/>
</div>
<meta itemprop="name" content="название сайта">
<meta itemprop="telephone" content="">
<meta itemprop="address" content="Россия">
</div>
<p>Интро</p>
<span itemprop="articleBody">Контент</span>
</div>
Давайте разберем её:
itemprop="mainEntityOfPage"
— Основная страница объекта, можно указать каноническую ссылку. Данное свойство является необязательным, но Google рекомендует его заполнять.itemprop="image"
— Ссылка на картинку материала, передаем её через атрибутlink
, так что пользователи её не увидят в контенте, а вот поисковые роботы схавают.itemprop="headline name"
— Заголовок материала.itemprop="description"
— Короткое описание материала, желательно не более 150 символов.itemprop="author"
— Автор материала.itemprop="datePublished"
— Дата публикации материала, указывайте в формате ГГГГ-ММ-ДД.itemprop="dateModified"
— Дата обновления материала, указывайте в формате ГГГГ-ММ-ДД.itemprop="publisher"
— Для этого свойства необходимо использовать объект schema.org/Organization.itemprop="logo"
— URL картинки, например, логотип сайта. Для этого свойства используем объект schema.org/ImageObject.itemprop="url image"
— URL логотипа.itemprop="name"
— Название сайта / организации.itemprop="telephone"
— Телефон можно оставить пустым, ну или если он у вас есть, заполнить.itemprop="address"
— Тут я указываю просто страну.
itemprop="articleBody"
— Тело материала.
Можете сами проверить данную микроразметку, она валидная и в Google и в Яндекс валидаторах.
Далее рекомендую почитать статью про создание микроразметки для комментариев, которая является логическим продолжением составления микроразметки для статьи.
Время запросов: 0,1082 s
Количество запросов: 28
Источник: cache