共计 1032 个字符，预计需要花费 3 分钟才能阅读完成。
优化针对这个问题分 2 个点：
1. 前后端分离的架构，无法提供搜索引擎可收录的页面，需要搜索引擎蜘蛛拥有执行 javascript 能力才行，可现实是大部分的搜索引擎都不支持。2. 支持了 SPA 架构的产品，如何做 SEO 优化。(第一个点是先让他支持，第二条才落到优化) 我们先看第一个点，我们要做 SEO 支持首先要知道我们要优化哪些 Search Engine。常见的列举，百度，google，微软必应，搜狗，等等。那么我们首先得了解 Search Engine 才能谈如何做到让页面被收录，这里就拿最常见的百度和 google 来举例吧。百度是不支持收录 SPA 的页面的，而且 SPA 的网站对于百度的 spider 来说等于是只有 1 个页面，那么如何做到让这种搜索引擎收录页面呢? 首先我们可以自行提交 sitemap，让蜘蛛主动去爬，但是遇到 sitemap 中的 URL，到达指定页面后页面只有一段 js 怎么办，我们可以利用比如标签来进行最简单的优化，比如在 noscript 里打印出当前页面一些关键的信息点，但是这个做法大家一看就非常的蠢，因为正常用户并不需要这些内容，占用下载量，而且不好维护。那么我们如何判断当前页面是否支持运行 javascript 呢? 前端已做到，用 noscript，后端不行，那么只好针对百度的 spider 做 UA 判断了，这也就是大家常见的一些解决方案，使用 phantomjs 或者 nginx 代理，来对 spider 访问的页面进行特殊的处理，达到被收录的效果。那么这么做其实是有一些副作用的，比如你收录的页面和用户正常访问的页面差别较大是有被搜索引擎 K 掉的风险的，所以更多的做法还是选择首屏使用 ssr 的方式渲染，先通过后端路由保证页面的主要信息可以被服务器端输出，然后其他的功能，包括用户之后的路由跳转控制，再使用前端路由来做，曾经的项目经验在新浪博客手机版中也是这么做的，当然当时没有 ssr，是后端直接渲染的模板，用户访问后，再进行交互则再采用前后端分离和前端路由控制来完成。
你的工作，由 AI 赋能！🔥
还在为文案、脚本卡壳、做视频、写代码、设计图片灵感枯竭而烦恼吗？🤯
板板 AI，你的工作好帮手！
一键生成 各种文案、脚本、图片、视频、代码、报告，轻松应对各种工作 / 营销需求！
现在注册体验，即可获得：
- 🎁 30 积分基础模型余额
- 🎁 3 积分高级模型余额
- 🎁 3 积分绘画余额
还不快来试试？
点击链接，开启你的 AI 创作之旅！>>>https://www.banbanai.cn
板板 AI，让你的工作效果发挥无限可能！ 🚀
