angularjs - Google 更友好的 Angular URL？

Question

我正在使用 angular 制作整个网站。使用路由，URL 会到达 www.mysite.com/#/mypage。我希望在不离开页面的情况下更改为 www.mysite.com/mypage 并为谷歌机器人做屏幕截图。我怎样才能用 Angular 做到这一点？

Answer 1

您需要关注Google rules关于 SPA 抓取。

1) 启用Angular HTML5 mode和 hashbang 前缀:

$locationProvider.html5Mode(true).hashPrefix('!');

因此，您将在现代浏览器上为您的用户提供标准网址 (www.mysite.com/mypage)，并在旧浏览器和爬虫程序上提供 hashbangs 网址 (www.mysite.com/#!/mypage)。

2) 添加<meta name="fragment" content="!" />到你的头上

3) 对于每个 Angular 漂亮的 url (#!/mypage/key=value)，您的服务器还需要提供带有 HTML 快照的丑陋 url (#!/mypage?_escaped_fragment_=key=value)。您可以使用 PhantomJS为此。

你已经完成了，但为了获得最佳结果，还需要实现 canonical urls .