Angular.js和SEO

Question

我想用Angular创建一个网站（我是新手），但也希望能够在搜索引擎中拥有不同的“视图”，并拥有自己的URL路由。 我将如何使用Angular做到这一点，或者最好不要使用它？

Answer 1

使用$locationProvider.html5Mode(true);在Angular中启用pushState $locationProvider.html5Mode(true); 因此您拥有真实的URL，并确保在客户端请求该URL时，从服务器交付该URL的完整页面（而不是使用JS填充的一组空模板）。

跟随链接时，您将进入Angular视图并更新现有DOM（同时使用pushState更改URL），但初始加载应为完整页面。

这确实意味着要进行重复的工作（您需要使用客户端和服务器端版本的代码来构建每个页面）。 同构JS非常适合处理该问题。

Answer 2

如果要将Angular视图公开给搜索引擎和其他漫游器，建议您使用我们在Say Media开发的开源框架。 当它检测到机器人与真实用户时，它使用node.js在服务器上呈现页面。 你可以在这里找到它：

https://github.com/saymedia/angularjs-server

但我建议您不要使用其他路由，因为大多数搜索引擎会因在多个网址上重复内容而对您不利。 尽管您可能认为他们只是会打上您网站的漫游器版本，但它们在抓取类似网站的单页面应用程序方面变得越来越复杂。 对于相同内容的重复路线，我会保持谨慎。

祝好运！