如何将 'name' 和 'url' 属性添加到同一个标签？

Question

我正在将 schema.org 微数据添加到我的网站。

我的HTML代码是这样的：

<div itemscope itemtype="http://schema.org/Organization">
<span class="title">Name of the organization</span>
<a href="http://www.ABCCompany.com/">ABC Company</a>
</div>

因为

itemprop

组织的“url”和“name”都在锚标签中。如何在同一个标签上同时指示“url”和“name”

itemprop

？为此我必须添加额外的

span

标签吗？

我尝试搜索一些关于此的编码示例，但找不到任何示例来显示在同一标签上使用多个

itemprop

。

最后，我想要这样的微数据：

url="http://www.ABCCompany.com", name="ABC Company"

Answer 1

您必须通过嵌套两个元素来做到这一点。例如，您可以将

<span>

嵌套在

<a>

内，然后将

itemprop="name"

放在其上：

<div itemscope itemtype="http://schema.org/Organization">
    <a itemprop="url" href="http://www.ABCCompany.com/">
        <span itemprop="name">ABC Company</span>
    </a>
</div>

我发现这个网站对于测试此类东西很方便。

Answer 2

谷歌可能有问题。 “丰富的摘要测试工具”表明，当您将锚标记标记为网址时，标记的正文将用作值而不是 href 属性。但没有人愿意在锚标记内显示 url。

Answer 3

这也有效，并且可能看起来更容易维护：

<div itemscope itemtype="http://schema.org/Organization">
  <span class="title" itemprop="name">
    <a itemprop="url" href="http://www.ABCCompany.com/">ABC Company</a>
  </span>
</div>

自从最初的问题发布以来，

Google 对 schema.org 和 google 结构化数据测试器 的支持有了很大的改进。上面的代码在其中验证正确。

Answer 4

OP 的原始代码现在似乎可以正常工作。如图所示：

https://search.google.com/structured-data/testing-tool#url=http%3A%2F%2Fmercedes-benzhanoi.com.vn%2Fmercedes-ha-noi.auto%2Fgla-250-4matic。 html

<div itemscope="" itemtype="http://schema.org/Organization">
<span class="title" itemprop="name">
<a itemprop="url" href="http://mercedes-benzhanoi.com.vn/mercedes-ha-noi.auto/gla-250-4matic.html">GLA 250 4MATIC</a></span>
</div>