Любой вебмастер хорошо знаком с HTML-разметкой. Обычно HTML-теги указывают браузеру, как отображать информацию, заключенную в тег. Например, тег

Аватар

означает, что строку «Аватар» следует отображать в формате заголовка первого уровня. Однако HTML-тег не предоставляет никакой информации о смысловом значении этой строки: «Аватар» может относиться к чрезвычайно успешному 3D-фильму или к картинке в пользовательском профиле. Это усложняет поисковым системам задачу нахождения информации, адекватной запросу пользователя.

Schema.org предоставляет общедоступный словарь, с помощью которого вебмастера могут размечать страницы, так чтобы они были понятны самым распространенным поисковым системам: Яндексу, Google, Microsoft и Yahoo!.

Словарь schema.org применяется вместе с микроданными (формат microdata). Хотя долгосрочная цель заключается в расширении перечня поддерживаемых форматов семантической разметки, изначально используются именно микроданные. Данное руководство познакомит вас с микроданными и schema.org, и вы сразу же сможете добавлять разметку на страницы своих сайтов.

1. Как размечать контент с помощью микроданных

1a. Для чего нужны микроданные

Содержание страниц вашего сайта понятно читающим их людям, однако поисковым системам сложно определить, о чем идет речь. Добавляя специальные теги к HTML-коду своих страниц, вы как бы говорите: «Эй, поисковая система, вот здесь описывается такой-то фильм (место, человек, видеоролик)». Тем самым вы помогаете поисковым системам и другим приложениям лучше понимать ваш контент и отображать его подходящим, полезным образом. Микроданные — набор тегов, появившийся в HTML5,— позволяют делать именно так.

1b. itemscope и itemtype

Начнем с конкретного примера. Представим, что у нас есть страница о фильме «Аватар» — со ссылкой на трейлер, информацией о режиссере и т. п. HTML-код может выглядеть примерно так:

  
Аватар
 Режиссер: Джеймс Кэмерон (род. 16 августа 1954 г.) Фантастика Трейлер 
  

В первую очередь необходимо указать, какая часть страницы посвящена непосредственно фильму «Аватар». Для этого добавим атрибут itemscope к HTML-тегу, в который заключена эта информация:

 
itemscope> 
Аватар
 Режиссер: Джеймс Кэмерон (род. 16 августа 1954 г.) Фантастика Трейлер 
  

Добавляя itemscope , мы тем самым обозначаем, что HTML-код, содержащийся в блоке

, описывает некоторую сущность.

Пока мы только объявили, что речь идет о какой-то сущности, но не сообщили, что это за сущность. Чтобы указать тип сущности, добавим атрибут itemtype сразу после itemscope .

 
itemtype="http://schema.org/Movie"> 
Аватар
 Режиссер: Джеймс Кэмерон (род. 16 августа 1954 г.) Фантастика Трейлер 
  

Тем самым мы уточняем, что сущность, описание которой заключено в теге , представляет собой фильм (тип Movie в иерархии типов schema.org). Названия типов имеют вид URL, в нашем случае http://schema.org/Movie .

1c. itemprop

