Использование микроданных в HTML

Микроданные являются частью стандарта HTML WHATWG и используются для встраивания метаданных в существующее содержимое веб-страниц. Поисковые системы и веб-краулеры могут извлекать и обрабатывать микроданные с веб-страницы, чтобы обеспечить пользователям более удобный просмотр. Поисковые системы получают значительные преимущества от прямого доступа к этим структурированным данным, поскольку это позволяет им понимать информацию на веб-страницах и предоставлять пользователям более релевантные результаты. Микроданные используют словарь для описания элемента и пары «имя — значение» для присвоения значений его свойствам. Микроданные призваны предоставить декларативный способ добавления к элементам HTML машиночитаемых меток, в отличие от схожих подходов с использованием RDFa и классических микроформатов.

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

• Для создания элемента используется атрибут itemscope.
• Чтобы добавить свойство к элементу, атрибут itemprop используется для одного из его потомков.

Словари

Google и другие крупные поисковые системы поддерживают словарь Schema.org для структурированных данных. Этот словарь определяет стандартный набор имен типов и имен свойств. Например, Schema.org Music Event обозначает концертное выступление, а свойства startDate и location указывают основные сведения о концерте. В данном случае Schema.org Music Event будет URL-адресом, используемым itemtype и startDate, а местоположение будет одним из itemprop, определяемых Schema.org Music Event.

Словари микроданных задают семантику, то есть значение Item. Веб-разработчики могут создавать собственные словари или использовать доступные в интернете, например широко используемый словарь schema.org. Schema.org предоставляет набор часто используемых словарей разметки.

Часто используемые словари:

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

Крупные операторы поисковых систем, такие как Google, Microsoft и Yahoo!, используют словарь schema.org для улучшения результатов поиска. Для некоторых задач достаточно специального словаря. Для других потребуется разработать словарь. Авторам рекомендуется по возможности повторно использовать существующие словари, поскольку это упрощает повторное использование содержимого.

Локализация

В некоторых случаях поисковые системы, работающие в определённых регионах, могут предоставлять региональные расширения микроданных. Например, Яндекс, крупная поисковая система в России, поддерживает микроформаты, такие как hCard (контактная информация компании), hRecipe (рецепт блюда), hReview (отзывы о товарах) и hProduct (данные о продукте), а также предоставляет собственный формат для определения терминов и энциклопедических статей. Это расширение было создано для решения проблем транслитерации между кириллицей и латиницей. Благодаря реализации дополнительных параметров разметки словаря Schema индексация информации на русскоязычных веб-страницах стала значительно эффективнее.

Глобальные атрибуты

itemid — уникальный глобальный идентификатор элемента.

itemprop — используется для добавления свойств элементу. Для любого элемента HTML можно указать атрибут itemprop, где itemprop состоит из пары «имя — значение».

itemref — свойства, не являющиеся потомками элемента с атрибутом itemscope, можно связать с элементом с помощью itemref. itemref содержит список идентификаторов элементов (не itemid), у которых в других местах документа есть дополнительные свойства.

itemscope — атрибут itemscope обычно используется вместе с itemtype, чтобы указать, что HTML-код внутри блока относится к определённому элементу. Атрибут itemscope создаёт Item и задаёт область действия связанного с ним itemtype. Атрибут itemtype — это допустимый URL-адрес словаря (например, schema.org), описывающего элемент и контекст его свойств.

itemtype — указывает URL-адрес словаря, который будет использоваться для определения itemprop (свойств элемента) в структуре данных. Атрибут itemscope задаёт область действия словаря, указанного в itemtype, в структуре данных.

Пример

HTML

<div itemscope itemtype="https://schema.org/SoftwareApplication">
  <span itemprop="name">Angry Birds</span> - REQUIRES
  <span itemprop="operatingSystem">ANDROID</span><br />
  <link
    itemprop="applicationCategory"
    href="https://schema.org/SoftwareApplication" />

  <div
    itemprop="aggregateRating"
    itemscope
    itemtype="https://schema.org/AggregateRating">
    RATING:
    <span itemprop="ratingValue">4.6</span> (
    <span itemprop="ratingCount">8864</span> ratings )
  </div>

  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
    Price: $<span itemprop="price">1.00</span>
    <meta itemprop="priceCurrency" content="USD" />
  </div>
</div>

Структурированные данные

Результат

См. также

• Глобальные атрибуты