AngularJS谷歌动态标题不显示在主页上

AngularJS Google Dynamic Title Not Showing On Home Page Only

本文关键字:主页 显示 谷歌 动态 标题 AngularJS      更新时间:2023-09-26

我已经用AngularJs开发了我的网站ScoreUpdates.com的前端,使用Angular Ui进行路由。页面标题元标记使用$rootScope变量动态更改,如下所示:

ScoreUpdates.com-{{meta_title}}

如果你在谷歌上搜索我的网站,谷歌会正确地呈现每个索引页面的标题,而主页则保持如上。

使用谷歌网站管理员工具"Fetch as google"也可以正确地为主页呈现ajax内容,只是不显示标题。

对于现在发现这个问题的人来说,我目前提出的最好的解决方案(至少在谷歌上)如下:

在使用ui路由器时,如果使用Resolve来设置变量,这将发生在$stateChangeSuccess事件激发之前。类似于:

resolve: {
      data: function($rootScope) {
        $rootScope.meta_title = "My dynamic title" ...