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

【问题标题】：Rich Results test returning `null` and "unnamed" for Breadcrumb in schema, however it is appearing correctly in Google Structured data testing tool丰富结果测试在架构中为面包屑返回“null”和“未命名”，但它在 Google 结构化数据测试工具中正确显示
【发布时间】：2020-12-16 19:09:33
【问题描述】：

我正在尝试正确实现面包屑的结构化数据。丰富的结果将我在列表中的第三项称为“未命名”，随后导致实际的 SERP 在面包屑中返回 null。我正在使用从 GTM 中的 DOM 中抓取面包屑的 CSS 选择器调用第三个项目。我错过了什么？为什么 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"
   }
  },
{
   "@type": "ListItem",
  "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-Version2 =
.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"}},{"@type":"ListItem","position":3,"item":{"@id":"https://www.globalknowledge.com/us-en/training/course-catalog/brands/itil/","name":"null"}}]}

【问题讨论】：

标签： css-selectors google-tag-manager breadcrumbs json-ld structured-data

【解决方案1】：

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

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

“名称”：“WEBPAGE_NAME”，

【讨论】：

您好，欢迎来到 StackOverflow。提供有关代码示例所面临的问题的详细描述以及用于使代码示例正常工作的方法通常是一个好主意。这将帮助回答您的问题的人提供建设性的解决方案，同时考虑到您尝试过的事情。