Блог

Главная - Вопросы по программированию - Микроданные HTML5 для отображения оценок и лайков

Микроданные HTML5 для отображения оценок и лайков

#html #seo #microdata #schema.org

#HTML #seo #микроданные #schema.org

Вопрос:

Должен ли я использовать <meta> для отображения взаимодействия с пользователем http://schema.org/UserInteraction или я могу использовать span

Должен ли я использовать только этот способ

 <div itemscope itemtype="http://schema.org/Article">
  <span itemprop="name">How to Tie a Reef Knot</span>
  by <span itemprop="author">John Doe</span>
  This article has been tweeted 1203 times and contains 78 user comments.
  <meta itemprop="interactionCount" content="UserTweets:1203"/>
  <meta itemprop="interactionCount" content="UserComments:78"/>
</div>

Или я могу использовать

 <div itemscope itemtype="http://schema.org/Article">
  <span itemprop="name">How to Tie a Reef Knot</span>
  by <span itemprop="author">John Doe</span>
  This article has been tweeted 
  <span itemprop="interactionCount" content="UserTweets:1203" >1203</span> times and
  contains <span itemprop="interactionCount" content="UserComments:78">1203</span> 
  user comments.
</div>

Также будут ли Google и другие движки показывать лайки пользователей и комментарии «нет» для обзоров и статей

Комментарии:

1. Вы могли бы использовать span вместо meta и попробовать. Тест с помощью: инструмент тестирования расширенных фрагментов .. Я думаю, что metas используются только для того, чтобы скрыть эти атрибуты / значения от отображения пользователю.

2. Еще один хороший инструмент для проверки различий: foolip.org/microdatajs/live

3. Обратите внимание, что interactionCount устарел.

Ответ №1:

Вы можете использовать любой из них; семантической разницы нет. На самом деле, если вы посмотрите на последний пример в разделе 2.2 спецификации микроданных, он дает пример, очень похожий на ваш:

Например, между следующими двумя примерами нет семантической разницы:

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

Ответ №2:

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

В идеале я бы, вероятно, поместил его в элемент данных

 <data itemprop="interactionCount" value="UserTweets:1203">1203 Tweets</data>
<data itemprop="interactionCount" value="UserComments:78">78 user comments</data>

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