Question

我正在将schema.org Microdata添加到我的网站。

我的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。

最后，我希望像这样的Microdata：

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>

我发现this site可以方便地测试这些东西。

Answer 2

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

Answer 3

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

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

自发布原始问题以来，Google对schema.org和google structured data tester的支持已大大改善。上面的代码在其中正确验证。

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>

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

4 个答案: