0

我们已经在我们的产品页面上实现了 google +1 按钮，每次我点击它都会失败。

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

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

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

4

2 回答 2

0

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

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

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

对于 +1 按钮，有许多因素会导致按钮出错。这里有几件事要检查：

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

要同时测试这两者，请使用Google 网站管理员工具来测试您的丰富网页摘要，以查看 Google 看到的内容。如果 Google 网站管理员工具给您带来错误……很可能是 Google 看不到您的网站，或者至少看不到所引用的页面。这可能是您的 Web 服务器的更大问题。

您可能还想尝试向 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>
于 2013-07-04T00:00:12.470 回答
0

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

于 2014-05-29T10:11:36.950 回答