如何将“name”和“url”属性添加到同一标签?
-
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的原始代码现在似乎可以正常工作。如下所示:
<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>
不隶属于 StackOverflow