itemscope 和 itemprop 同级答案

【问题标题】：Itemscope and itemprop at same levelitemscope 和 itemprop 同级
【发布时间】：2014-02-19 10:19:32
【问题描述】：

我有一个如下所示的链接：

<a href="//href" itemscope itemtype="http://schema.org/Product">
    <img src="src" itemprop="image">
</a>

我想将itemprop="url" 放在<a> 标记中，但它包含该产品的itemscope。我可以把它和itemtype=放在同一级别吗？

或者，我是否需要将整个内容包装在一个 div 中以使其工作，或者为itemprop="url" 微数据使用<meta> 标签？谢谢！

【问题讨论】：

这个问题似乎是题外话，因为它是关于 SEO
@JohnConde：我不认为 YPCrumble 在这里要求SEO advice。
一般来说，如何使用mircodata往往属于Pro Webmaster域。这可能应该被标记为迁移到那里。
@JohnConde：为什么？如果 Microdata 使用问题应该转移到 Webmasters SE，HTML 使用问题也必须转移，因为 Microdata 是 HTML5 扩展。我不觉得这样的使用问题在 SO 上通常是题外话。我同意这些也可以发布在网站管理员上，但这并不一定意味着它们在这里偏离主题（与特定的 Wordpress/Drupal SE 相同：在 SO 上询问它们仍然是主题）。
Mricodata 不是 HTML。它与 HTML 结合使用。它的唯一目的是 SEO，因为它旨在仅告诉搜索引擎更多关于某些内容的信息。因此，任何关于其使用的问题都属于 SEO，因此是专业网站管理员的领域，

【解决方案1】：

你可以在同一个元素上使用itemprop 和itemscope，但这意味着不同的东西。

在此示例中，Product 项具有 url 属性：

<div itemscope itemtype="http://schema.org/Product">
  <a href="//href" itemprop="url">…</a>
</div>

在此示例中，其他一些项目具有 url 属性，其值为 Product 项目：

<a href="//href" itemprop="url" itemscope itemtype="http://schema.org/Product">…</a>

（注意后一种情况：url value is the Product item，而不是 href 属性中的 URL！所以这对于 url 属性可能没有意义。）

【讨论】：

【解决方案2】：

不，您不需要另一个包装器来执行此操作。您可以将 itemprop="url" 指定给 a 标签。

这种技术称为“嵌套作用域”

有关此内容的更多信息，请参阅此链接的 2.2 基本语法部分http://www.w3.org/TR/2011/WD-microdata-20110525/

【讨论】：

在您引用的页面上显示“要向项目添加属性，itemprop 属性用于该项目的后代之一。”;这是否意味着我必须将 itemprop 属性放在后代而不是包含 itemscope 的元素上？
@YPCrumble 不，不是那个意思。这意味着一旦你在一个元素上定义了你的 itemtype（这是你的词汇表），你就可以把 itemprop="value" 放到那个元素的子元素中。考虑 itemtype = 事物的词汇，而 itemprop = 该词汇中的一个条目。
@Toan_Nguyen 我刚刚在 GWT 结构化数据测试中尝试过，看来您必须使用子元素：google.com/webmasters/tools/…
@YPCrumble 好的，所以在你的情况下， itemprop="url" 属于 schema.org/Product?如果是这种情况，那么您需要一个包装器。如果 itemprop="url" 属于另一个模式（例如schema.org/Thing），你已经在一个祖先项目中定义了，那么你就不需要了。