Itemprop атрибут: Атрибут itemprop в микроразметке – что это – itemprop — Web technology for developers

Содержание

HTML | itemprop (атрибут) - Code Examples

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

Примеры

В приведенном ниже примере показан источник для набора элементов, отмеченных атрибутами 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>

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

Пункт
Название элемента значение itemprop
itemprop имя Аватар
itemprop директор Джеймс Кэмерон
itemprop жанр научная фантастика
itemprop прицеп ../movies/avatar-theatrical-trailer.html

свойства

Свойства имеют значения, которые являются строкой или 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>

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

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

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

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

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

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

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

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

Элемент с одним свойством «день рождения», значение которого является датой

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

Это дает тот же результат, что и предыдущий пример. Первый элемент имеет два свойства: «имя», «Аманда» и «полоса», набор для другого элемента. Этот второй элемент имеет два дополнительных свойства: «name», «Jazz Band» и «size», значение «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>

Это приводит к элементу с двумя свойствами, как с названием «аромат», так и с значениями «Лимонный сорбет» и «Абрикосовый сорбет».

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

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

<div itemscope>
 <span
  itemprop="favorite-color
    favorite-fruit">orange</span>
</div>

Примечание. Между микроданными и содержимым документа, где отмечены микроданные, нет никакой связи.

Те же структурирова

HTML | itemprop (атрибут) : Dev

itemprop global используется для добавления свойств к элементу. Каждый элемент HTML может иметь атрибут itemprop , а itemprop состоит из пары имя-значение. Каждая пара имен и значений называется свойством, а группа из одного или нескольких свойств формирует элемент . Значения свойств - это строка или URL-адрес и могут быть связаны с очень широким диапазоном элементов, включая <audio> ,

<embed> , <iframe> , <img> , <link> , <object> , <source> , <track> и <video> .

Примеры

В приведенном ниже примере показан источник для набора элементов, отмеченных атрибутами 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>

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

Пункт
Название элемента значение itemprop
itemprop имя Аватар
itemprop директор Джеймс Кэмерон
itemprop жанр научная фантастика
itemprop прицеп ../movies/avatar-theatrical-trailer.html

свойства

Свойства имеют значения, которые являются строкой или 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>

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

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

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

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

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

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

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

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

Элемент с одним свойством «день рождения», значение которого является датой

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

Это дает тот же результат, что и предыдущий пример. Первый элемент имеет два свойства: «имя», «Аманда» и «полоса», набор для другого элемента. Этот второй элемент имеет два дополнительных свойства: «name», «Jazz Band» и «size», значение «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>

Это приводит к элементу с двумя свойствами, как с названием «аромат», так и с значениями «Лимонный сорбет» и «Абрикосовый сорбет».

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

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

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

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

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

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

Примеры имен

HTML | itemprop (атрибут) - решаемая

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

Примеры

В приведенном ниже примере показан источник для набора элементов, отмеченных атрибутами 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>

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

Пункт
Название элемента значение itemprop
itemprop имя Аватар
itemprop директор Джеймс Кэмерон
itemprop жанр научная фантастика
itemprop прицеп ../movies/avatar-theatrical-trailer.html

свойства

Свойства имеют значения, которые являются строкой или 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>

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

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

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

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

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

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

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

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

Элемент с одним свойством «день рождения», значение которого является датой

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

Это дает тот же результат, что и предыдущий пример. Первый элемент имеет два свойства: «имя», «Аманда» и «полоса», набор для другого элемента. Этот второй элемент имеет два дополнительных свойства: «name», «Jazz Band» и «size», значение «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>

Это приводит к элементу с двумя свойствами, как с названием «аромат», так и с значениями «Лимонный сорбет» и «Абрикосовый сорбет».

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

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

<div itemscope>
 <span
  itemprop="favorite-color
    favorite-fruit">orange</span>
</div>

Примечание. Между

Атрибут itemref | HTML | WebReference

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

Атрибут itemref может быть указан только для элементов, которые содержат атрибут itemscope.

Атрибут itemref не является частью модели микроданных. Это всего лишь синтаксическая конструкция, помогающая авторам добавлять аннотацию на страницу, которая не содержит удобную древовидную структуру.

