李毛毛

新做了1款Chrome插件，起因是要定期检查商品的结构化数据和GMC中投放的商品Feed价格是否一致，由于页面是csr加载的，故抽检起来就很烦，要带新人的话，教起来更烦。

遂琢磨着找个chrome插件，找了几个没特别合适的，于是萌生了自己写1个的念头，结合AI工具来写+调试+修改，花费约1.5H，“SEO & Render Checker”就这样诞生了；

一款专供Google SEO工程师使用的Chrome插件利器。

主要功能

1、渲染方式判断，判断页面是服务端渲染（SSR）还是客户端渲染（CSR）。

这对 SEO 很关键——如果主要内容依赖 JavaScript 加载，搜索引擎可能抓不到，目前无法做到都使用，只能是只要有CSR就算CSR后面迭代。

2、基础 SEO 信息，包括页面Title、Meta description、keywords、robots 等标签、字符编码、内容语言（Content-Language）Open Graph 和 Twitter Card 信息、Canonical 链接和Hreflang多语言标签等。

额外花了个小心思，如果关键字段（比如 title 或 canonical）缺失，会用橙色或红色高亮提醒，避免遗漏。

3、更多功能，例如：结构化数据（JSON-LD）、页面内容字数统计、内容导出、中英文双语切换等等，非常强大，示例图如下。

使用方法

目前插件还未上架 Chrome 应用商店，但你可以通过“开发者模式”本地加载使用。

1、从GitHub 下载源码，【GitHub项目地址：https://github.com/yaochaolyc-cloud/seo-checker】，下载后放到电脑任意位置，解压文件夹，文件夹默认命名为：seo-checker；

2、打开扩展管理页，在 Chrome 地址栏输入：chrome://extensions，回车。

3、开启开发者模式，点击右上角的「开发者模式」开关，将其打开。

4、加载插件，点击「加载已解压的扩展程序」，选择刚才的 seo-checker 文件夹。

5、开始使用，安装成功后，浏览器工具栏会出现一个小图标。访问任意网页，点击它，就能看到分析结果。

注意事项

1、出于安全策略，Chrome 每次重启后会自动禁用本地加载的扩展。你只需回到chrome://extensions 页面，重新点一下「启用」即可。这是正常现象。

2、关于隐私，这个插件完全离线运行，不联网，不搜集任何数据，所有分析都在当前页面本地完成，故可以放心使用。

它只需要三个非常基础的权限：

• activeTab：读取当前页面内容
• scripting：注入脚本进行分析
• storage（可选）：临时缓存 HTTP 状态码（用于显示）

这是我用AI写的第4款产品，第1个产品是1个wordpress主题、第二个产品是wordpress插件，第三产品是1个投资复利计算器【已开放使用】，后面第1个和第2个产品，逐步完善后放出来共享，欢迎大家使用，若有任何问题，可以在关于我页面留言。