html - 在页面的多个位置上使用相同的 itemprop 和 itemscope itemtype 可以吗

Question

在文档上设置相同的 itemprop 和 itemscope 是否可以，还是不好的做法？

我问的原因是我的 View 布局没有以线性方式显示类型，例如。公司头像位于侧边栏上，公司名称即标题位于 article > header block 上。

代码示例:

<div itemscope itemtype="http://schema.org/Order">
  <div itemprop="seller" itemscope itemtype="http://schema.org/Organization">
    <b itemprop="name">ACME Supplies</b>
  </div>

  <div class="reviews">
     <p>Great company! - Jane</p>
  </div>

  <div itemprop="seller" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="url">http://acme-supplies.com</span>
  </div>
</div>

我声明了 itemprop="seller" 和 itemscope itemtype="http://schema.org/Organization" 两次，因为我需要如何设置页面样式.

1. 显示公司名称
2. 显示公司网址

Answer 1

这并不理想。它表示订单有两个卖家。消费者可能会猜测/假设是同一位卖家，但他们无法确定。

itemid

Microdata 的 itemid 属性允许您为项目提供一个 URI(此 URI 标识该项目描述的实体；它不一定必须指向页面, 但最好提供一个包含有关该项目的信息的页面)。通过为您的两个 Organization 项提供相同的 URI，您表示这些项是关于同一实体的。

这样做时，似乎没有必要再次提供 seller 属性。

<div itemscope itemtype="http://schema.org/Order">
  <div itemprop="seller" itemscope itemtype="http://schema.org/Organization" itemid="/seller/acme-supplies#this">
    <b itemprop="name">ACME Supplies</b>
  </div>

  <div class="reviews">
     <p>Great company! - Jane</p>
  </div>

  <div itemscope itemtype="http://schema.org/Organization" itemid="/seller/acme-supplies#this">
    <a itemprop="url" href="http://acme-supplies.com/">acme-supplies.com</a>
  </div>
</div>

(注意:您还可以为 itemd 使用外部 URI，例如 http://acme-supplies.com/，假设此 URI 标识卖家, 而不是另外的东西。严格来说，这个 URI 也可以代表卖家的网站等。理想情况下，卖家会自己提供一个 URI 来标识它，但很少有人这样做。)

itemref

如果您可以将第二个 Organization 元素移出 Order 元素，另一种解决方案是 Microdata 的 itemref 属性。

<div itemscope itemtype="http://schema.org/Order">
  <div itemprop="seller" itemscope itemtype="http://schema.org/Organization" itemref="seller-acme-supplies-url">
    <b itemprop="name">ACME Supplies</b>
  </div>

  <div class="reviews">
     <p>Great company! - Jane</p>
  </div>
</div>

<div>
    <a itemprop="url" href="http://acme-supplies.com/" id="seller-acme-supplies-url">acme-supplies.com</a>
</div>

Organization 元素添加(通过其 itemref 属性)在 ID 为 seller-acme-supplies-url 的元素中定义的属性.

您必须确保具有 id 的元素不是另一个 itemscope 的子元素(否则它也会成为 url该项目)。