如何让Google在Angular.js应用中为动态标题编制索引

Question

Google is indexing my Angular.js app's content just fine, ie it executes the JS, XHRs, the whole deal, but for some reason the title is not indexed properly and remains the static HTML fallback (default title set by HTML, before JS is executed).

In index.html I have:

<title ng-bind="title + ' &mdash; Default Title'">Default Title</title>

and it's set like this whenever the route changes:

app.run ['$location', '$rootScope', ($location, $rootScope) ->
    $rootScope.$on '$routeChangeSuccess', (event, current, previous) ->
      $rootScope.title = current.$$route.title if current.$$route
]

Has anyone met with this problem yet and do you have a solution for it perhaps?

Answer 1

For my angular site, I have this in my meta tag

<meta name="fragment" content="!">

This informs google that it is an ajax site and needs to recrawl my site differently. It will append _escaped_fragment_ at the end the url and recrawl. At that point, I return pure html with title tag.

Check out this link: https://developers.google.com/webmasters/ajax-crawling/docs/specification