[转] prerender-SPA程序的SEO优化策略

优速盾-小U • 2023年12月11日 05:56 • 网站百科 • 阅读 247

随着web2.0的兴起，ajax的时代已经成为了事实，更如今 Knockout,backbone, angular,ember前端MDV(model driver view)框架强势而来，Single Page Application已经为大家所熟悉了。如今常见的SPA程序，restfull和前端MDV之类的框架能够实实在在的减少我们的代码开发量，让我更多的注意力关注在真正的业务逻辑上。在众多前端MDV框架从博客中可以看出来笔者还是钟爱于angular，然而服务端平台的选择的话：在.net平台笔者会首选webapi+oData,jvm平台spring restfull。

但是相应带来的是搜索引擎优化(SEO)是个难题，因为爬虫不会去执行JavaScript。现在很幸运的是在Google推出angular之后，也给出了一些解决方案：Google’s ajax crawling protocol.此协议现在已被Google和bing所实现。

在协议中规定，搜索引擎会把带有#!someurl的链接转换为escaped_fragment=someurl访问解析，例如：

1	`www.example.com/ajax.html#!key=value`

将会变为

1	`www.example.com/ajax.html?_escaped_fragment_=key=value`

所以如果我们需要更好的SEO的支持的话，我们可以从现在开始把我们程序中的#变为#！,特别angular程序，因为框架原声支持对#！的解析。

基于这个协议和phantomjs(headless的浏览器内核)我们的SPA SEO工具 prerender(http://prerender.io/)应运而生，在官方和社区的支持下，现在已经有node.js express,ruby on rails,java,asp.net,php,python主流框架和nginx之类的支持。

prerender架构流程图如下：