很多企业官网近几年用前端框架重做了一遍,视觉更现代了,但搜索流量反而下降。常见原因之一是站点变成了纯客户端渲染的单页应用:浏览器拿到的 HTML 只有一个空壳,内容要等 JavaScript 执行完才出现。
搜索引擎不一定会等你
搜索引擎虽然能执行 JavaScript,但抓取预算有限、渲染时机不确定。对一个新站或更新频繁的站点来说,"能被渲染"和"稳定被收录"之间差距很大。服务端渲染(SSR)直接输出完整 HTML,标题、正文、结构化数据在第一次请求里就全部到位,收录不再依赖二次渲染。
首屏快不快,用户一眼就知道
Core Web Vitals 里的 LCP(最大内容绘制)是搜索排名参考的性能指标之一。客户端渲染需要先下载脚本、再请求数据、最后渲染,首屏通常在 2 秒以上;SSR 配合 CDN 缓存可以把首屏压到 1 秒以内,移动端弱网环境下差距更明显。
页面慢,询盘就少
官网说到底是要让访客留下联系方式。页面越慢,人走得越快,手机上尤其明显。对靠询盘吃饭的企业官网来说,首屏速度直接决定每个月能收到多少条有效线索。
什么情况下可以不用 SSR
如果官网只是给已经认识你的客户看,内容几乎不更新,也不在意搜索流量,静态导出(把页面预先生成成 HTML 文件)是更省事的选择。真正要避开的是纯客户端渲染,跟用哪个框架没关系。
想知道自己的站属于哪一种,有个五秒钟的办法:在浏览器里右键"查看网页源代码",随便搜一句页面上的正文。搜得到,说明内容在 HTML 里;只看到一堆脚本标签,那就是纯客户端渲染,搜索引擎看到的和你看到的不是一回事。
我们的做法
我们交付的企业官网默认用 Next.js 的服务端渲染加增量再生成。页面在服务端生成好并缓存起来,后台改完内容一分钟内自动刷新。收录和速度都有保证,改个错别字也不用重新发布整个站。
