1

我试图让我的页面进行验证,它现在抛出的唯一错误是:

此时元素 a 上不允许使用属性 itemprop。

我的代码如下:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a>
</div>  

这遵循谷歌在以下页面上提供的电子邮件:

面包屑

它似乎也遵循 HTML5 Microdata 规范:

HTML5 微数据

任何想法为什么这不验证?我错过了什么,或者这对验证者来说太新了,目前无法验证?

4

4 回答 4

1

要在 SERP 中显示面包屑,请像这样对 schema.org 标记进行编码。注意 div 嵌套和“child”属性:

<div class="breadcrumb" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">

  <span class="breadcrumb-lead">YOU ARE HERE:</span>
  <a title="Go to %title%." href="%link%" class="%type%" itemprop="url">
  <span itemprop="title">Homepage</span></a>

  <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb" style="display: inline;">
    <a title="Go to %title%." href="%link%" class="%type%" itemprop="url">
    <span itemprop="title">Category One</span></a>
  </div>

  <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb" style="display: inline;">
    <a title="Go to %title%." href="%link%" class="%type%" itemprop="url">
    <span itemprop="title">Category Two</span></a>
  </div>

</div>

这在 Google 结构化数据测试工具中得到验证:

http://www.google.com/webmasters/tools/richsnippets

很多关于面包屑的 schema.org 标记的文档都是不正确的。关于这个有几个线程。以上是我的工作解决方案,希望对您有所帮助。

于 2012-10-16T04:02:46.837 回答
0

schema.org 取代了 data-vocabulary.org。Schema.org 模式已被主要搜索引擎认可。并且 Schema.org 在其架构中没有 itemprop=url 。因此,可能是 Google 的工具或其搜索引擎机器人已停止遵循 data-vocabulary.org 架构。无论如何,最好转移到 Schema.org Breadcrumb

Itemtype - WebPage 是网页的默认值。因此,即使您不提供 itemtype - WebPage 并提供 BreadCrumb 类型,Google 也会将其理解为面包屑。我在 Schema.org 页面上读到了这个。我已经给了你这个链接。

使用此 Google 的工具进行验证。

于 2013-04-05T08:31:40.307 回答
0

您使用的是哪个验证器?有些还不支持 HTML5 的最新功能,有些支持但不会触发对您的文档的正确验证,因为您声明的 doctype。

但是,新发布的 Nu 验证器应该不会有这些问题。您可以在.net 杂志上阅读有关它的信息。

于 2012-02-15T15:11:14.470 回答
0
    <ol itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://www.example.com">
        <span itemprop="name">Home</span></a>
    <meta itemprop="position" content="1" />
  </li>
  ›
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://www.example.com/category1">
      <span itemprop="name">Category 1</span></a>
    <meta itemprop="position" content="2" />
  </li>
  ›
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://www.example.com/category1/subcategory">
      <span itemprop="name">SubCategory</span></a>
    <meta itemprop="position" content="3" />
  </li>
</ol>

这会将有关面包屑的许多数据暴露给爬虫。如果您使列表项内联,则输出将如下所示:

1.Home > 2.Category > 3.SubCategory

于 2018-12-10T04:19:23.827 回答