Микроданные

Микроданные

Что такое микроданные?

Микроданные работают с парой имя/значение. Каждый словарь микроданных определяет набор именованных свойств.

Наряду с именем свойства, микроданные в значительной мере опирается на концепцию «области действия». Простейший способ понять область действия микроданных, это подумать об отношениях элементов вида родитель-ребенок в DOM. Элемент <html> обычно состоит из двух детей, <head> и <body>. Элемент <body> обычно содержит несколько детей, каждый из которых может иметь свои собственные дочерние элементы. Микроданные повторно используют иерархическую структуру DOM, чтобы обеспечить себе способ сказать «все свойства внутри этого элемента взяты из этого словаря». Это позволяет использовать больше, чем один словарь микроданных на одной странице.

Модель микроданных

Для примера создаем словарь, который описывает человека. Если я владею доменом data-vocabulary.org, то буду использовать URL http://data-vocabulary.org/Person как пространство имен для моего словаря микроданных. Это простой способ создать глобальный уникальный идентификатор: выберите URL в. домене, которым вы управляете.

В этом словаре мне нужно определить три основных именованных свойства:

  • name (ваше полное имя);
  • photo (ссылка на ваше изображение);
  • url (ссылка на сайт связанный с вами, вроде блога или профиля Google).

Где имя, вероятно, задано в качестве заголовка как элемент <h1>.

Фотография, вероятно, как элемент <img>, для того, чтобы другим пользователям было ее видно.

URL связанный с профилем, вероятно, размечен как ссылка, потому что вы хотите чтобы люди могли перейти по ней.

Весь профиль также обернут в элемент <section>, чтобы отделить его от остального содержимого страницы. 

<section>
<h1>Мистер Икс</h1>
<p><img src="http://www.example.com/photo.jpg" alt="[я подмигиваю]"></p>
<p><a href="http://diveintomark.org/">блог</a></p>
	</section>
Элемент Значение
<meta> Атрибут content
<audio>
<embed>
<iframe>
<img>
<source>
<video>		 Атрибут src
<a>
<area>
<link>		 Атрибут href
<object> Атрибут data
<time> Атрибут datetime
Все остальные элементы Текстовое содержимое

Пример статьи, размеченной микроданными с использованием словаря schema.org

<div itemscope itemtype="http://schema.org/ScholarlyArticle">  
<h2 itemprop="headline">Микроданные</h2>   <meta itemprop="articleSection" content="HTML">   
<meta itemprop="articleSection" content="Микроформаты">  
<div itemprop="articleBody">   Микроданные (англ. microdata) — это способ семантически размечать сведения о разнообразных сущностях 
(событиях, организациях, людях, товарах и так далее) на веб-страницах, используя стандартные элементы языка HTML (или XHTML).
Пользователь-человек может воспринимать размеченную страницу как обычную веб-страницу (через браузер); 
	в то же время программы-обработчики способны извлечь из такой страницы структурированную информацию, следуя определённым соглашениям.

Атрибут itemscope — ключевой атрибут микроданных. Он указывает, что содержимое данного HTML-элемента является единой структурой.

Вложенные HTML-элементы, отмеченные атрибутом itemprop, являются свойствами этой структуры. В приведенном выше примере у структуры заданы свойства term и definition; значением свойства term является текст «Веб-страница». Благодаря разметке робот легко распознает в этом текстовом блоке сам термин и его определение.

Тип структуры (а точнее — ссылка на спецификацию типа) указывается в значении атрибута itemtype.