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

itemprop глобальный атрибут используется для добавления свойств элемента. Каждый элемент HTML может иметь itemprop атрибут itemprop , а itemprop состоит из пары имя-значение. Каждая пара имя-значение называется свойством , а группа из одного или нескольких свойств образует элемент . Значения свойств представляют собой строку или URL-адрес и могут быть связаны с очень широким диапазоном элементов, включая <audio> , <embed> , <iframe> , <img> , <link> , <object> , <source> , <track> и <video> ,

Examples

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

HTML

<div itemscope itemtype="http://schema.org/Movie">
  <h2 itemprop="name">Avatar</h2>
  <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-адресом, оно выражается с помощью элемента <a> и его атрибута href , элемента <img> и его атрибута 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>

Когда строковое значение не может быть легко прочитано и понято человеком (например,длинная строка из цифр и букв),оно может быть отображено с помощью атрибута значения элемента данных,при этом тем легче понять человеческую версию,указанную в содержимом элемента (которая не является частью структурированных данных-см.

пример ниже).

Предмет с свойством,стоимость которого является идентификатором продукта

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

<h2 itemscope>
 <data itemprop="product-id"
   value="9678AOU879">The Instigator 2000</data>
</h2>

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

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

<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>

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

Предмет с одним свойством,»день рождения»,стоимостью которого является дата

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

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

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

<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)</span></p>
</div>

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

Все свойства отделены от своих объектов

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

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

Это дает тот же результат,что и в предыдущем примере.Первый элемент имеет два свойства,»имя»,установленное на «Amanda»,и «band»,установленное на другой элемент.Этот второй элемент имеет еще два свойства,»имя»,установленное в «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>

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

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

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

<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>

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

Имена и ценности

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

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-адреса. Элемент называется типизированным элементом, если это URL. В противном случае это строка. Строки не могут содержать точку или двоеточие (см. Ниже).

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

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

Values

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

• Если у элемента есть атрибут itemscope
  • Значение — это элемент, созданный элементом.
• Если элемент является meta элемент
  • Значение — это значение атрибута content элемента.
• Если элемент является audio , embed , iframe , img , source , track или video элемент
  • Значение представляет собой результирующую строку URL-адреса, полученную в результате синтаксического анализа значения атрибута src элемента относительно документа узла (часть API Microdata DOM ) элемента во время установки атрибута.
• Если элемент является , area или link элемент a
  • Значение-результирующая строка URL,получаемая в результате разбора значения атрибута href элемента относительно узлового документа элемента на момент установки атрибута
• Если элемент является элементом object
  • Значение-результирующая строка URL,полученная в результате разбора значения атрибута данных элемента относительно узлового документа элемента на момент установки атрибута
• Если элемент является элементом data
  • Значение-это значение атрибута значения элемента.
• Если элемент является элементом meter
  • Значение — это value атрибута value элемента.
• Если элемент является элементом time
  • Значение — это значение datetime времени элемента.

Otherwise

• Значение — это textContent элемента .

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

Name order

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

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

, но не имеет значения , стоит ли свойство «a» перед свойством «b» или нет.

<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>
 <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	Джонатан С Слагт
itemprop	datePublished	2020-08-04

HTML

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

Result

Specifications

Specification
Стандарт HTML # имена:-the-itemprop-attribute

Browser compatibility

	Desktop	Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet
itemprop	Yes	12	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes	Yes

See also

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

---

HTML

• is

  Глобальный атрибут is позволяет указать,что стандартный HTML-элемент должен вести себя как определенный пользовательский встроенный (подробнее см. раздел Использование).

• itemid

  Глобальный атрибут itemid предоставляет микроданные в виде уникального идентификатора Атрибут itemid может быть указан только для элемента,имеющего одновременно itemscope

• itemref

  Свойства,которые не являются потомками элемента с атрибутом itemscope,могут быть связаны с помощью глобального itemref.

• itemscope

  itemscope-это булев глобальный атрибут,определяющий тип связанных метаданных.

• 1
• …
• 227
• 228
• 229
• 230
• 231
• …
• 258
• Next

Атрибуты тегов — Атрибут itemprop

Универсальные атрибуты accesskey class contenteditable contextmenu data-* dir draggable dropzone hidden id itemid itemprop itemrefitemscope itemtypelangspellcheckstyletabindextitle

Описание

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

Синтаксис

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

Значения

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

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

