使用BreadcrumbList取得SEO错误

时间:2019-01-25 09:21:36

标签: html aem

Google Structured Data Testing Tool中运行代码段时遇到以下错误

enter image description here

  1. 为item.id提供的值必须是有效的URL。
  2. position:位置字段的值是必需的。

代码段:

<ol class="breadcrumb clearfix hide-mobile"
  data-sly-list="${controller.breadcrumbModel.items}"
  itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"
    data-sly-test="${!itemList.last}">
    <a itemtype="http://schema.org/Thing" itemprop="item"
       href="${item.url}" title="${item.title}">
      <span itemprop="name">${item.title}</span>
      <meta itemprop="position" content="${itemList.index}" />
    </a>
  </li>
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" data-sly-test="${itemList.last}">
    <span itemtype="http://schema.org/Thing" itemprop="item">
      <span itemprop="name">${item.title}</span>
      <meta itemprop="position" content="${itemList.index}" />
    </span>
  </li>
</ol>

1 个答案:

答案 0 :(得分:1)

问题:“ position:位置字段为必填值。

您必须添加position属性以指定ListItem的位置。

<meta itemprop="position" content="1"/>

问题:“ 为item.id提供的值必须是有效的URL。

您必须删除itemscope元素上的<a>

因此有效的标记如下所示:

<ol class="breadcrumb clearfix show-mobile" itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a itemtype="https://schema.org/Thing" itemprop="item" href="/content/xyz-at/de/abcd.html" title="Content page">
      <span itemprop="name">Content page</span>

      <!-- set the hierarchical value dynamically to the following element. -->
      <meta itemprop="position" content="1" />
    </a>
  </li>
</ol>

BreadcrumbList 的完整标记

BreadcrumbList的完整有效标记如下所示:

<ol class="breadcrumb clearfix hide-mobile" data-sly-list="${controller.breadcrumbModel.items}" itemscope itemtype="https://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" data-sly-test="${!itemList.last}">
    <a itemtype="https://schema.org/Thing" itemprop="item" href="${item.url}" title="${item.title}">
      <span itemprop="name">${item.title}</span>
      <meta itemprop="position" content="${itemList.index}" />
    </a>
  </li>
  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" data-sly-test="${itemList.last}">
    <span itemtype="https://schema.org/Thing">
      <span itemprop="name">${item.title}</span>
      <link itemprop="item" href="${item.url}" />
      <meta itemprop="position" content="${itemList.index}" />
    </span>
  </li>
</ol>

BreadcrumbList的最后一级不可单击,但可见。标记在Google Structured Data Testing Tool上有效。


结构化数据中面包屑的其他资源: