Поместите ли вы метатеги микроданных схемы в тело 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, данные не были извлечены. Затем я переместил метатеги в тело страницы, и данные были показаны как извлеченные.