也谈前后端完全分离后，关于SEO优化的方案

如果用了nodejs作为中间件，您就不需要往下看了，不存在SEO的问题。此时前端不再只是前端，变成了全栈。

此文章指的是用Ajax调用API后渲染页面的情况，这时查看html源码，也是没有数据的，所以搜索引擎也收录不到有用的数据，更不用说更新了。

我的思路大概如下：

1. 不修改原项目的源码。
2. 只针对搜索引擎做优化。
3. 用Java的开源项目HtmlUnit做中转，HtmlUnit模拟了流行的浏览器内核，却没有界面。经过转换的页面会输出ajax填充数据后的html源码。

由此得步骤如下：

1. 先架设HtmlUnit转换项目。虽然HtmlUnit也有.Net版本，但测试后效率不高。还是Java的原项目效率高。所以就直接用Java的，不懂Java也没关系，几十行代码搞定。可以参考我前几篇文章。
2. 根据你项目的语言做相应的拦截器，Java的语言就不说了，可以省略步骤1，直接导包开用就行了。.Net的话最好做HttpModule，一是不污染原项目；二是性能也高。php的话，如果用laravel/yii/tp等框架，本来就是拦截器机制。
3. 准备拦截器要用到的各搜索引擎UserAgent里的关键标识，发一下我的：Baiduspider,Googlebot,bingbot,360Spider,Sogou web spider,Yahoo! Slurp,YoudaoBot,Sosospider。看名字也能猜到各自是哪个搜索引擎吧。
4. 然后检测到是搜索引擎来了，就调用HtmlUnit转换出完整的html源码；然后有数据就会被收录了。

希望对各位同仁有些帮助。有不明白的、有意见的，欢迎通过本博客底部的邮箱和我联系~~