Google Plus Open Graph错误:当UTM或其他查询字符串附加到URL时,G +无法识别打开的图形图像

sam*_*and 11 query-string open-graph-protocol google-plus facebook-opengraph

当标准网址共享时,Google Plus非常擅长提取Open Graph元标记指定的图片,如:

http://stackoverflow.com/questions/22342854/what-is-the-optimal-algorithm-for-the-game-2048

看到:

Google Plus与标准网址共享图片

但是,当您开始附加查询字符串时,事情开始变得棘手,例如在此URL中完成:

http://stackoverflow.com/questions/22342854/what-is-the-optimal-algorithm-for-the-game-2048?utm_source=google-plus&utm_medium=social&utm_campaign=stackoverflow-general-promotion

Google Plus与URL查询字符串共享图像

对于某些URL +查询字符串,默认图像似乎完全没有意义:

http://skeptics.stackexchange.com/questions/4508/can-every-grain-of-sand-be-addressed-in-ipv6?xyz_12312313

Google Plus与URL查询字符串共享图像

上面的screengrab中的图像是最后留下对共享问题的答案的人的用户pic.

是否有任何方法可以强制Google Plus退回由og:image标签定义的图像,即使附加了查询字符串?

phw*_*hwd 6

不,没有办法与Google+相悖.

Facebook刮刀可以实现这种行为,因为它支持检查og:url哪些Google+不支持(为什么???).这些是Google+支持的项目

<meta property="og:title" content="..." />
<meta property="og:image" content="..." />
<meta property="og:description" content="..." />
Run Code Online (Sandbox Code Playgroud)

通常在添加查询参数时og:url定义

他们推荐的格式是Schema,如https://developers.google.com/+/web/snippet/所述

Google+检查的顺序

  1. 架构
  2. 打开图表
  3. 标题和元描述标签
  4. 猜测???

看到您链接的页面上定义了多个架构,根据https://developers.google.com/+/web/snippet/文档,它应该从最近定义的itemscope中获取信息

<body class="question-page new-topbar" itemscope itemtype="http://schema.org/QAPage">

由于他们的工具没有选择这个,这有点好笑/怪异http://www.google.com/webmasters/tools/richsnippets?q=stackoverflow.com%2Fquestions%2F22342854%2Fwhat-is-the-optimal-算法换的游戏-2048%3Futm_source%3Dgoogle加%26utm_medium%3Dsocial%26utm_campaign%3Dstackoverflow,一般促销

所以,这会让我们回到你的第二张图片

标题不同

标题也不同,所以og:title也没有被检测到.<title>正在被刮掉

这是什么意思呢?

谷歌加上糟糕的标记分享.

您需要调整最顶级的Schema.org微数据,并希望Google+在向规范网址添加参数时理解它.

<body itemscope itemtype="http://schema.org/QAPage">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="{image-url}" />
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>
Run Code Online (Sandbox Code Playgroud)