Синтаксис

itemref="<идентификатор>"

Значения

Одно или несколько значений атрибута id разделённых пробелом.

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

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>itemref</title>
 </head>
 <body>
  <div itemscope itemtype="http://schema.org/Product" itemref="name thumb description"></div>

  <h2 itemprop="name">Iphone 6 plus 16 GB</h2>
  <img src="http://imageexample.com/iphone6plus.jpg" itemprop="image">
  <div itemprop="description">iPhone 6 не просто больше. Он лучше во всех отношениях. Больше, 
  но при этом значительно тоньше. Мощнее, но при этом исключительно экономичный. 
  Его гладкая металлическая поверхность плавно переходит в стекло нового HD-дисплея Retina, 
  образуя цельный, законченный дизайн. Его аппаратная часть идеально работает с программным 
  обеспечением. Это новое поколение iPhone, улучшенное во всём</div>    
 </body>
</html>

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

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

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

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

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

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

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 02.01.2017

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

"Атрибут itemprop не разрешен на элементе meta в этот момент"

Я получаю ошибку из названия, но не знаю, как я мог бы это исправить. У меня есть ссылка, которая ведет к продукту. Чтобы описать этот продукт еще больше, я добавил элементы meta внутри элемента a , чтобы добавить такие вещи, как идентификатор продукта и т. д.:

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <a itemscope itemtype="http://schema.org/Product">
            <meta property="productID" itemprop="productID" content="12">
        </a>
    </body>
</html>

Когда я запускаю это через валидатор, я получаю ошибку:

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

Как бы я определил это иначе?

html5 w3c-validation microdata

Поделиться Источник Musterknabe     16 марта 2017 в 15:21

1 Ответ



2

Отбросьте атрибут property и просто сделайте это:

<meta itemprop="productID" content="12">

Атрибут property является атрибутом RDFa, а не атрибутом микроданных.

Поделиться sideshowbarker     16 марта 2017 в 15:26



Имя сайта микроданных в результатах поиска: "атрибут itemprop не разрешен на ссылке элемента на данный момент."

От разработчиков Google я взял этот пример для микроданных, чтобы включить имя сайта в Результаты поиска: <head itemscope itemtype=http://schema.org/WebSite> <title itemprop='name'>Your...


'itemprop' и 'rel' атрибуты на одном элементе

Допустимо ли использовать атрибут itemprop и атрибут rel для одного и того же элемента? Пример из документации по названию сайта Google содержит <link rel=canonical href=https://example.com/...


W3C ошибка проверки: "имя атрибута не разрешено на элементе meta в этот момент."

Есть идеи, что означает эта проблема и как я могу исправить ее в WordPress? Ошибка: имя атрибута не разрешено на элементе meta в этот момент. Из строки 211, колонка 2; в строку 211, колонка 54...


Атрибут href не разрешен на кнопке элемента в этот момент

У меня проблема с кнопкой и проверкой W3C; мой код: <button class=carousel-control left m-btn icn-only href=#carousel_fade_2 data-slide=prev><i...


Какова цель <meta itemprop=" ">

Я видел, что многие веб-разработчики включают в тег <meta itemprop=name content= > <meta itemprop=description content= > <meta itemprop=image content= > Я не понимаю, какова цель...


itemprop="image" на элементе не <img>?

У меня есть страница продукта, которая использует микроданные. На данный момент атрибут itemprop=image указан на первом эскизе из моей галереи эскизов. То, что я хотел бы сделать, это указать его...


W3C валидация метода itemref микроданных в сочетании с <meta>

Рассмотреть этот HTML: <header> <div id=logo itemscope itemtype=http://schema.org/Organization> <a itemprop=url href=//www.seashellswebsite.co.uk/> <img itemprop=logo...


Ошибка проверки: "был указан атрибут itemprop, но элемент не является свойством какого-либо элемента"

Для лучшего SEO мне нужно поместить некоторую мету на мою страницу, как это: <!-- Schema.org markup for Google+ --> <meta itemprop=name content=The Name or Title Here> <meta...


Чирио атрибут itemprop отбора содержания

