Microdata
Microdata — это способ разметки, при котором данные передаются в стандартных элементах языка HTML.
Принципы разметки
Для разметки материала добавьте атрибут itemscope к любому тегу, в котором содержится описываемая сущность. Чтобы указать, что это за сущность, сразу после itemscope добавьте атрибут itemtype и в качестве его значения пропишите нужный класс в видеitemtype="http://schema.org/<Имя класса>"
. Сущности также можно вкладывать друг в друга. Например, так можно указать, что содержимое тега div описывает новостную статью (класс NewsArticle), а тега p — персону (класс Person):<div itemscope itemtype="http://schema.org/NewsArticle">
<h1>В Москве побит температурный рекорд 1922 года</h1>
<p itemscope itemtype="http://schema.org/Person">
Автор: <span>Иван Иванов</span> — <span>специальный корреспондент</span></p>
<p>В среду, 6 ноября, в Москве был побит температурный рекорд,
зафиксированный в 1922 году. Температура воздуха составила плюс 12,1 градуса
по Цельсию, как сообщает центр «Фобос».</p>
</div>
Чтобы указать свойства сущности, используйте атрибут itemprop. Список доступных свойств можно найти в описании соответствующего класса на сайте стандарта. В примере ниже с помощью свойств NewsArticle размечены элементы, описывающие заголовок статьи, ее автора и текст, а с помощью Person — имя и должность автора:
<div itemscope itemtype="http://schema.org/NewsArticle">
<h1 itemprop="headline">В Москве побит температурный рекорд 1922 года</h1>
<p itemprop="author" itemscope itemtype="http://schema.org/Person">
Автор: <span itemprop="name">Иван Иванов</span> —
<span itemprop="jobTitle">специальный корреспондент</span> </p>
<p itemprop="articleBody">В среду, 6 ноября, в Москве был побит температурный рекорд,
зафиксированный в 1922 году. Температура воздуха составила плюс 12,1 градуса
по Цельсию, как сообщает центр «Фобос».</p>
</div>
Машиночитаемая информация
При разметке материала можно использовать не только сущности Schema.org, но и машиночитаемую информацию. Ее не видят читатели, но могут обработать браузеры, поисковые системы или роботы.
- Тег meta
-
Иногда важная информация не может быть размечена из-за способа ее отображения на странице. Например, когда информация представлена на рисунке, во Flash-объекте или явно не указана на странице. В таких случаях можно использовать тег meta с атрибутом content. В примере ниже с помощью meta и свойства класса Article указа