HTML5微数据显示评级等

HTML5微数据显示评级等,html,seo,microdata,schema.org,Html,Seo,Microdata,Schema.org,我应该使用来显示用户交互,还是可以使用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 1

我应该使用
来显示用户交互,还是可以使用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>

如何打暗礁结
约翰·多伊
这篇文章已被推特1203次,包含78条用户评论。
或者我可以使用

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

如何打暗礁结
约翰·多伊
这篇文章已经在推特上发布了
1203次
包含1203个
用户评论。

谷歌和其他引擎也会显示用户喜欢的评论和文章评论,你可以使用任何一个;没有语义上的区别。事实上,如果您查看中的最后一个示例,它给出了一个与您的示例非常相似的示例:

例如,以下两个示例之间没有语义差异:

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

城堡(1986)
城堡(1986)

我自己也在试图找到答案。我不认为你可以使用元元素之外的内容,所以我认为这个例子是无效的

理想情况下,我可能会将其放在数据元素中

<data itemprop="interactionCount" value="UserTweets:1203">1203 Tweets</data>
<data itemprop="interactionCount" value="UserComments:78">78 user comments</data>
1203条推文
78用户评论

value属性应该是“machine value”,但我不确定目前对它的支持程度。

您可以使用span而不是meta,并尝试一下。测试:。。我认为Meta只用于隐藏那些属性/值,不让它们显示给用户。另一个测试差异的好工具:注意,它已经被弃用了。