Нет.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>itemprop</title>
 </head>
 <body>
  <div itemscope itemtype="http://schema.org/Movie">
   <div>
    <h2 itemprop="name">Облачный атлас </h2>
    <span itemprop="alternativeHeadline">Cloud Atlas</span>
    <img src="http://st.kinopoisk.ru/images/film/464484.jpg" alt="Облачный атлас (Cloud Atlas)" itemprop="image"/>
   </div>
   <span>
    <a itemprop="director" href="/name/23330/">Лана Вачовски</a>,
    <a itemprop="director" href="/name/26439/">Том Тыквер</a>,
    <a itemprop="director" href="/name/23329/">Энди Вачовски</a>
   </span>
   <span>
    <a itemprop="producer" href="/name/26437/">Штефан Арндт</a>,
    <a itemprop="producer" href="/name/31351/">Грант Хилл</a>,
    <a itemprop="producer" href="/name/26439/">Том Тыквер</a>,
    <a href="/film/464484/cast/#producer" >и другие</a>. 
   </span>
   <span>
    <a itemprop="musicBy" href="/name/312865/">Райнхольд Хайль</a>,
    <a itemprop="musicBy" href="/name/608605/">Джонни Клаймек</a>,
    <a itemprop="musicBy" href="/name/26439/">Том Тыквер</a>.
   </span>
   <span>
    <a itemprop="genre" href="/level/10/m_act%5Bgenre%5D/2/">фантастика</a>,
    <a itemprop="genre" href="/level/10/m_act%5Bgenre%5D/8/">драма</a>,
    <a itemprop="genre" href="/level/10/m_act%5Bgenre%5D/17/">детектив</a>,
   </span>
   <span>В главных ролях:</span>
   <div>
    <a itemprop="actor" href="/name/9144/">Том Хэнкс</a>
    <a itemprop="actor" href="/name/1179/">Холли Берри</a>
    <a itemprop="actor" href="/name/38704/">Джим Броудбент</a>
   </div>
   <span itemprop="description">Шесть историй — пять реинкарнаций,
    происходящих в разное время,тесно переплетаются между собой…</span>
  </div>
 </body>
</html>

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

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

✖

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

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

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

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

schema.

org — Могут ли мета-описание и описание схемы совпадать?

спросил 6 лет, 11 месяцев назад

Изменено 5 лет, 3 месяца назад

Просмотрено 4к раз

Я пытался выяснить, в чем реальная разница между и описание элемента schema.org, которое я использую itemprop="description" в своем продукте.

Я знаю, что тег мета-описания должен быть кратким изложением всей страницы, однако могу ли я скопировать сводную/заключительную часть описания (которая добавляется как itemprop="description" на моей странице продукта) и сделать его мета описание?

Повредит ли это моему сайту или поможет?

• schema.org
• мета-описание

Оба являются частью двух разных стандартов. Они никогда не встретятся. Для метатега описания HTML это будет описание всей страницы. Для описания Itemprop это будет применяться только к сегменту контента, который вы размечаете.

Могут быть случаи, когда уместно, чтобы они были одинаковыми, например, страница продукта на сайте электронной коммерции. Все зависит от вас и того, что вы считаете правильным для ваших пользователей.

Всегда создавайте контент для своих пользователей, а не для машин.

Нет никакого эффекта, если эти два элемента идентичны или нет. Хотя метатег описания HTML используется для взвешивания страницы в поисковой системе и потенциально может использоваться в качестве страницы результатов поисковой системы (SERP), это размер элемента HTML. Описание Itemprop не будет учитываться таким же образом. Цель разметки состоит в том, чтобы разметить сегменты вашего контента как данные, чтобы их можно было правильно прочитать и, в конечном итоге, проанализировать в базе данных. Google, например, будет больше доверять тому, что видит, когда контент размечен. Это, конечно, имеет ограничения. На данный момент это помогает семантическому пониманию контента и тому, что с ним делать для улучшения результатов поиска.

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

2

itemprop="description" предназначен для описания конкретного логического объекта в элементе dom с определенным itemscope . Хотя он может совпадать с тегом мета-описания, на самом деле он должен быть другим, особенно если на странице есть несколько itemscopes . Если есть только один, нет проблем с одинаковым описанием для обоих 9.0011 itemprop и .

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

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но никогда не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

html5 — itemprop для канонической ссылки и метаописания в шапке

спросил 6 лет, 3 месяца назад

Изменено 6 лет, 3 месяца назад

Просмотрено 3к раз

У меня проблема с проверкой кода, предоставленного Google. Идея (упрощенно):

На основе документации Google (см. пример разметки).

Основная проблема в том, что приведенный выше код недействителен:

Атрибут itemprop не разрешен для элемента meta на данный момент.
Атрибут itemprop не разрешен для элемента link на данный момент.

Но если я удалю itemprop , Google Structure Tool больше не распознает url и описание как свойства.

Скажите, пожалуйста, почему это так, я имею в виду, почему Google предоставляет недействительный код и как я могу решить эту проблему?

• html5
• schema.org
• микроданные
• проверка w3c

Пример недействителен HTML+Microdata. Не допускается наличие атрибута itemprop в элементах meta [ name ] или link [ rel ].

Решением для HTML+Microdata будет дублирование элементов:

 
  
  
  
  <ссылка rel="canonical" href="https://example. com/">
  

 

С HTML+RDFa можно смешивать:

5

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.