什么是服务端渲染?
服务端渲染(Server-Side Rendering,SSR)是指每次请求时在服务器上生成完整的 HTML 页面,再发送给浏览器。用户——以及搜索引擎爬虫——立刻就能看到有意义的内容,而不是一个等待 JavaScript 执行的空白骨架。
SSR、CSR 与 SSG 的区别
- SSR(服务端渲染)——每次请求在服务器生成 HTML;数据实时,SEO 友好
- CSR(客户端渲染)——浏览器下载 JavaScript 后自行构建页面;加载后切换流畅,但 SEO 弱、首屏慢
- SSG(静态生成)——部署时一次性生成 HTML;交付最快,适合不常变化的内容
SSR 为什么对 SEO 重要?
搜索引擎索引的是它收到的 HTML。使用 SSR 时,标题、描述、结构化数据和正文内容都在首次响应中就绪,这会提升可抓取性和 LCP(最大内容绘制)等 Core Web Vitals 指标——两者都是排名信号。
Next.js 中的 SSR
Next.js 将 SSR 作为默认行为:React Server Components 在服务端渲染,将 HTML 流式传输到浏览器,只对交互部分做水合(hydration)。你无需自己管理服务器或手写水合逻辑,就能获得 SSR 的 SEO 与速度优势。Nexty 这类模板正是构建在这个地基之上,将 SSR 与元数据、站点地图、多语言结合,让每个页面从第一天起就为搜索引擎准备就绪。