Inblog
开启你的企业博客
SEO

JavaScript SEO

JavaScript SEO 是技术 SEO 的一个分支，专注于确保由 JavaScript 渲染的网站能被搜索引擎正确地抓取、渲染和收录。随着 React、Vue 和 Next.js 等 SPA 框架主导现代 Web 开发，它已变得至关重要。

JavaScript SEO 是技术 SEO 的一个分支，专注于确保由 JavaScript 渲染的网站能被搜索引擎正确地抓取、渲染和收录。随着 React、Vue 和 Next.js 等 SPA 框架主导现代 Web 开发，它已变得至关重要。

为什么重要

Googlebot 能够执行 JavaScript，但这增加了一个渲染步骤，会延迟收录并比纯 HTML 消耗更多资源。Ahrefs 的研究显示，10% 到 25% 由 JS 渲染的内容在搜索结果中要么缺失，要么被延迟。Bing 和许多 AI 搜索爬虫的 JS 执行能力更为有限，因此网站越依赖 JS，在 GEO 时代就越有可能损失可见度。

Google 的两阶段收录

  1. 抓取队列：Googlebot 首先获取初始 HTML。在此阶段，由 JS 生成的内容是不可见的。
  2. 渲染队列：Web 渲染服务（WRS）随后使用 Chromium 渲染页面，生成最终的 DOM。这两个阶段之间的间隔可能从几秒到几天不等。

因此，仅通过 JS 注入的内容或链接最终会"可见，但滞后"。

核心检查清单

渲染策略：SSR（服务器端渲染）、SSG（静态站点生成）或混合方式都比客户端渲染安全得多。Next.js 的 getStaticProps 和 getServerSideProps 是典范解决方案。

内部链接使用真实的 <a href>：仅依赖 JS onClick 处理程序的链接不会被爬虫跟踪。请始终包含一个真实的 href。

关键内容放入初始 HTML：标题、正文、元标签和结构化数据必须出现在首个 HTML 响应中。避免仅通过 JS 注入它们。

懒加载注意事项：基于滚动的懒加载没有问题，但仅通过点击（标签页、折叠面板）才显示的内容可能不会被爬虫看到。

不要在 robots.txt 中屏蔽 JS/CSS：Googlebot 需要访问 JS 和 CSS 文件才能渲染页面。

验证工具：使用 Google Search Console 的 URL 检查、移动设备适合性测试和富媒体结果测试，来检查实际渲染情况。

Sources: