我扫描了5个流行的JavaScript网站的SEO问题——以下是我的发现

发布: (2026年3月30日 GMT+8 06:07)
7 分钟阅读
原文: Dev.to

Source: Dev.to

要为您提供准确的翻译,我需要您粘贴或提供要翻译的完整文本内容(除代码块和 URL 之外)。请把文章的正文复制到这里,我会按照要求保留原始格式、Markdown 语法以及技术术语,只翻译正文部分。谢谢!

概览

我扫描了五个知名的 JavaScript‑密集型站点——react.devvercel.comstripe.com/docslinear.appshopify.com——在每个站点的 10 个页面上运行了 19 项 SEO 健康检查。每个站点都有问题;有些问题很多。

网站评分

网站分数快速概述
react.dev74/100组内最佳;内部链接强大,所有页面可被索引,规范标签和 OG 标签正确。
vercel.com71/100整体表现稳健,但细节马虎(缺少 meta 描述、规范标签、某些页面缺少 H1;有 9 个孤立页面)。
stripe.com/docs60/100基础要素到位(标题、meta 描述、H1、规范标签、OG 标签),但缺乏结构化数据,许多图片缺少 alt 文本,加载速度慢,且 API 失效。
linear.app57/100重度 SPA;大量孤立页面,缺少结构化数据、alt 文本,偶尔出现 JS 错误。
shopify.com39/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,使得客户端渲染的内容对它们不可见。

推荐

  1. 添加结构化数据 – 每种页面类型 20–30 分钟;对丰富摘要有高投资回报率。
  2. 编写合适的 meta 描述 – 150–160 字符,每页唯一。
  3. 为每张图片添加 alt 文本 – 每张约 2 分钟;提升可访问性和 SEO。
  4. 修复内部链接 – 确保每个重要页面拥有 2–3 个真实的 <a> 链接(避免使用 JS 点击处理程序)。
  5. 对关键页面使用服务器端渲染(SSR) – 有助于 Googlebot 和 AI 爬虫。
  6. 提升页面速度 – 优化 JavaScript,利用缓存,压缩资源,使加载时间低于 3 秒。

工具提及

我构建了 JSVisible 来自动化这些检查。它以用户和 Googlebot 两种身份渲染页面,比较结果,并突出显示差异。如果您想在自己的网站上尝试,提供免费层。

注意

这些扫描每个站点覆盖了 10 页——只是快照,而非完整审计。观察到的模式是一致的,可通过在任意检查站点上右键点击 → 查看页面源代码 来检查原始 HTML 进行验证。

0 浏览
Back to Blog

相关文章

阅读更多 »

通过 PLP SSR 优化电子商务 SEO

从不可见到可索引:将电子商务 PLP 从 CSR 迁移到 SSR 在电子商务的世界里,如果 Google 在初始 HTML 中看不到你的产品,t...