可视化 Schema 页面配置插件

什么是 Schema？

Schema（结构化数据）是一套面向搜索引擎的标准化页面数据描述规范。常见实现方式是 JSON-LD， 通常通过 <script type="application/ld+json"> 输出在页面源码中。

它不会直接改变前台视觉样式，但能帮助搜索引擎更准确理解页面语义。例如商品页中的名称、价格、库存、品牌、面包屑等， 都可以通过 Schema 明确标注，降低“机器误读”的概率。

Schema 的作用与价值

• 提升页面语义可读性：让搜索引擎更准确识别商品、品牌、文章等实体。
• 有机会获得富媒体结果（Rich Results）：如价格、评分、FAQ、面包屑等增强展示（由搜索引擎决定）。
• 支持多页面类型与多语言差异化输出：不同页面可配置不同结构。
• 降低维护成本：从“分散写脚本”升级为“后台集中配置”。

插件简介

可视化 Schema 页面配置插件 是面向 BeikeShop 的页面级 Schema 管理方案。基于 Hook 无侵入接入， 支持后台可视化编辑与前台自动输出 JSON-LD，兼顾运营可用性与开发可控性。

核心功能

• 按页面类型配置：首页、商品详情页、分类页、品牌页、内容页、搜索页、自定义路由。
• 按语言配置：支持多语言独立维护与输出。
• 双模式编辑： - 简单模式（可视化）：通过字段树配置对象/数组/字符串。 - 高级模式（JSON）：直接输入完整 JSON-LD。
• 模板库：快速创建常见结构（Organization / WebSite / Product / BreadcrumbList）。
• 实时预览最终输出：直接查看最终 JSON-LD 结果（非内部配置结构）。
• 前台自动注入：自动输出 application/ld+json 脚本。
• 权限与菜单集成：适配后台角色权限体系。

插件优势

• 无侵入：不修改核心业务代码，升级更稳。
• 可视化：降低使用门槛，运营也能快速上手。
• 可扩展：复杂场景可切高级模式直接写 JSON-LD。
• 可维护：页面与语言维度管理，结构清晰，便于团队协作。

适用场景

• 跨语言商城的结构化数据统一管理。
• 商品详情、分类、品牌等 SEO 基础建设。
• 需要“运营可配置 + 开发可控”的中大型站点。

快速上手（3~5 分钟）

1. 安装并启用插件，进入 Schema 配置后台。
2. 新增配置：选择页面类型与语言（自定义路由时填写 custom_path）。
3. 在简单模式下添加 Schema 对象并配置字段，或在高级模式直接输入 JSON-LD。
4. 保存后访问前台对应页面，查看源码中的 JSON-LD 输出。
5. 使用官方测试工具进行校验。

官方文档与检测工具

• Schema.org 官方站点
• Google 结构化数据入门
• Google 富媒体结果类型总览
• Google 结构化数据质量指南
• Google Rich Results Test
• Schema Markup Validator