T.M. SoftStudio

feci quod potui, faciant meliora potentes

HTML Microdata

HTML-микроданные (или структурированные данные) — это дополнительные HTML5 тэги, добавляемые на веб-страницу для поисковых систем.

HTML-микроданные помогают поисковым системам проанализировать контент веб-страницы.

itemscope и itemtype

Элемент itemscope добавляется в HTML-тэг, который обертывает информацию об определенном объекте:

<div itemscope>
  <h1>Movie</h1>
  . . .
</div>

При этом элемент itemtype указывает тип описываемого объекта:

<div itemscope itemtype="http://schema.org/Movie">
 <h1>Movie</h1>
  . . .
</div>

itemprop

Элемент itemprop добавляется в HTML-тэг чтобы указать какое свойство объекта описывает данный HTML-тэг:

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Movie Name</h1>
  . . .
</div>

Примечание:

Элементы itemscope, itemtype и itemprop могут быть вложенными друг в друга, образуя дерево элементов.
 

Schema.org определяет набор типов объектов и соответствующих свойств, которые указанные типы имеют http://schema.org/docs/full.html.
 

Особые случаи

  • Для обозначения даты, времени и периода как значений соответствующих свойств объектов рекомендуется использовать тэг <time> с атрибутом datetime:

 <time itemprop="startDate" datetime="2011-05-08T19:30">May 8, 7:30pm</time>

Использование тэга <time> с атрибутом datetime гарантирует правильное прочтение даты поисковой машиной, так как значение атрибута datetime указывается в едином формате ISO 8601 date/time standard.
 

  • Если свойство объекта относится к перечислению, тогда для указания его значения рекомендуется использовать тэг <link> с атрибутом href:

<link itemprop="availability" href="http://schema.org/InStock"/>Available today!

Другой случай использования тэга <link> с атрибутом href — это указание не отображаемой ссылки:

<link itemprop="url" href="http://domen.com" />

  • Для указания не отображаемой информации рекомендуется использовать тэг <meta> с атрибутом content:

<img src="four-stars.jpg" />
<meta itemprop="ratingValue" content="4" />
<meta itemprop="bestRating" content="5" />

Проверка HTML-микроданных

Для проверки правильности использования HTML-микроданных Google предоставляет инструмент проверки структурированных данных по адресу http://www.google.com/webmasters/tools/richsnippets.