TRAE × 网页结构化数据 Skill

网页结构化数据 Skill不在 TRAE 的前十推荐里——TRAE更擅长营销工作与网站、落地页和程序化 SEO，这个 Skill 的重心不完全在这里。它仍然可以正常安装使用，只是如果你要做的就是这件事，可以先看看下面几个更合适的 Agent。

用 TRAE 跑网页结构化数据 Skill，核心优势是改完 JSON-LD 代码当场弹出预览窗，直接拖动手机和电脑尺寸核对富文本卡片效果，省掉保存文件再切到 Chrome 里刷新的动作。提取页面实体信息、编写 JSON-LD 代码等环节在这里顺畅度很高，适合做落地页和程序化 SEO 页面的项目。需要注意办公文档必须先转成纯文本再喂给它，它没有连飞书的连接器，文档类成果要手动搬。如果只是想生成一份 Word 报告，或者需要定时自动跑巡检，不要选它。

这个特性直接落在「提取页面实体信息」和「串联全站实体图谱」两个环节上。把目标页面 URL 和前端代码结构喂进去后，生成的 JSON-LD 会立刻在右侧窗口渲染。不需要把代码复制到本地编辑器保存，再打开浏览器切设备模式看星级和价格展示卡。判断标准是在预览窗里直接拉宽窄，手机和电脑尺寸下的标题排版和移动端样式不变形。跨阶段来看，前段 Skill 在 Work 里写好的研究结论直接带过来做成页面，中间不导出文件，这类页面成果最后直接部署，不发飞书。

1. 01

   提取页面实体信息

   把目标页面 URL 和前端代码结构给它。它读完代码直接在页面预览窗口对照实体模型。不用单独把网页 HTML 下载到本地再用其他工具打开看。

2. 02

   匹配网页类型

   针对产品页或招聘页，它用联网检索比对 Schema 模型，并在页面预览里模拟展示。判断标准是看预览窗里的常见问题展示卡样式有没有触发，对不上就换模型。

3. 03

   串联全站实体图谱

   提供当前网站部署的实体信息，它运行脚本生成全站图谱代码。预览窗直接按手机和电脑尺寸核对，查看整站结构串联后会不会把原有页面布局撑破，不用再切浏览器。

在 Skills 设置里导入技能目录。项目级 Skill 放进 .agents/skills/ 文件夹跟着项目走。提取页面信息前，办公文档必须先手动转成文本。在 Work 里交代研究写作任务，在 IDE 里交代页面制作。在 IDE 界面里交代任务，可以直接建研究、文案、设计、开发多个角色分工。生成的代码和页面进度直接在右侧看板和页面预览窗里核对。

装完后，先跑一个产品页 URL 当最小任务。看右侧页面预览窗有没有立刻弹出，直接拉宽窄看手机和电脑尺寸下星级和价格富文本卡片的展示效果。然后检查生成的 JSON-LD 代码，看里面具体字段是不是直接从页面正文里抓取的。最后看它输出的网页类型与 Schema 模型对照表，拿去 Google 富媒体结果测试工具跑一遍，核对它给的验证建议能不能直接用。