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

StackOverflow https://stackoverflow.com/questions/6805419

  •  25-10-2019
  •  | 
  •  

题

我正在将 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"
有帮助吗？

解决方案

您必须通过嵌套两个元素来做到这一点。例如，您可以筑巢 <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>

我发现 这个网站 方便测试此类事情。

其他提示

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

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

<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结构化数据测试仪 自最初的问题发布以来，已经大大改善了。上面的代码在其中正确验证。

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

https://search.google.com/Structured-data/testing-tool#url = http%3A%2F%2Fmercedes-benzhanoi.com.vn%2fmercedes-ha noi.auto%2fgla-2fgla-250-4matic-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>

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top