为什么选择 SSR 与 SSG 结合
企业官网同时承担品牌表达与获客转化的职责,对首屏内容、搜索引擎收录与访问性能都有要求。我们采用 Nuxt 3 作为框架,以 SSR 保障内容实时性,对稳定页面启用 SSG 预渲染,兼顾收录与响应速度。
在工程组织上,将页面、展示组件与数据获取解耦:页面通过组合式函数调用 API 层,API 层之下预留 Provider,本地开发使用 Mock 数据,后续接入真实后端时无需改动页面逻辑,降低切换成本。
关键实践
- 详情页语义化路由与规范化 canonical,避免重复收录。
- 标题、描述与 Open Graph 按页面独立配置,结构化数据补充说明内容。
- 图片统一 alt 文案与懒加载,核心 LCP 资源优先加载。
- 预渲染时对动态路由批量收集,避免遗漏收录入口。
这套方案已在多个企业站点中落地,页面的搜索引擎收录率与转化表现均有明显改善。