Какую дополнительную информацию о фильме «Аватар» можно предоставить поисковым системам? О фильме можно сообщить множество интересных сведений: актерский состав, режиссер, рейтинг. Чтобы отметить свойства сущности, используется атрибут itemprop . Например, чтобы указать режиссера фильма, добавим атрибут itemprop=»director» к HTML-тегу, содержащему имя режиссера. (Полный список свойств, которые можно задать для фильма, приведен на странице http://schema.org/Movie.)

  
itemprop="name">Аватар
 Режиссер: itemprop="director">Джеймс Кэмерон (род. 16 августа 1954 г.) itemprop="genre">Фантастика itemprop="trailer">Трейлер 
  

Обратите внимание, что мы добавили дополнительный тег . , чтобы привязать атрибут itemprop к соответствующему тексту на странице. Тег не влияет на отображение страницы в браузере, поэтому его удобно использовать вместе с itemprop .

Теперь поисковые системы смогут понять не только то, что http://www.avatarmovie.com — это ссылка, но и то, что это ссылка на трейлер фантастического фильма «Аватар» режиссера Джеймса Кэмерона.

1d. Вложенные сущности

Иногда значение свойства может само являться сущностью, с собственным набором свойств. Например, режиссер фильма может быть описан как сущность с типом Person, у которой есть свойства name (имя) и birthDate (дата рождения). Чтобы указать, что значение свойства представляет собой сущность, необходимо добавить атрибут itemscope сразу после соответствующего itemprop .

  
Аватар
 
itemprop="director" itemscope itemtype="http://schema.org/Person"> Режиссер: Джеймс Кэмерон (род. 16 августа 1954 г.)
 Фантастика Трейлер 
  

2. Как использовать словарь schema.org

2a. Типы и свойства schema.org

Кроме типов Movie и Person, упомянутых в разделе 1, schema.org описывает множество разнообразных типов сущностей, для каждого из которых определен набор свойств.

Наиболее обобщенный тип сущности — это Thing (нечто), у которого есть четыре свойства: name (название), description (описание), url (ссылка) и image (картинка). Более специализированные, частные типы имеют общие свойства с более универсальными. Например, Place (место) — частный случай Thing, а LocalBusiness (местная фирма) — частный случай Place. Частные типы наследуют свойства родительского типа. (Более того, тип LocalBusiness является и частным случаем Place, и частным случаем Organization, поэтому наследует свойства обоих родительских типов.)

Вот список некоторых популярных типов сущностей:

• Творческие произведения: CreativeWork (творческое произведение), Book (книга), Movie (фильм), MusicRecording (музыкальная запись), Recipe (рецепт), TVSeries (телесериал).
• Встроенные нетекстовые объекты: AudioObject (аудио), ImageObject (изображение), VideoObject (видео)
• Event (событие)
• Organization (организация)
• Person (человек)
• Place (место), LocalBusiness (местная фирма), Restaurant (ресторан).
• Product (продукт), Offer (предложение), AggregateOffer (сводное предложение)
• Review (отзыв), AggregateRating (сводный рейтинг)

Смотрите также полный список типов сущностей на одной странице.

2b. Ожидаемые типы, текст и URL

Размечая страницы с помощью schema.org, придерживайтесь следующих рекомендаций:

• Чем больше, чем лучше — за исключением скрытого текста. Чем больше контента вы разметите, тем лучше. Однако, как правило, следует размечать только контент, видимый посетителям сайта, но не содержимое скрытых тегов и других скрытых элементов страницы.
• Ожидаемые типы или текст. Просматривая типы schema.org, вы заметите, что у многих свойств есть так называемые ожидаемые типы. Это значит, что значение свойства может быть вложенной сущностью (см. раздел 1d). Однако добавлять вложенную сущность не обязательно: приемлемо использовать просто текст или URL. Также вместо ожидаемого типа можно использовать дочерний тип. Например, если для свойства указан ожидаемый тип Place, можно добавить вложенную сущность с типом LocalBusiness.
• Использование свойства url . Одни страницы посвящены описанию только одной сущности. Например, персональная страница конкретного человека, которую можно разметить, используя тип сущности Person. Другие — целому ряду сущностей. Например, на сайте вашей компании есть список сотрудников, со ссылками на профиль каждого из них. Для таких агрегирующих страниц нужно разметить отдельно каждую сущность (в этом случае получится последовательность сущностей с типом Person) и добавить свойство url в ссылку на соответствующую страницу для каждой сущности, например:

  
itemprop="url">Элис Джонс 
 
itemprop="url">Боб Смит 
  

2c. Тестирование разметки

Подобно тому, как браузер необходим для проверки изменений в верстке веб-страницы, а компилятор — для тестирования кода, разметку schema.org также следует тестировать. В интернете существует несколько инструментов, с помощью которых можно проверить корректность разметки и выявить ошибки: Валидатор микроразметки от Яндекса, Rich Snippets Testing Tool от Google, Structured Data Linter.

3. Дополнительно: машиночитаемая версия информации

Многие страницы можно разметить, используя только атрибуты itemscope , itemtype и itemprop (описанные в разделе 1) вместе с типами и свойствами schema.org (описанными в разделе 2).

Однако в некоторых случаях роботу сложно однозначно интерпретировать свойство сущности. Этот раздел описывает, как добавить машиночитаемую версию информации в разметку страниц.

• Даты, время и длительность: используйте тег с атрибутом datetime
• Перечисления и ссылки на канонические страницы: используйте тег с атрибутом href
• Недостающая или неявная информация: используйте тег с атрибутом content

3a. Даты, время и длительность: используйте тег с атрибутом datetime

Не всегда роботам удается правильно понять дату и время. Например, «04/01/11» — это 11 января 2004 г., 4 января 2011 г. или 1 апреля 2011 г.? Чтобы однозначно задать дату, используйте тег вместе с атрибутом datetime . Значение атрибута datetime — дата в формате YYYY-MM-DD . Следующий HTML-код точно определяет дату как 1 апреля 2011 г.:

  04/01/11 

Время суток задается в формате hh:mm либо hh:mm:ss , с префиксом T . Время может быть указано вместе с датой:

  8 мая, 19:30 

Рассмотрим пример в контексте: HTML-код с информацией о концерте, который состоится 8 мая 2011 г. Разметка типа Event включает название события, описание и дату.

 
itemscope itemtype="http://schema.org/Event"> 
itemprop="name">Spinal Tap
 itemprop="description">Одна из самых громких музыкальных групп всех времен воссоединится для незабываемого двухдневного шоу. Концерт состоится 8 мая в 19:30 
 

Длительность описывается аналогичным образом, с помощью тега и атрибута datetime . Значение атрибута предваряется префиксом P (от англ. period). Например, указать в рецепте, что время приготовления составляет полтора часа, можно следующим образом:

  itemprop="cookTime" datetime="PT1H30M">1 ½ часа 

H обозначает количество часов, а M — количество минут.

Форматы даты, времени и длительности соответствуют стандарту ISO 8601.

3b. Перечисления и ссылки на канонические страницы: используйте тег с атрибутом href

Перечисления

Некоторые свойства имеют ограниченный набор возможных значений. Программисты называют их перечислениями. Например, интернет-магазин может использовать тип сущности Offer для подробного описания товарного предложения. Свойство availability (наличие) обычно имеет одно из нескольких возможных значений: In stock (в наличии), Out of stock (отсутствует), Pre-order (на заказ) и т. д. Значения перечисляемых свойств можно указывать в виде URL, аналогично типам сущностей schema.org.

Вот товарное предложение, размеченное как сущность типа Offer, с соответствующими свойствами:

  
Blend-O-Matic $19.95 Уже в продаже! 
 

А вот то же самое предложение, размеченное с использованием и href , что позволяет однозначно указать одно из допустимых значений свойства availability :

  
Blend-O-Matic $19.95 Уже в продаже! 
 

Schema.org предоставляет список возможных значений для небольшого количества свойств — в тех случаях, когда у свойства есть ограниченный набор типичных значений. Так, возможные значения для свойства availability перечислены в ItemAvailability.

Ссылки на канонические страницы

Как видите, атрибут itemprop=»url» можно использовать для ссылки на страницу другого сайта (в этом случае, Википедии), которая описывает ту же самую сущность. Ссылки на сторонние сайты помогают поисковым системам лучше понимать, о чем речь на вашей странице.

Если вы не желаете добавлять ссылку, видимую посетителям, используйте тег , как показано ниже:

  
Над пропастью во ржи  Автор Джером Сэлинджер 
 

3c. Недостающая или неявная информация: используйте тег с атрибутом content

Иногда важная информация не может быть размечена из-за способа ее отображения на странице. Например, информация представлена на рисунке (изображение рейтинга 4 звезды из 5) или во Flash-объекте (например, длительность видеоролика) либо она подразумевается, но не указана на странице в явном виде (например, валюта цены).

В таких случаях можно использовать тег с атрибутом content . В следующем примере картинка иллюстрирует рейтинг 4 звезды из 5:

  
Blend-O-Matic $19.95 25 оценок
 

А вот тот же пример с размеченной информацией о рейтинге.

  
Blend-O-Matic $19.95 
itemprop="reviews" itemscope itemtype="http://schema.org/AggregateRating">    itemprop="ratingCount">25 оценок
 
 

Этим приемом не следует злоупотреблять. Используйте тег с атрибутом content только для той информации, которую невозможно разметить иным способом.

3d. Расширение schema.org

Большинству сайтов и организаций не потребуется расширять schema.org. Тем не менее schema.org предусматривает возможность добавлять свойства и дочерние типы для имеющихся типов сущностей. Если вы заинтересованы в этом, ознакомьтесь с механизмом расширения schema.org.

HTML Атрибут itemprop

Атрибут itemprop Атрибут itemprop используется для добавления свойств элемента. Помните, что Microdata — это пары значений элемента. Атрибут itemprop состоит из пары имя-значение. Каждая пара имен и значений называется свойством, а группа из одного или нескольких свойств формирует элемент. Имя свойства определяется значением itemprop , а значение свойства определяется содержимым HTML-элемента, к примеру, текстом который располагается внутри элемента.

Синтаксис

itemprop="свойство"

Значения

Свойства имеют значения, которые являются строкой или URL-адресом. Когда строковое значение является URL-адресом, оно выражается с использованием элемента и его атрибута href, и его атрибута src или других элементов, которые связывают или встраивают внешние ресурсы.

Значение по умолчанию

Применяется к тегам

Атрибут itemprop относится к глобальным атрибутам, и может быть использован с любым элементом HTML.

Отличия HTML 4.01 от HTML 5

Атрибут itemprop относится к спецификации HTML Microdata.

Пример использования:

Три свойства со значениями, которые являются строками:

Пример HTML:

 
Заглавие Дисфункция реальности Автор Питер Ф. Гамильтон Дата публикации 26 января 1996 

Спецификации

Спецификация	Статус
HTML Microdata	W3C Working Group Note

Поддержка браузерами

Атрибут
itemprop	Да	Да	Да	Да	Да	Да

Атрибут itemprop

Атрибут itemprop используется для добавления свойств словаря микроданных к элементу. Имя свойства определяется значением itemprop , а значение свойства определяется содержимым HTML-элемента, к примеру, текстом который располагается внутри элемента.

Синтаксис

itemprop=""

Значения

Свойство определяется словарём данных. К примеру, на Schema.org, которую поддерживает Яндекс и Google, перечислены словари с их возможными свойствами.

Значение по умолчанию

Пример

Спецификация

Спецификация	Статус
HTML Living Standard	Живой стандарт

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

• Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
• Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
• Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
• Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
• Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
• Draft ( Черновик спецификации ) — первая черновая версия стандарта.

См. также

• Атрибут itemid
• Атрибут itemref
• Атрибут itemscope
• Атрибут itemtype
• Микроданные
• Продвинутая семантика и доступность

itemprop

itemprop global attribute используется для добавления свойств к элементу. Каждый элемент HTML может иметь указанный атрибут itemprop , а itemprop состоит из пары «имя-значение». Каждая пара «имя-значение» называется свойством, а группа из одного или нескольких свойств образует элемент. Значения свойства представляют собой строку или URL и могут быть связаны с очень широким диапазоном элементов, включая , , , , , , , и .

Examples

В приведенном ниже примере показан источник набора элементов, размеченных атрибутами itemprop , за которым следует таблица, показывающая результирующие структурированные данные.

HTML

div itemscope itemtype="http://schema.org/Movie"> h1 itemprop="name">Avatar h1> span>Director: span itemprop="director">James Cameron span> (born August 16, 1954) span> span itemprop="genre">Science fiction span> a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer"> Trailer a> div> 

Structured data

Item
itemprop name	itemprop value
itemprop	name	Avatar
itemprop	director	James Cameron
itemprop	genre	Science fiction
itemprop	trailer	../movies/avatar-theatrical-trailer.html

Properties

Свойства имеют значения, которые являются либо строкой, либо URL.. Если строковое значение представляет собой URL,, оно выражается с использованием элемента и его атрибута href , элемента и его атрибута src или других элементов, которые ссылаются на внешние ресурсы или внедряют их.

Три свойства со значениями, которые являются строками

div itemscope> p>My name is span itemprop="name">Neil span>. p> p>My band is called span itemprop="band">Four Parts Water span>. p> p>I am span itemprop="nationality">British span>. p> div> 

Одно свойство «изображение», значение которого равно URL.

div itemscope> img itemprop="image" src="google-logo.png" alt="Google" /> div> 

Когда строковое значение не может быть легко прочитано и понято человеком (e.g. длинная строка чисел и letters),, она может быть отображена с использованием атрибута value элемента данных с более понятной для человека версией, указанной в содержимом элемента (который не является частью структурированных данных — см. пример below).

Элемент со свойством, значением которого является идентификатор продукта.

Идентификатор не удобен для человека, поэтому в названии продукта используется текст, видимый человеку, а не ID..

h1 itemscope> data itemprop="product-id" value="9678AOU879">The Instigator 2000 data> h1> 

Для числовых данных можно использовать элемент счетчика и его атрибут value.

Элемент счетчика

div itemscope itemtype="http://schema.org/Product"> span itemprop="name">Panasonic White 60L Refrigerator span> img src="panasonic-fridge-60l-white.jpg" alt="" /> div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> meter itemprop="ratingValue" min="0" value="3.5" max="5"> Rated 3.5/5 meter> (based on span itemprop="reviewCount">11 span> customer reviews) div> div> 

Точно так же для данных, связанных с датой и временем, можно использовать элемент времени и его атрибут datetime.

Элемент с одним свойством «день рождения», значением которого является дата.

div itemscope> I was born on time itemprop="birthday" datetime="1984-05-10">May 10th 1984 time>. div> 

Свойства также могут быть группами пар «имя-значение», помещая атрибут itemscope в элемент, который объявляет свойство. Каждое значение представляет собой либо строку, либо группу пар имя-значение (i.e. и item)..

Внешний элемент, представляющий человека, и внутренний, представляющий группу

div itemscope> p>Name: span itemprop="name">Amanda span> p> p> Band: span itemprop="band" itemscope> span itemprop="name">Jazz Band span> (span itemprop="size">12 span> players) p> div> 

Внешний элемент выше имеет два свойства: «имя» и «группа». «Имя» — «Amanda»,, а «диапазон» — это самостоятельный элемент с двумя свойствами: «имя» и «размер». «Имя» полосы — «Jazz Band, а «размер» — «12». Внешний элемент в этом примере — это элемент микроданных верхнего уровня. Элементы, не являющиеся частью других, называются элементами микроданных верхнего уровня.

Все свойства отделены от их элементов

Этот пример такой же, как и предыдущий, но все свойства отделены от их элементов.

div itemscope id="amanda" itemref="a b"> div> p id="a">Name: span itemprop="name">Amanda span> p> div id="b" itemprop="band" itemscope itemref="c"> div> div id="c"> p>Band: span itemprop="name">Jazz Band span> p> p>Size: span itemprop="size">12 span> players p> div> 

Это дает тот же результат, что и в предыдущем примере. Первый элемент имеет два свойства: «имя», установленное на «Amanda»,, и «диапазон», установленное на другой элемент. Этот второй элемент имеет еще два свойства: «имя», установленное на «Jazz Band, и «размер», установленное на «12».

Элемент может иметь несколько свойств с одинаковыми именами и разными значениями.

Мороженое с двумя вкусами

div itemscope> p>Flavors in my favorite ice cream: p> ul> li itemprop="flavor">Lemon sorbet li> li itemprop="flavor">Apricot sorbet li> ul> div> 

В результате получается продукт с двумя свойствами, оба с названием «аромат» и имеющие значения «сорбет «Lemon» и «сорбет «Apricot».

Элемент, представляющий свойство, также может одновременно вводить несколько свойств, чтобы избежать дублирования, когда некоторые из свойств имеют одинаковое значение.

Элемент с двумя свойствами, «любимый цвет» и «любимый фрукт», оба имеют значение «оранжевый».

div itemscope> span itemprop="favorite-color favorite-fruit">orange span> div> 

Примечание. Между микроданными и содержанием документа, в котором микроданные размечены, нет никакой связи.

Одни и те же структурированные данные, размеченные двумя разными способами

Между следующими двумя примерами нет семантической разницы.

figure> img src="castle.jpeg" /> figcaption> span itemscope>span itemprop="name">The Castle span> span> (1986) figcaption> figure> 

span itemscope>meta itemprop="name" content="The Castle" /> span> figure> img src="castle.jpeg" /> figcaption>The Castle (1986) figcaption> figure> 

У обоих есть рисунок с подписью, и у обоих, совершенно не связанных с рисунком, есть элемент с парой имя-значение с именем «имя» и значением «The Castle». Единственное отличие состоит в том, что если пользователь перетащит figcaption из документа, элемент будет включен в данные перетаскивания. Изображение, связанное с элементом, не будет включено.

Имена и значения

Свойство — это неупорядоченный набор уникальных токенов, чувствительных к регистру и представляющих пары «имя-значение». Значение свойства должно содержать хотя бы один токен. В приведенном ниже примере каждая ячейка данных является токеном.

Names examples

Item
itemprop name	itemprop value
itemprop	country	Ireland
itemprop	Option	2
itemprop	https://www.flickr.com/photos/nlireland/6992065114/	Кольцо Керри
itemprop	img	https://www.flickr.com/photos/nlireland/6992065114/
itemprop	website	flickr
itemprop	(token)	(token)

Маркеры представляют собой либо строки, либо URL’s. Элемент называется типизированным элементом, если он является URL. В противном случае это строка. Строки не могут содержать точку или двоеточие (см. below).

1. Если элемент является типизированным элементом, он должен быть либо:
   1. Определенное имя свойства или
   2. Действительный URL,, который относится к определению словаря, или
   3. Действительный URL, который используется в качестве собственного имени свойства элемента (i.e., не определенного в public specification), или
   1. Строка, которая не содержит символов » . » (U+002E FULL STOP) и символов » : » (U+003A COLON) и используется в качестве собственного имени свойства элемента (опять же, не определенного в public specification).).

   Примечание. Приведенные выше правила запрещают использование символов «:» в значениях non-URL, поскольку в противном случае их нельзя было бы отличить от значений URLs. с символами «.», которые зарезервированы для будущих расширений. Пробелы запрещены, потому что в противном случае значения будут проанализированы как несколько токенов.

   Values

   Значение свойства пары «имя-значение» соответствует первому совпадению в следующем списке:

   • Если элемент имеет атрибут itemscope
     • Значение — это элемент, созданный элементом.
     • Значением является значение атрибута content элемента.
     • Значение представляет собой результирующую строку URL, полученную в результате синтаксического анализа значения атрибута src элемента относительно документа узла (часть Microdata DOM API ) элемента во время установки атрибута.
     • Значение представляет собой результирующую строку URL, полученную в результате синтаксического анализа значения атрибута href элемента относительно документа узла элемента во время установки атрибута.
     • Значение представляет собой результирующую строку URL, полученную в результате синтаксического анализа значения атрибута данных элемента относительно документа узла элемента во время установки атрибута.
     • Значение — это значение атрибута value элемента.
     • Значением является значение атрибута value элемента.
     • Значением является значение элемента datetime .
     • Значением является textContent элемента.

     Если значением свойства является URL , свойство должно быть указано с использованием элемента свойства URL. Элементы свойств URL — это элементы a , area , audio , embed , iframe , img , link , object , source , track и video .

     Name order

     Имена не упорядочены относительно друг друга, но если конкретное имя имеет несколько значений, они имеют относительный порядок.

     В следующем примере свойство «а» имеет значения «1» и «2» в указанном порядке, но не важно, предшествует ли свойство «а» свойству «б» или нет.

     div itemscope> p itemprop="a">1 p> p itemprop="a">2 p> p itemprop="b">test p> div> 

     div itemscope> p itemprop="b">test p> p itemprop="a">1 p> p itemprop="a">2 p> div> 

     Как и следующее

     div itemscope> p itemprop="a">1 p> p itemprop="b">test p> p itemprop="a">2 p> div> 

     div id="x"> p itemprop="a">1 p> div> div itemscope itemref="x"> p itemprop="b">test p> p itemprop="a">2 p> div> 

     Представление структурированных данных для книги

     В этом примере атрибуты микроданных используются для представления следующих структурированных данных:

     itemscope	itemtype: itemid	https://schema.org/Book: urn:isbn:0-374-22848-5
     itemprop	title	Совы Восточного льда
     itemprop	author	Джонатан C Слэхт
     itemprop	datePublished	2020-08-04

     HTML

     dl itemscope itemtype="https://schema.org/Book" itemid="urn:isbn:0-374-22848-5> dt>Title dt> dd itemprop="title">Owls of the Eastern Ice dd> dt>Author dt> dd itemprop="author">Jonathan C Slaght dd> dt>Publication date dt> dd> time itemprop="datePublished" datetime="2020-08-04">August 4 2020 time> dd> dl> 

     Result

     Specifications

     Specification
     HTML Стандарт # names:-the-itemprop-attribute

     Browser compatibility

     Desktop	Mobile
     Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Фаерфокс для Android	Opera Android	Сафари на IOS	Samsung Internet
     itemprop	Yes	12	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes

     See also

     • Другие различные глобальные атрибуты
     • Другие глобальные атрибуты, связанные с микроданными:
       • itemid
       • itemref
       • itemscope
       • itemtype
       Похожие публикации:

       1. Бизнес аналитик какие программы должен знать
       2. Как посчитать количество символов в строке java
       3. Как уменьшить расстояние между таблицей и текстом
       4. Как установить motion