前端框架与渲染模式选型：AI 可抓性视角

选渲染模式不是为了追框架潮流，在 GEO 语境下判据只有一条：AI 爬虫拿到的首个响应里，正文在不在。多数 AI 爬虫不执行 JavaScript，客户端拼装出来的页面对它们就是空壳——这件事的量化与逐家细节已在渲染与可抓性档案里立档，本页回答下一层的问题：四种渲染模式在 AI 面前到底差在哪、混合策略怎么按页面价值分层、落地要守住哪两条纪律。

先定判据：关掉 JS，正文还在不在

自查动作最便宜的版本：用浏览器禁用 JavaScript 打开你的页面，看正文、参数表、结论是否还在初始 HTML 里。还在，渲染层对 AI 是合格的；不在，无论框架多现代、页面在用户浏览器里多完整，多数 AI 爬虫读到的都是导航壳。实测背景是 searchviu 对二十多个主流爬虫的测量：约七成不能执行 JS，能完整渲染的基本只有 Googlebot 一家（数据见23 个 AI 爬虫 69% 不能执行 JS 数据卡）。机制与术语的完整底座见SSR 与 SSG术语卡，本页不重复定义。

把判据说穿：AI 爬虫对“渲染模式”本身没有偏好，它只消费 HTML。CSR、SSR、SSG 的差别在工程侧是构建与运行时机的差别，在 AI 侧只收敛成一个结果——首响应的 HTML 里内容全不全。

自查还有两个方法细节要提醒。一是查看的姿势：用浏览器“查看网页源代码”看的是首响应原文，接近爬虫视角；开发者工具里检查元素看的是渲染后的 DOM，会给你虚假的安心。二是要看关键页型：首页合格不代表详情页合格，模板不同的页面型各测一次，别抽样在同一个模板上。

四种模式在 AI 视角的真实差异

CSR（客户端渲染）把页面组装放进浏览器：服务器先给一个空壳，再由脚本拉数据拼装。AI 侧的结果最差——正文、列表、表格几乎全在壳外，训练与检索爬虫拿到的只有导航与元信息。SSR（服务端渲染）在每次请求时于服务器拼出完整 HTML：AI 爬虫拿到的是完整页面，这一点没有争议；工程代价是每请求都在服务器算，缓存策略要做对。SSG（静态生成）在构建期把页面生成为静态文件：对 AI 爬虫是最友好的形态——响应快、内容稳定、不依赖运行时；代价是内容变更要走重新构建，时效性由构建节奏决定。ISR（增量静态再生）是两者的折中：静态文件加按期再生成，AI 侧通常拿到完整内容，但要意识到存在一个“过期窗口”——再生成间隔内页面是旧版，对时效敏感的内容，这个窗口要按答案有效期来定，而不是按框架默认值。

两个容易踩的混合坑值得点名。一是“SSR 框架里的 CSR 用法”：用了服务端渲染框架，却把数据获取写在客户端挂载之后，首响应依然是壳——框架选对了，用法把它废掉了；审查时盯一个位置：数据请求发生在服务端流程里还是浏览器挂载之后。二是流式输出与首屏内容的位置：流式服务端渲染若把正文排在响应后段，抓取方超时或截断时正文可能没送达；正文段在响应里的位置是工程要主动关心的项，不是框架自动保证的。两个坑的共同根源是把“框架具备的能力”当成了“页面实际的行为”，验收永远以首响应实测为准。

混合策略：按页面价值分层，不搞全站一刀切

全站统一一种模式既贵也没必要，我们建议按“这页值不值得被 AI 读到”分层。高价值层——术语页、对比页、问答与决策类内容——用 SSG 或 SSR，配合每个小节的自含写法，让爬虫拿到即可摘录；这一层是引用的主要来源，渲染投资回报最高。中价值层——详情页、列表页、存档页——SSG 加按需再生成，构建节奏跟着内容更新走。零价值层——站内搜索结果、参数筛选页、登录后的交互面板——继续 CSR 没关系，这些页面对 AI 本来就不该开放，配合路径级控制一起收口（见AI 爬虫抓取预算管理）。

分层的顺序也有讲究：不要按目录改，按“被引用潜力”改。先用日志与监测数据找出最常被 AI 访问、却渲染不全的页面，从这批改起——同样的工程量，落在高被访页上回报最大。改造顺序与验收线的完整版见技术层改造清单实操。

贯穿三层的原则可以落成“渐进增强”四个字：先交付一份对所有访客（包括不执行 JS 的爬虫）都完整的静态版，再把交互、个性化、懒加载这类增强叠加在它上面。增强层失效的场合——爬虫、慢网络、老设备、被拦的资源——基础版兜底。用这个原则审框架，比追问“这个框架支不支持 SSR”更稳：现代主流框架都提供某种服务端直出能力，差别在默认值与配置成本，而配置成本是可以在工程上解决的，方向错了才真正难回头。

两条纪律：静态版是唯一事实源，agent 流量另算

第一条纪律：把服务端直出的静态版当唯一事实源。先写进 HTML 的内容才是全部内容，JS 只做增强不做补充——交互体验可以叠加在静态版之上，但不能只在交互层存在。这条纪律顺带解决了版本漂移问题：给爬虫的静态版与给用户的动态版各改各的，两版内容迟早分叉，分叉既是 cloaking 风险，也让不同引擎读到不同的世界；单一事实源从机制上消灭了分叉。

第二条纪律：agent 流量不适用上述结论。真浏览器环境的 agent 类流量会执行 JS、会点击、会等待渲染，对它们不存在“空壳”问题，但登录墙、交互障碍与懒加载会真实挡路——两类访客要分开打标、分开定降级策略，识别与分诊见Agent 流量与传统爬虫的区别。

选型决策收成一问一句：这页要进 AI 池吗？要，就保证首响应含全文（SSG 或 SSR）；不要，就继续 CSR 并在路径层关好门。中间态只有一种值得做：SSG 加再生成，且再生成窗口服从答案有效期。剩下的全是工程执行问题，不是方向问题。迁移项目的大忌是把“换框架”当成前置条件——多数存量站要的不是重写，而是给高价值页型补一条服务端直出的通路，这条路在哪条框架里都修得出来。