SuperAPI AI 工具集

seo-audit-report

营销与增长

查看项目

更新于 10-16 02:32

技能介绍

用途:当用户希望在浏览器中反复查看 Search Console 导出数据或已连接数据时,用此技能搭建一个交互式、纯客户端的 SEO 审计报告。

主要能力:脚手架生成 Vite+React(react-ts)项目;通过 MCP 连接 GSC 或使用 MCP 导出的 JSON/CSV;用 sql.js 在浏览器内运行 SQLite,并用 idb-keyval 将序列化数据库字节持久化到 IndexedDB;展示总点击、展示、CTR、加权排名,以及热门查询、热门页面和 CTR 差距机会;支持文件导入、可选从 /gsc/latest.json 拉取、自定义筛选与重置。

使用方式:先运行共享预检 ../docs/credentials-and-tooling.md,复用 .seo-context.md,确定项目的规范 GSC 属性。然后执行 npm create vite@latest <project-name> -- --template react-ts(或 bun create vite@latest ...),进入目录安装依赖,添加 zod、sql.js、idb-keyval。数据层需配置 sql-wasm.wasm,将输入解析为 { date, query, page, clicks, impressions, ctr, position },存入带 date、query、page 索引的 gsc_rows 表,导入后导出字节并持久化。用 npm run dev 或 bun run dev 启动,验证导入、重载持久化、筛选、重置及 /gsc/latest.json 路径,并运行类型检查、lint、构建。

适用场景:需要反复在浏览器中检查 GSC 数据的客户端报告。

限制:认证模式为 mcp,需已连接的 GSC 访问;无回退方案;sql.js 在浏览器执行 SQLite,IndexedDB 仅存序列化字节而非 SQLite 引擎;未提供的具体阈值、样式细节与业务优先级需自行确定,资料未提供价格、平台支持范围等信息。