Поместите ли вы метатеги микроданных схемы в тело html?

Я долгое время искал ответ по этому вопросу в Интернете и stackru, и я нашел ссылки, которые говорят, что вы не должны помещать метатеги в тело:

в то время как веб-сайт schema.org четко показывает, что метатеги вложены непосредственно в тело http://schema.org/AggregateRating

Просто посмотрите на пример, который размещен там

 Customer reviews:

  <div itemprop="reviews" itemscope itemtype="http://schema.org/Review">
    <span itemprop="name">Not a happy camper</span> -
    by <span itemprop="author">Ellie</span>,
    <meta itemprop="datePublished" content="2011-04-01">April 1, 2011
    <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
      <meta itemprop="worstRating" content = "1">
      <span itemprop="ratingValue">1</span>/
      <span itemprop="bestRating">5</span>stars
    </div>
    <span itemprop="description">The lamp burned out and now I have to replace
    it. </span>
  </div>


 <div itemprop="reviews" itemscope itemtype="http://schema.org/Review">
    <span itemprop="name">Value purchase</span> -
    by <span itemprop="author">Lucas</span>,
    <meta itemprop="datePublished" content="2011-03-25">March 25, 2011
    <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
      <meta itemprop="worstRating" content = "1"/>
      <span itemprop="ratingValue">4</span>/
      <span itemprop="bestRating">5</span>stars
    </div>
    <span itemprop="description">Great microwave for the price. It is small and
    fits in my apartment.</span>
  </div>

Если вы хотите сохранить метатеги в <head>Тогда как бы вы связали эти две даты с их отзывами?<meta itemprop="datePublished" content="2011-04-01"><meta itemprop="datePublished" content="2011-03-25">

Это вызывает путаницу, и я хотел бы знать, как это сделать правильно.

6 ответов

Решение

Если meta элемент

  • имеет itemprop атрибут и content атрибут и
  • не имеет name атрибут, нет http-equiv атрибут, и нет charset атрибутов,

тогда действительно иметь это meta в body, (Если значение является URL, вы должны использовать link вместо.)

Зачем? Потому что спецификация микроданных меняет HTML5.

(Обратите внимание, что RDFa также меняет HTML5, позволяя meta в body в некоторых случаях.)


Если бы вы должны были сохранить meta теги в <head> Тогда как бы вы связали эти две даты с их отзывами?

Вы могли бы использовать itemref атрибут:

<!DOCTYPE html>
<html>
<head>
  <title>Using itemref for meta in the head</title>
  <meta itemprop="datePublished" content="2011-03-25" id="date">
</head>
<body>

  <div itemscope itemtype="http://schema.org/Review" itemref="date">
    <span itemprop="name">…</span>
  </div>

</body>
</html>

itemref занимает разделенный пробелами список id значения, так что вы даже можете ссылаться на два или более элементов. Просто добавьте id всех элементов (содержащих itemprop атрибуты), которые должны быть добавлены к элементу к его itemref атрибут, например: itemref="date author rating",

Помните также, что можно полностью избежать разметки HTML и использовать разметку JSON-LD, полностью содержащуюся в<head> в любом месте HTML-документа (даже динамически внедренного!), например так:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Restaurant",
  "name": "Fondue for Fun and Fantasy",
  "description": "Fantastic and fun for all your cheesy occasions",
  "openingHours": "Mo,Tu,We,Th,Fr,Sa,Su 11:30-23:00",
  "telephone": "+155501003333",
  "menu": "http://example.com/menu"
}
</script>

взгляните на примеры в https://schema.org/, они обычно содержат разметки примеров JSON, такие как https://schema.org/Restaurant.

Вот еще одна хорошая статья об этом http://www.seoskeptic.com/json-ld-google-knowledge-graph-schema-org-seo/

То, что я могу прочитать с сайта whatwg.org, правильно использовать в теле: http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html

Я использую метатеги в теле моего блога, чтобы указать свойства datePublished и dateUpdated. Googles Rich Snippets Testing Tool говорит мне, что это правильно, и w3c проверяет код.

Я делаю это так:

<meta id="md_course" itemprop="course" name="course"   content="..."/>
<meta id="md_lang" itemprop="language" content="eng"/>
<title id="md_title" itemprop="title" >Motivation and Course Overview</title>
</head>
<body itemscope itemtype=".../Presentation" itemref="md_course md_lang md_title md_field"> 

Ты можешь использовать:

<meta itemprop="">

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

см.: http://schema.org/docs/gs.html

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

При первой работе с микроданными schema.org я добавил метатеги в заголовок своей веб-страницы, но когда я запустил эту страницу на инструменте тестирования Rich Snippets, данные не были извлечены. Затем я переместил метатеги в тело страницы, и данные были показаны как извлеченные.

Другие вопросы по тегам