我扫描了5个流行的JavaScript网站的SEO问题——以下是我的发现
发布: (2026年3月30日 GMT+8 06:07)
7 分钟阅读
原文: Dev.to
Source: Dev.to
要为您提供准确的翻译,我需要您粘贴或提供要翻译的完整文本内容(除代码块和 URL 之外)。请把文章的正文复制到这里,我会按照要求保留原始格式、Markdown 语法以及技术术语,只翻译正文部分。谢谢!
概览
我扫描了五个知名的 JavaScript‑密集型站点——react.dev、vercel.com、stripe.com/docs、linear.app 和 shopify.com——在每个站点的 10 个页面上运行了 19 项 SEO 健康检查。每个站点都有问题;有些问题很多。
网站评分
| 网站 | 分数 | 快速概述 |
|---|---|---|
| react.dev | 74/100 | 组内最佳;内部链接强大,所有页面可被索引,规范标签和 OG 标签正确。 |
| vercel.com | 71/100 | 整体表现稳健,但细节马虎(缺少 meta 描述、规范标签、某些页面缺少 H1;有 9 个孤立页面)。 |
| stripe.com/docs | 60/100 | 基础要素到位(标题、meta 描述、H1、规范标签、OG 标签),但缺乏结构化数据,许多图片缺少 alt 文本,加载速度慢,且 API 失效。 |
| linear.app | 57/100 | 重度 SPA;大量孤立页面,缺少结构化数据、alt 文本,偶尔出现 JS 错误。 |
| shopify.com | 39/100 | 差距最大;大量孤立页面,缺少 H1,未使用结构化数据,且 API 频繁失效。 |
详细发现
react.dev
- 内部链接: 平均每页 3.5 条链接,零孤立页面。
- 可索引性: 所有页面均可被索引。
- Meta & OG: 正确的 canonical 和 Open Graph 标签。
- 薄弱环节: 任意页面均未使用结构化数据,9/10 页面 meta 描述过短,
/versions页面上的一个 JavaScript 文件加载失败。
vercel.com
- SSR: 所有页面均可被索引,内容深度良好,已包含 OG 标签。
- 缺失细节:
/abuse上缺少 meta 描述。/academy上缺少 canonical。- 某子页面缺少 H1。
- 在扫描的 10 个页面中有 9 个孤立页面。
- 内部链接: 在已扫描集合中平均每页 0 条链接。
stripe.com/docs
- 基础要素: 标题、meta 描述、H1、canonical、OG 标签均已存在;零孤立页面。
- 薄弱环节:
- 任意页面均未使用结构化数据。
- 7/10 页面缺少图片 alt 文本。
- 8/10 页面加载时间 > 3 秒。
- 每个页面的 API 请求均失败(可能导致爬虫无法获取内容)。
linear.app
- SPA 问题:
- 平均每页 0.5 条内部链接。
- 10 个页面中有 4 个孤立页面。
- 2 个页面出现 JS 控制台错误,另外 2 个页面的 API 请求失败。
- 缺失结构化数据 与 alt 文本,情况与其他站点类似。
shopify.com
- 地区爬取: 爬虫落在荷兰语站点页面,暴露出在英文站点未发现的问题。
- 问题:
- 8/10 页面为孤立页面。
- 7/10 页面 API 请求失败。
- 2 个页面缺少 H1。
- 8/10 页面未使用结构化数据。
常见问题概览
| 问题 | 频率 |
|---|---|
| 结构化数据 (Schema.org) | 5 个站点中有 4 个在每个扫描页面上都没有标记。 |
| Meta 描述 | 常常过短、通用或缺失;直接影响点击率。 |
| 图片 alt 文本 | 许多页面一致缺失;每张图片只需 2 分钟即可修复。 |
| 内部链接 | 在 SPA(Linear、Shopify)上表现薄弱;服务器渲染站点表现更好。 |
| 页面速度 | 大多数页面加载时间 > 3 秒;JavaScript 较重的站点在此方面挣扎。 |
| API 失败 | 在多个页面出现,可能导致内容对爬虫不可见。 |
AI 爬虫 vs. Googlebot
- 评分反映 Googlebot 在 JavaScript 渲染后的看到的情况。
- AI 爬虫(例如来自 ChatGPT、Perplexity)不渲染 JS,只能看到原始 HTML,使得客户端渲染的内容对它们不可见。
推荐
- 添加结构化数据 – 每种页面类型 20–30 分钟;对丰富摘要有高投资回报率。
- 编写合适的 meta 描述 – 150–160 字符,每页唯一。
- 为每张图片添加 alt 文本 – 每张约 2 分钟;提升可访问性和 SEO。
- 修复内部链接 – 确保每个重要页面拥有 2–3 个真实的
<a>链接(避免使用 JS 点击处理程序)。 - 对关键页面使用服务器端渲染(SSR) – 有助于 Googlebot 和 AI 爬虫。
- 提升页面速度 – 优化 JavaScript,利用缓存,压缩资源,使加载时间低于 3 秒。
工具提及
我构建了 JSVisible 来自动化这些检查。它以用户和 Googlebot 两种身份渲染页面,比较结果,并突出显示差异。如果您想在自己的网站上尝试,提供免费层。
注意
这些扫描每个站点覆盖了 10 页——只是快照,而非完整审计。观察到的模式是一致的,可通过在任意检查站点上右键点击 → 查看页面源代码 来检查原始 HTML 进行验证。