Question

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

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

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

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

Answer 1

对于您的图片，您应该使用schema.org微数据而不是Open Graph。您可以在Google+开发者页面中生成此内容：

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

图像本身不太可能是+1按钮无法正确渲染或响应的原因。

对于+1按钮，有许多事情可能导致按钮出错。以下是一些要检查的事项：

Google是否完全可以看到此页面（公开）。如果计算共享呈现方式的Google代理无法访问该网站，则会出现错误。
按钮周围的标记是否会导致错误？您可以尝试对页面的各个部分进行注释，直到它呈现为在分析按钮脚本时隔离页面的哪些部分可能导致错误。

要同时测试这两者，请使用Google webmasters tool测试您的丰富网页摘要，了解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>

Answer 2

这可能是因为google plus无法找到图片。在我的情况下，og meta标签中的图片网址中有一个空格。我用'％20'替换了空格，一切正常。

每次点击它都会出现Google +1按钮错误

2 个答案: