JS渲染与SEO的关系
现代网站大量使用JavaScript来实现交互功能，但JavaScript渲染对SEO有复杂影响。传统的搜索引擎爬虫主要抓取HTML内容，对于通过JavaScript动态加载的内容可能无法抓取。虽然Google的爬虫已经可以执行JavaScript，但执行有延迟和资源限制，并非所有JS内容都能被正确处理。其他搜索引擎（如Bing）对JS的处理能力更弱。
服务端渲染
解决JS渲染SEO问题的最佳方案是服务端渲染（SSR）。SSR在服务器端执行JavaScript生成完整的HTML页面，再发送给浏览器和搜索引擎。这样搜索引擎能直接抓取完整内容，无需执行JS。流行的SSR方案包括：Next.js（基于React的SSR框架）；Nuxt.js（基于Vue的SSR框架）；Angular Universal。对于需要SEO的页面（如产品页、文章页），强烈建议使用SSR。
预渲染方案
如果无法实现完整的SSR，可以考虑预渲染（Prerendering）。预渲染在构建时生成静态HTML文件，用户/爬虫访问时直接返回静态HTML。方案包括：静态站点生成（SSG），如Gatsby、Next.js的静态导出；使用Prerender.io等第三方服务，在请求时动态渲染页面；对重要页面手动创建静态版本。预渲染适合内容变化不频繁的页面。
动态渲染
动态渲染（Dynamic Rendering）是一种折中方案：对正常用户返回客户端渲染的版本，对搜索引擎爬虫返回预渲染的静态HTML。实现方式：使用Rendertron或Puppeteer在服务器端渲染页面；根据User-Agent判断是用户还是爬虫，返回不同版本。Google官方认可动态渲染作为临时解决方案，但推荐长期采用同构渲染（即用户和爬虫看到相同的内容）。
检测与验证
检测JS渲染对SEO的影响：使用Google Search Console的"网址检查"工具，比较"Google看到的"和"用户看到的"内容是否一致；使用Google的Mobile-Friendly Test和Rich Results Test检查渲染后的HTML；在浏览器中禁用JavaScript，查看页面内容是否仍然完整；查看Google索引的页面内容（cache:example.com/page），确认主要内容已被索引。如果主要内容依赖JS加载且未被索引，需要采取SSR或预渲染措施。
最佳实践
JS SEO的最佳实践：关键内容（产品信息、文章内容）应在HTML中直接存在，不依赖JS加载；使用渐进增强（Progressive Enhancement），基础内容和功能在无JS状态下可用，JS增强交互体验；为重要页面提供静态HTML版本；使用History API管理URL，确保每个页面状态有独立的URL；在
中预加载关键资源；减少JS文件大小和执行时间，提高页面渲染速度。