在多个div或元素上拆分schema.org微数据

时间:2014-01-13 06:37:09

标签: html5 microdata schema.org

基本的Microdata应该是这样的:

<div itemscope itemtype="http://schema.org/LocalBusiness">
<a itemprop="url" href="url"><div itemprop="name"><strong>name</strong></div>
</a>
<div itemprop="description">My Description</div>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">My Address</span><br>
<span itemprop="addressLocality">My City</span><br>
<span itemprop="postalCode">My Zip</span><br>
<span itemprop="addressCountry">My Country</span><br>
</div>
</div>

但我可以在页面上“分割”itemscope吗?

举一个极端的例子 - 假设我在页面标题处有name,页面中间有address,页脚有country

以这种方式分割数据仍然有效/有效吗?或者我总是需要使用群集。

如果拆分有效,究竟如何执行? 我只需要像div那样重复:

    <div itemscope itemtype="http://schema.org/LocalBusiness">
<div itemprop="name"><strong>name</strong></div>
</a>
    <div itemprop="description">My Description</div>

    </div>

而且......

 <div itemscope itemtype="http://schema.org/LocalBusiness">

    <span itemprop="streetAddress">My Address</span><br>

    </div>

而且......

   <div itemscope itemtype="http://schema.org/LocalBusiness">

    <span itemprop="country">My Country</span><br>

   </div>

这是我第一次考虑使用Microdata - 而我只是想确保我正确地使用它 - 而且我看不到任何对这种“分裂”的引用。

在同一主题上,我可以使用现有元素,同时只添加itemscope吗?

例如:

<div itemscope itemtype="http://schema.org/LocalBusiness">
<h1><div id = "title" class="title" itemprop="name"><strong>name</strong></div></h1>
</a>

2 个答案:

答案 0 :(得分:8)

最简单的方法是将所有内容放在同一个分层树中。但您可以使用itemref拆分内容。请参阅您链接到的同一文档中的此示例:

  

在下面的示例中,“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 itemref="x">
  <p itemprop="b">test</p>
  <p itemprop="a">2</p>
</div>
<div id="x">
  <p itemprop="a">1</p>
</div>

答案 1 :(得分:2)

不,解析器可能会看到您建议的3个独立的本地商业实体。

但您可以在http://schema.org/LocalBusiness中的各个属性之间添加其他文本,如下所示:

<div itemscope itemtype="http://schema.org/LocalBusiness">
  <a itemprop="url" href="url"><div itemprop="name"><strong>name</strong></div></a>
  <p>
     This paragraph is not used by schema.org
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam blandit pretium
     massa, in consectetur velit. Vivamus aliquam, turpis in pellentesque pulvinar,
     lectus diam fermentum velit, quis fermentum arcu turpis in orci. Duis egestas
     urna vel velit suscipit mollis. Nulla sed diam massa.
  </p>
  <div itemprop="description">My Description</div>
</div>