CSR如何提升SEO

前言

CSR 通常是单页面的应用，对于 SEO 不友好。但是开发的工具和生态丰富，是我们构建应用的首选。相对的， SSG 是把所有页面做了预渲染， SSR 是动态渲染， 都能获取对于的 SEO 优化。

什么是 SEO 优化

SEO 优化是指搜索引擎优化（Search Engine Optimization）的简称。它是一种通过优化网站结构和内容，提高网站在搜索引擎中的排名，从而增加网站流量和曝光度的技术和方法。

SPA 应用的 SEO 问题

SPA 单页面应用，是在客户端进行的页面内容渲染，对于搜索引擎的抓取不友好，无法动态的对于上不同页面的 meta 信息。对于分享社交媒体的链接预渲染，也不友好， 不利于传播。

解决方案

构建阶段优化

使得输出的单页面的 html 文件，包含 meta 信息，title 等信息。

调整技术选型

选择 SSG，SSR 的框架去重新开发。

使用预渲染技术

相当于识别浏览器 UA, 如果是搜索引擎的 UA, 就返回预渲染的 html, 如果是普通的 UA, 就返回 SPA 的 html。

对于的服务叫作 Prerender Seamlessly Renders JavaScript for Faster Indexing 是一个可以集成到现有应用中的服务，它会为每个页面生成一个预渲染的版本。

技术总结

在项目选型阶段， 就应该考虑是否优化 SEO 的情况。而不要等到后续找补救方案。