前后端分离如何做seo？内行人教你几招！

今儿跟大伙儿聊聊前后端分离这事儿，还有咋让咱这网站被搜索引擎给瞅见，就是常说的SEO。

咱这项目也是前后端分离的，图个就是开发起来快，前后端各干各的，互不耽误。可后来发现个大问题，搜索引擎那帮“蜘蛛”爬虫不认咱这网站，抓不到啥有用的东西，这可咋整？网站没人看，那不白搭么！

于是我就开始琢磨这事儿。上网一搜，发现好多人也遇到这问题。说是前后端分离，页面内容都是 AJAX 动态获取的，搜索引擎的爬虫不喜欢这种，它们更喜欢那种直接给 HTML 的“老实”网站。

咋办？我也不能把项目整个推倒重来，那不得累死！

网上有人说可以用 Prerender，说是能在把页面给搜索引擎之前，先把页面给“渲染”一下，变成 HTML 再给爬虫。我一听，这法子不错，就照着网上的教程试试。

这 Prerender 还挺有意思，它能判断来的是不是搜索引擎的爬虫。要是爬虫来，它就把咱那动态页面给“预渲染”成 HTML；要不是爬虫，就还按原来的方式走，该咋样咋样，也不影响咱普通用户看。

实践过程大概是这样：

• 先装个 Prerender 的服务。我记得当时是找个开源的，照着文档一步步搭起来的。
• 然后改改咱网站的代码。主要是加些判断，告诉 Prerender 哪些页面需要“预渲染”。
• 测试一下。用搜索引擎的工具模拟爬虫访问，看看返回的是不是 HTML。

还真别说，这么一搞，搜索引擎还真能抓到咱网站的内容！排名也慢慢上来，心里那叫一个美滋滋。

除 Prerender，还有其他法子，比如 SSR（服务器端渲染），就是用 * 在服务器端把页面渲染好再给客户端。不过这玩意儿我没试过，感觉有点复杂，就先用 Prerender 顶着。

我还顺手把网站的标题、描述啥的都给优化一下，加些关键词，图片也加 alt 属性，这些都是基本操作，能让搜索引擎更好地理解咱网站是干啥的。

前后端分离的 SEO 问题，也不是啥无解的难题，关键是要找对方法。咱做技术的，不就是为解决问题嘛

今儿就分享到这儿，希望能帮到大伙儿。要是大伙儿有啥更好的法子，也欢迎留言交流！