使用AngularJS渲染静态可索引页面以用于SEO目的？

Question

我目前正在使用Angular开发社交应用。我热衷于在应用程序中附带公共的搜索引擎可索引页面，例如可索引的主页，关于页面和联系页面。

最好的方法是什么？我还没决定我的后端基础设施是什么，但它要么是以下之一：

1. nginx / apache服务器使用外部发布/订阅服务实时销售所有内容。
2. 前端和后端的独立服务 - nginx服务器自动售货前端内容。用于后端套接字的单独节点服务器。

对此有任何建议都很棒。我很想知道角度是否处理所有路由，或者我是否单独处理静态路由。这是我第一次和Angular一起玩。

干杯。

Answer 1

我可能错了，但我认为你的问题不是AngularJS，它比那更基础。

您的问题是通过AJAX加载HTML内容的问题。如果无法执行JavaScript，Google等如何抓取加载了AJAX的内容？

这可能会有所帮助： https://developers.google.com/webmasters/ajax-crawling/

这可能也有帮助，但它面向.NET：http://gregorypratt.github.com/Ajax-Crawling/

如果您提供一个解决方案，让AngularJS进行路由，但是当URL中存在?_escaped_fragment_=时您仍然能够从服务器提供静态内容，那么您就可以开始使用了。您可以获得单页应用优惠，同时仍然可以抓取。

以下是示例网站，使用为Google等人提供的AngularJS路由和静态内容。

http://artelier.co.uk/#!/about

http://artelier.co.uk/?_escaped_fragment_=/about （关闭JS以查看它是否有效）