Google Friendlier Angular网址？

Question

我正在使用角度制作整个网站。使用路线，网址出现在www.mysite.com/#/mypage上。我希望这个更改为www.mysite.com/mypage而不导航离开页面并为谷歌机器人做截图。我怎么能用角度来做这个？

Answer 1

您需要关注有关SPA抓取的Google rules。

1）启用Angular HTML5 mode和hashbang前缀：

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

因此，您将在现代浏览器上为您的用户提供标准网址（www.mysite.com/mypage），并为旧浏览器和抓取工具提供hashbangs网址（www.mysite.com/#!/mypage）。

2）将<meta name="fragment" content="!" />添加到您的脑袋

3）对于每个角度漂亮网址（＃！/ mypage / key = value），您的服务器还需要使用HTML快照提供丑陋的网址（＃！/ mypage？_escaped_fragment_ = key = value）。您可以使用PhantomJS。

您已完成，但为了获得最佳效果，还要实施canonical urls。