Микроданные для веб-семантики

Как добавить на свои страницы больше семантической информации

Микроданные - маленькие с большим влиянием

Знаете ли вы, что ваше веб-приложение может предоставить гораздо больше информации о себе, чем просто старые добрые метаэлементы в документа? В настоящее время веб-приложения более взаимосвязаны, чем когда-либо, поэтому становится все более актуальным четко определять назначение каждой страницы.

Пример из реального мира

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

Благодаря развитию таких стандартов, как JSON-LD, вы можете предоставлять структурированные данные единообразно. Ключевым словом здесь является стандартизованный формат, в котором эти дополнительные метаданные определяются вами, поскольку поисковые системы и их боты запрограммированы так, чтобы понимать именно эти метаданные.

Возвращаясь к нашему примеру, для статьи в блоге доступен элемент JSON-LD «article», который описывает ключевые свойства статьи.

Альтернатива JSON-LD

Что ж, все это звучит очень красиво, но какое это имеет отношение к микроданным? Микроданные в основном имеют ту же цель, что и JSON-LD, описанный выше: предоставлять больше метаданных для страницы, на которой они используются. Ключевое отличие состоит в том, что JSON-LD должен быть определен в элементе веб-приложения. Тем не менее, элементы микроданных можно использовать непосредственно внутри содержимого вашей страницы, без необходимости разделять данные между и .

<!-- 
The following eample is taken from Mozilla's site,
linked in the addendum. 
-->

<div itemscope itemtype="http://schema.org/SoftwareApplication">
  <span itemprop="name">Angry Birds</span> -

  REQUIRES <span itemprop="operatingSystem">ANDROID</span><br>
  <link itemprop="applicationCategory" href="http://schema.org/GameApplication"/>

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

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

В зависимости от вашего варианта использования или вкуса, это может быть лучшее поддерживаемое решение, чем JSON-LD. В микроданных хорошо то, что на самом деле это не отдельный элемент в вашей модели DOM, а скорее набор свойств, с помощью которых вы можете улучшить существующий HTML.

Существует множество доступных вариантов микроданных на выбор, например, о местах, людях или продуктах. Они хорошо распознаются роботами поисковых систем и поэтому предлагают жизнеспособную альтернативу JSON-LD.