带有 angularjs 和 google+ 按钮的单页应用程序

【问题标题】：single page application with angularjs and google+ button带有 angularjs 和 google+ 按钮的单页应用程序
【发布时间】：2015-03-26 16:06:04
【问题描述】：

我使用这个https://stackoverflow.com/a/20537386/744040 解决方案来定义 Facebook 共享窗口的内容。

我在 Google + 上找不到类似的解决方案。

我正在这个网站上工作http://sportnews.codeskeleton.com/，如果你转到文章页面并尝试使用 G+，它会使用错误的图像作为缩略图，并且标题使用 AngularJS 代码：Sportnew7-24 - （我使用

我尝试了 schema.org 的解决方案，但 google popin 似乎忽略了它们。

谢谢

【问题讨论】：

标签： angularjs google-plus single-page-application

【解决方案1】：

Google+ 分享详情由 Google 向指定网址发出 HTTP 请求并解析 HTML 来填充。由于您正在创建一个 SPA 网站，因此 Google 只是在解析默认模板详细信息而不执行您的 JavaScript。如果您希望 Google+ 共享详细信息正常工作，您将必须呈现带有标题/图像的 HTML。

Google 确实有一个 method 用于告诉抓取工具 AJAX 页面以及如何抓取它们，但如果 Google+ 机器人支持该标准，我不知道。

【讨论】：

你的意思是我必须放弃标准页面的SPA。 SPA 现在非常普遍，我认为可能有解决方法。
我添加了指向 Google 搜索如何支持 SPA 的链接。它仍然需要渲染内容服务器端。 SPA 通常是用于交互的应用，而不是用于抓取的内容。