每次点击 Google +1 按钮都会出错答案

【问题标题】：Google +1 button errors every time i click it每次点击 Google +1 按钮都会出错
【发布时间】：2013-06-26 00:45:02
【问题描述】：

我们已经在our product pages 上实现了 google +1 按钮，每次我点击它都会失败。

自从我将页面中的 Open graph 元标记更改为指向更大的图像以来，它一直在发生。我这样做的原因是因为 Google 似乎有一些奇怪的规则，即从开放图形标签中的 url 获取的产品图像必须超过特定尺寸，否则它不会出现在 +1 框中，因此原因我更改了元标记以指向这个更大的版本：

 <meta property="og:image" content="http://media.topshop.com/wcsstore/TopShop/images/catalog/16F02DBLK_normal.jpg"/>

任何想法为什么这会导致问题导致 +1 按钮现在根本不起作用？

【问题讨论】：

can I force google plus button to use open graph url?的可能重复
嗯，是的，它有点重复，因为我想使用 Open graph 数据，但我已经知道可以这样做。我的问题更为根本 - 为什么将 og:image 标记更改为指向稍大的图像会完全破坏 google+1 按钮？
查看丰富的sn-p测试工具google.com/webmasters/tools/richsnippets
您好，是的，我已经尝试在丰富的 sn-p 测试工具中测试页面 URL，但无济于事。我刚刚收到以下错误消息：“我们很抱歉。您请求的服务目前不可用。请稍后再试”。此工具是否总是关闭 - 还是我在页面上出现的问题尝试测试导致此错误的原因？

标签： facebook-opengraph google-plus google-plus-one

【解决方案1】：

对于您的图像，您应该使用 schema.org 微数据而不是 Open Graph。您可以从此处的 Google+ 开发者页面生成此信息：

https://developers.google.com/+/web/snippet/

图片本身不太可能是 +1 按钮未正确呈现或响应的原因。

对于 +1 按钮，有许多因素会导致按钮出错。以下是一些需要检查的事项：

该页面是否对 Google 完全可见（公开）。如果计算共享呈现方式的 Google 代理无法访问该网站，您将收到错误消息。
按钮周围的标记是否会导致错误发生？您可以尝试在页面呈现之前注释掉页面的某些部分，以在解析按钮脚本时隔离页面的哪些部分可能导致错误。

要同时测试这两者，请使用 Google webmasters tool 测试您的丰富 sn-ps 以查看 Google 看到的内容。如果 Google 网站管理员工具给您带来错误……很可能是 Google 看不到您的网站，或者至少看不到所引用的页面。这可能是a bigger problem with your web server。

您可能还想尝试向 Google 提供 +1 按钮的提示，使其指向需要定位的位置，并转向与 HTML5 兼容的语法：

<div class="g-plusone" data-annotation="inline" 
    data-width="300" data-href="https://yoursite.com">
</div>

您可以进一步测试 +1 按钮是否与另一个针对已知工作页面的按钮一起使用，如下所示：

<div class="g-plusone" data-annotation="inline"
    data-width="300" data-href="https://developers.google.com/+">
</div>

【讨论】：

您好，我正在使用一个非常简单的按钮实现：<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone annotation="none"></g:plusone>，但我仍然收到此错误。它还在 Google 文档中说 +1 按钮更喜欢 schema.org 微数据，但如果不存在则将使用 Open Graph，所以我看不出问题出在哪里。

【解决方案2】：

这可能是因为 google plus 无法找到图像。在我的情况下，og 元标记中的图像 url 中有一个空格。我用“%20”替换了空格，一切正常。

【讨论】：