丰富结果测试在架构中为面包屑返回“ null”和“未命名”，但是它在Google结构化数据测试工具中正确显示

问题描述

我正在尝试正确地为面包屑实现结构化数据。丰富的结果将我列表中的第3个项目称为“未命名”，随后导致实际的SERP返回面包屑中的null。我正在使用CSS选择器调用第三项，该选择器从GTM中的DOM中获取面包屑。我想念什么？为什么Google只返回面包屑列表中的第三个元素的null？

Rich Results Page output

Google Structured Data testing tool output

<script>
(function (){
var jsonData = 
{
 "@context": "http://schema.org","@type": "BreadcrumbList","itemListElement":
 [
  {
   "@type": "ListItem","position": 1,"item":
   {
    "@id": "https://www.globalkNowledge.com/us-en/","name": "Home"
    }
  },{
   "@type": "ListItem","position": 2,"item":
   {
     "@id": "https://www.globalkNowledge.com/us-en/training/course-catalog/","name": "Course Catalog"
   }
  },"position": 3,"item":
   {
     "@id": {{Page URL}},"name": "{{Breadcrumb list 2-Version2}}"
   }
  }
 ]
};
var el = document.createElement('script');
el.type = 'application/ld+json';
el.innerHTML = JSON.stringify(jsonData);
document.head.appendChild(el);
})();
</script>

注意：面包屑列表2版本2 =
.breadcrumbs .breadcrumb-child> .breadcrumb-title
由GTM渲染到此：

<script type="application/ld+json">{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.globalkNowledge.com/us-en/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.globalkNowledge.com/us-en/training/course-catalog/","name":"Course Catalog"}},"position":3,"item":{"@id":"https://www.globalkNowledge.com/us-en/training/course-catalog/brands/itil/","name":"null"}}]}

解决方法

<script>
(function (){
var jsonData = 
{
 "@context": "http://schema.org","@type": "BreadcrumbList","name": "WEBPAGE_NAME","itemListElement":

您可以将name属性添加到“面包屑列表”，未命名的项目将更改为您设置的值。

“名称”：“ WEBPAGE_NAME”，