SEO
title 和 description 及其长度、canonical、robots、Open Graph、语言(hreflang)和 llms.txt
对比
我为自己的网站和 Google 前三名各保存一张卡片,然后在表格里并排打开。
手动不可行
手动对比意味着逐个打开网站、把数据复制到表格里,一有变化就得重来。
怎么做
检查每个网站时顺手保存一张卡片,之后把它们汇总到同一张表格里。
对比什么
表格按列排出每个网站的 SEO、结构、schema、字体与颜色、速度和截图。
免费与 Pro
免费版可以对比 2 个网站、保存 3 张卡片。Pro 发布前,完整对比和导出都免费。
用途
我把它导出为 CSV 或 Markdown,用在客户提案里、设计之前或 SEO 审核中。
不对比的
它不对比流量、关键词或外链:这些需要第三方数据。我只用页面上能读到的内容。
常见问题
我确认一下:能免费对比吗?卡片存在哪里?导出成什么格式?
继续浏览
接下来看看 SEO 检查器、设计系统或价格。
候补名单
我想把自己的网站和竞争对手做对比:加入候补名单,争取第一批试用。
核心功能
用 Smart Design Inspector 为你访问的每个网站保存一张卡片(SEO、标题结构、schema、字体、颜色和速度),再把多个网站放进一张表格对比,并导出为 CSV 或 Markdown。
对比 2 个网站永久免费
| yourclient.example | competitor-a.example | competitor-b.example | |
|---|---|---|---|
| Title | 58 字符OK | 74 字符待改进 | 52 字符OK |
| H1 | 1OK | 0缺失 | 1OK |
| Schema | OrganizationOK | —缺失 | ProductOK |
| 字体 | Inter | Poppins | DM Sans |
| 颜色 | #2563EB | #16A34A | #0B0B0B |
| LCP | 1.8 sOK | 3.4 s待改进 | 2.1 sOK |
指标,yourclient.example,competitor-a.example,competitor-b.exampleTitle,58 字符 (OK),74 字符 (待改进),52 字符 (OK)H1,1 (OK),0 (缺失),1 (OK)Schema,Organization (OK),— (缺失),Product (OK)字体,Inter,Poppins,DM Sans颜色,#2563EB,#16A34A,#0B0B0BLCP,1.8 s (OK),3.4 s (待改进),2.1 s (OK)| 指标 | yourclient.example | competitor-a.example | competitor-b.example || --- | --- | --- | --- || Title | 58 字符 (OK) | 74 字符 (待改进) | 52 字符 (OK) || H1 | 1 (OK) | 0 (缺失) | 1 (OK) || Schema | Organization (OK) | — (缺失) | Product (OK) || 字体 | Inter | Poppins | DM Sans || 颜色 | #2563EB | #16A34A | #0B0B0B || LCP | 1.8 s (OK) | 3.4 s (待改进) | 2.1 s (OK) |你打开自己的网站和三个竞争对手的网站。用一个扩展看每个页面的 title,用另一个看标题结构,再用第三个看字体。然后把每项数据复制到电子表格里。第二天,一半数据已经找不到了,只好重新打开一遍。
现有的网站对比工具只盯着一件事:速度、链接或流量。没有一个能把设计和 SEO 放进同一张表格。
打开网站,点击保存卡片。扩展会保存 title、description、标题结构、结构化数据、字体、配色、Core Web Vitals 和一张截图。
对每个竞争对手重复这一步。
打开对比,选择要对比的卡片。差异会高亮显示。
将表格导出为 CSV(用于电子表格)或 Markdown(用于报告,或交给 AI 处理)。
SEO
title 和 description 及其长度、canonical、robots、Open Graph、语言(hreflang)和 llms.txt
结构
H1、H2 和 H3 的数量,标题层级跳级
结构化数据
页面中的 schema 类型(Organization、Product、FAQPage…)
设计
字体及其来源、字号层级、配色方案
速度
你访问时实测的 LCP、CLS 和 INP
截图
用于报告的页面截图
| 免费€0永久 | Pro€49一次性付款 | |
|---|---|---|
| 保存的卡片 | 3 | 不限 |
| 表格中同时对比的网站 | 2 | 保存多少,对比多少 |
| 导出为 CSV 或 Markdown | — |
把客户的网站和 Google 上该服务排名前三的网站放进一张表格对比。
了解行业常用哪些字体和颜色,以及排名最好的网站是怎么做的。
谁有 schema,谁缺少 H1,谁加载最慢。
不对比流量、关键词和外链。这些需要 Semrush 或 Similarweb 等第三方数据。对比只使用页面本身能读取到的内容。
可以。免费版可保存 3 张卡片,并在屏幕上对比 2 个网站。导出表格或对比更多网站需要 Pro。
保存在你的浏览器里。不会上传到任何服务器,也无需注册账号。
可以。每个 URL 就是一张卡片,所以你可以对比首页和某个服务页面,或同一页面的两个版本。
可以,只要你能在浏览器里看到它。扩展读取的就是你看到的页面。
CSV(可用 Excel 或 Google Sheets 打开)和 Markdown(适合写报告,或粘贴到与 AI 的对话中)。
来自你本次访问的实时测量。真实用户数据(CrUX)将在后续版本中提供。
从 1.0 版起支持 Windows、Mac 和 Linux 上的 Chrome、Edge、Brave、Arc、Opera 和 Vivaldi。扩展由浏览器运行,而不是由操作系统运行,所以在各处表现一致。代码已为 Firefox 和 Safari 做好准备,无需重写。开发期间,内容可能会有变化。
候补名单
Smart Design Inspector 正在开发中。留下你的邮箱,它在 Chrome 网上应用店上线当天我们会通知你,并在抢先体验期间免费开放 7 项 Pro 功能。
发布当天一封邮件,之后很少打扰 · 一键退订
Cookie
只有在你同意后,我们才会使用 Google Analytics 了解网站访问量以及哪些页面效果好。我们不投放广告。 Cookie 政策.