如何添加“姓名”和“url”相同标签的属性？

发布于 2024-11-26 10:30:27 字数 591 浏览 2 评论 0原文

我正在将 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"

原文

I'm adding the schema.org Microdata to my website.

My HTML code is like this:

<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>

Since the itemprop "url" and "name" of the Organization are all in the anchor tag. How can I indicate the both "url" and "name" itemprop on the same tag? Must I add extra span tag for this purpose?

I have tried searching some coding examples on this but cannot find any example to show the use of multiple itemprop on the same tag.

At the end, I want to have Microdata like this:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

东北女汉子 2024-12-03 10:30:27

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

I找到这个网站来方便地测试这些东西。

You have to do it by nesting two elements. For example, you can nest a <span> inside the <a> and put the itemprop="name" on that:

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

I find this site handy for testing such things.

回复收藏 0 原文

甜妞爱困 2024-12-03 10:30:27

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

回复收藏 0 原文

青衫儰鉨ミ守葔 2024-12-03 10:30:27

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

<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 和的支持自从最初的问题发布以来，谷歌结构化数据测试器已经有了很大的改进。上面的代码在其中验证正确。

This also works and may look a bit easier to maintain:

<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's support for schema.org and the google structured data tester have improved considerably since the original question was posted. The code above validates correctly in it.

回复收藏 0 原文