如何让 Google 抓取 AngularJS 应用程序正常？

Question

使用 html5mode 并从 url "you do not need to serve different or pre-rendered content to Google" 中删除主题标签后的相同网站说。

不推荐在 Google 中编写 ajax 抓取文档。其他网站写Google can crawl an AngularJS fine。在旧的 stackoverflow 问题中，解决方案提供了不同的方式。

如果您不使用主题标签，您可以将 _escaped_fragment_ requests 放在 url 的末尾，以尝试如何在 Google 上查看您的网站。

我的 AngularJS 应用程序使用 html5mode 并且不需要标签（例如：www.domain.com/app/page-1）。我应该怎么做才能确保 Google 可以正常抓取我的 AngularJS 应用程序？你能告诉我更多关于爬行的细节吗（我不是资深的）。

有些信息没有链接，因为我不能发布超过 2 个链接。

谢谢。

Answer 1

我很高兴看到您的问题，即您已经对 AngularJs 和 Google Crawler 进行了很好的研究，因为您已经了解了大部分内容，因此几乎无法确定机器人是否按预期工作或不是。

Hashbang url 是一个丑陋的权宜之计，要求开发人员在特殊位置提供网站的预渲染版本。它们仍然有效，但您不需要使用它们。

Hashbang URL 如下所示：

domain.com/#!path/to/resource

这将与这样的元标记配对：

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

Google 不会以这种形式将它们编入索引，而是会从 _escaped_fragments_ URL 中提取网站的静态版本并将其编入索引。

Pushstate URL 看起来像任何普通的 URL：

domain.com/path/to/resource

确保它有效： 谷歌网站管理员工具现在包含一个工具，它允许您以谷歌的身份获取 URL，并在谷歌呈现它时呈现 JavaScript。 Link to Googlebot-fetch

AngularJs 和 Google Crawler Stuff：

1：这是一篇精彩的文章，详细解释了有关 AngularJS SEO 的所有内容 2：另外这个问题@superluminary已经详细回答了，请看使用PushState and Precomposition 3：一些答案 更多答案来自我之前写的帖子“Link”