李毛毛

“SEO & Render Checker”chrome插件，一款专供Google SEO工程师使用的利器，做「SEO & Render Checker」插件的初衷，是工作中，我经常要检查一个页面的 SEO 基础是否到位，例如以下问题挨个查询就很烦，而且有的站点是用csr加载的，更烦，于是我想：能不能点一下按钮，就把这些信息都列出来？然后“SEO & Render Checker”chrome插件就横空出世了：

• 标题写对了吗？
• 有没有设置 canonical？
• 结构化数据（JSON-LD）格式合规吗？
• 多语言站点的 hreflang 链接配好了没？

主要功能

1、渲染方式判断

• 告诉你这个页面是服务端渲染（SSR）还是客户端渲染（CSR）。
• 这对 SEO 很关键——如果主要内容依赖 JavaScript 加载，搜索引擎可能抓不到。

2、基础 SEO 信息

• 页面标题（<title>）
• Canonical 链接
• 字符编码、内容语言（Content-Language）
• Meta description、keywords、robots 等标签
• Open Graph 和 Twitter Card 信息

如果关键字段（比如 title 或 canonical）缺失，会用橙色或红色高亮提醒，避免遗漏。

3、更多功能

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

怎么安装？

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

1. 下载代码
   从 GitHub 下载源码（或解压我提供的压缩包）【https://github.com/yaochaolyc-cloud/seo-checker】，放到电脑任意位置，比如桌面，文件夹命名为 seo-checker。
2. 打开扩展管理页
   在 Chrome 地址栏输入：chrome://extensions，回车。
3. 开启开发者模式
   点击右上角的「开发者模式」开关，将其打开。
4. 加载插件
   点击「加载已解压的扩展程序」，选择刚才的 seo-checker 文件夹。
5. 开始使用
   安装成功后，浏览器工具栏会出现一个小图标。访问任意网页，点击它，就能看到分析结果。

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

关于隐私

这个插件完全离线运行：

• 不联网
• 不收集任何你的浏览数据
• 所有分析都在当前页面本地完成，连我的服务器都不经过

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

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

你可以放心使用。