Я использую Cheerio в nodejs, чтобы выбрать текст из URL, где элемент содержит атрибут itemprop=name. На данный момент мне нужно знать родительский элемент, чтобы прочитать атрибут и связанный с ним...


Мета-теги останавливают веб-сайт от HTML5 проверки

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


Как правильно использовать микроразметку schema.org? — Хабр Q&A

Всем привет! Хочу на сайт афоризмов поставить микроразметку... Прошу помощи спецов, правильно ли я понял...

Насколько я правильно понял, для афоризма (заголовок, картинка, текст, автор, комментарии) мне подходит - ruschema.org/Article

Правильно ли я понимаю, что микроразметка например:

<div itemscope itemtype="http://schema.org/Painting">
    <h2 itemprop="name">Портрет Гарсиа Лорки</h2>
    <img src="http://uploads8.wikipaintings.org/images/salvador-dali/portrait-of-garcia-lorca.jpg!Blog.jpg" alt="Портрет Гарсиа Лорки - Сальвадор Дали"
title="Портрет Гарсиа Лорки - Сальвадор Дали" />
    <a href="/es/salvador-dali" itemprop="author">Сальвадор Дали</a>
    <span itemprop="genre">Портрет</span>
    <span itemprop="description">Портрет Федерико Гарсиа Лорки, выполненный в Café de Oriente. Мадрид. (Бумага, чернила. 1924 г.)</span>
</div>

будет идти в конце афоризма...?
то есть идет текст моего афоризма а ниже микроразметка, в итоге:

<title>Весь Мир театр... или Цирк?</title>
<img>...<img>
<p>Когда Шекспир писал, что «весь мир — театр», он еще ничего не знал о цирке...
<div>камменты...<div>
 
и дальше микроразметка:
<div itemscope itemtype="http://schema.org/Painting">
    <h2 itemprop="name">Портрет Гарсиа Лорки</h2>
    <img src="http://uploads8.wikipaintings.org/images/salvador-dali/portrait-of-garcia-lorca.jpg!Blog.jpg" alt="Портрет Гарсиа Лорки - Сальвадор Дали"
title="Портрет Гарсиа Лорки - Сальвадор Дали" />
    <a href="/es/salvador-dali" itemprop="author">Сальвадор Дали</a>
    <span itemprop="genre">Портрет</span>
    <span itemprop="description">Портрет Федерико Гарсиа Лорки, выполненный в Café de Oriente. Мадрид. (Бумага, чернила. 1924 г.)</span>
</div>

Получается под моим афоризмом будет еще блок с дублирующимися значениями и все вместе это будет не очень красиво выглядеть.

-----
Дабы ответ был полным и с "живым" решением, напишу что получалось:

так как в статье слишком много html форматирования и совместить его вместе с микроразметкой не смогу, сделал блоком ниже и скрыл, чтобы скрытый блок не занимал место, дал блоку маленькую высоту (не знаю правильно ли это), в итоге вот что получилось - запись

--
спасибо diamond за подсказку по видимости для пользователя.
Последний Вариант:

<article itemscope itemtype="http://schema.org/Article">
            <meta itemprop="name" content='@Model.TitleBL' />
            <meta itemprop="inLanguage" content="ru" />
            <meta itemprop="articleBody" content='@Model.TextBL' />
            <meta itemprop="author" content='@Model.avtor' />
            <meta itemprop="publisher" content='@Model.user_nikname' />
            if (Model.PostPicture != null) {  <meta itemprop="image" content='~/Images/Data/Posts/@Model.PostPicture' /> }           			
            <meta itemprop="url" content='@Url.Action("AphorismDetail", "Record", new { id = @Model.idBL })' />          
        </article>

хорошее мини руководство от гугла
В процессе поисков наткнулся на интересный плагин для вордпресса - itemprop WP for SERP/SEO Rich snippets он делает для статей сайта тоже самое то что я сейчас в ручную пытаюсь на самописном сайте сделать.

------------

Ну вот афоризм попал в индекс, в итоге вижу совершенно не то, что было обещано, а обещано выло - красивые, функциональные снипеты...
А я вижу вот - take.ms/yyFgQ
Афоризм - aforizmus.com/aphorism/1258
что же не так?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *