AngularJS / AJAX 应用程序和搜索引擎爬虫答案

【问题标题】：AngularJS / AJAX app and search engine crawlersAngularJS / AJAX 应用程序和搜索引擎爬虫
【发布时间】：2013-02-08 18:38:06
【问题描述】：

我有一个大量使用 AngularJS / AJAX 的网络应用程序，我希望它可以被 Google 和其他搜索引擎抓取。我的理解是，我需要做一些特别的事情才能让它发挥作用，如下所述：https://developers.google.com/webmasters/ajax-crawling

不幸的是，这看起来很讨厌，我宁愿不介绍哈希标签。我想做的是直接或通过向其发送 302 重定向向 Googlebot（基于用户代理）提供静态页面。这样一来，网络应用程序就可以保持不变，而且整个 Googlebot 变通方法可以很好地隔离，直到不再需要为止。

我担心 Google 可能会错误地认为我在试图欺骗 Googlebot，而我的目标是帮助它。你们如何看待这种方法，您会推荐什么？

【问题讨论】：

标签： ajax seo angularjs googlebot

【解决方案1】：

最近我遇到了这个优秀的post from yearofmoo，详细解释了如何使您的 Angular 应用程序 SEO 友好。本质上，当机器人看到带有哈希标签的 uri 时，它们会知道这是一个 ajaxed 页面，并会尝试通过替换“#！”来访问相同的 uri。在你的 uri 中使用 '?_escaped_fragment_='。这个替代 uri 指示机器人他们应该期望找到他们正在访问的页面的最终静态版本。

当然，要实现这一点，您必须在 uri 中引入哈希标签。我不明白你为什么要试图避免它们。 gmail不是用hash标签吗？

【讨论】：

【解决方案2】：

是的，不幸的是，如果您想被索引 - 您必须遵守该方案 :( 如果您运行的是 ruby 应用程序 - 有一个 gem 可以为任何机架应用程序实现爬取方案......

gem install google_ajax_crawler

如何使用它的文章在http://thecodeabode.blogspot.com.au/2013/03/backbonejs-and-seo-google-ajax-crawling.html，源代码在https://github.com/benkitzelman/google-ajax-crawler

【讨论】：

【解决方案3】：

看看这些链接，它会给你一个很好的方向：

使用 Prerender.io 开源代码设置您自己的 Prerender 服务：
```
  https://prerender.io/
```

使用不同的现有服务，例如 BromBone、Seo.js 或 SEO4AJAX：

  http://www.brombone.com/
  http://getseojs.com/
  http://www.seo4ajax.com/

创建您自己的服务以向搜索引擎呈现和提供快照。阅读这篇文章。它将为您提供全局：
```
  http://scotch.io/tutorials/javascript/angularjs-seo-with-prerender-io
```

【讨论】：

【解决方案4】：

截至 2014 年 5 月，GoogleBot 现在执行 JavaScript。检查 WebmasterTools 以了解 Google 如何看待您的网站。

http://googlewebmastercentral.blogspot.no/2014/05/understanding-web-pages-better.html

编辑：请注意，这并不意味着其他爬虫（Bing、Facebook 等）将执行 Javascript。您可能仍需要采取额外的步骤来确保这些爬虫可以看到您的网站。

【讨论】：