面包屑结构化数据生成器

在线生成面包屑导航 BreadcrumbList 的 JSON-LD 结构化数据,填写层级名称和链接,帮助搜索引擎理解网站结构。

工具功能

面包屑结构化数据生成器可以帮您快速生成符合Schema.org规范的BreadcrumbList JSON-LD代码,用于搜索引擎优化,帮助搜索引擎更好地理解网站页面结构。

使用方法

  1. 点击「添加层级」按钮添加面包屑导航层级
  2. 为每个层级填写名称和对应的URL地址
  3. 不需要的层级可以点击「删除」按钮移除
  4. 工具会实时生成完整的JSON-LD代码,复制粘贴到您网站的<head>区域即可

生成规范

注意事项

空名称或空URL的层级不会被包含在最终生成的结构化数据中,请确保每个面包屑层级都填写完整的名称和URL。

什么是面包屑结构化数据?

面包屑结构化数据是基于Schema.org标准的BreadcrumbList标记,用于告诉搜索引擎您网站的导航层次结构。搜索引擎可以利用这些信息在搜索结果中正确显示面包屑导航。

生成的代码应该放在网站的哪个位置?

通常将生成好的JSON-LD代码放置在页面的<head>标签内,也可以放在页面的<body>中,搜索引擎都能正确识别。

面包屑层级最多可以添加多少个?

工具没有限制层级数量,您可以根据实际导航结构添加任意多级面包屑。一般来说,普通网站导航结构不会超过5级。

为什么我生成的JSON-LD里少了几个层级?

工具会自动忽略名称或URL为空的层级,请检查每个层级是否都填写了完整的名称和URL地址。

`; outputTextarea.value = jsonLdCode; } // 添加按钮事件 addBtn.addEventListener('click', () => addBreadcrumbLevel()); // 生成按钮事件 generateBtn.addEventListener('click', generateBreadcrumb); // 清空按钮事件 clearBtn.addEventListener('click', () => { breadcrumbsContainer.innerHTML = ''; levelCount = 0; outputTextarea.value = ''; }); // 初始化,默认添加两个层级 addBreadcrumbLevel('首页', window.location.origin); addBreadcrumbLevel('当前页', window.location.href); generateBreadcrumb();