Google Plus Open Graph 错误：当 UTM 或其他查询字符串附加到 URL 时，G+ 无法识别打开的图形图像
Posted
技术标签:
【中文标题】Google Plus Open Graph 错误：当 UTM 或其他查询字符串附加到 URL 时，G+ 无法识别打开的图形图像【英文标题】：Google Plus Open Graph bug: G+ doesn't recognize open graph image when UTM or other query string appended to URL 【发布时间】：2014-09-17 18:00:09 【问题描述】：当标准 URL 共享时，Google Plus 非常擅长提取 Open Graph meta tags 指定的图像：
http://***.com/questions/22342854/what-is-the-optimal-algorithm-for-the-game-2048
见：
但是，当您开始附加查询字符串时，事情开始变得棘手，例如在此 URL 中所做的：
http://***.com/questions/22342854/what-is-the-optimal-algorithm-for-the-game-2048?utm_source=google-plus&utm_medium=social&utm_campaign=***-general-promotion
对于某些 URL + 查询字符串，默认图像似乎根本没有意义：
http://skeptics.stackexchange.com/questions/4508/can-every-grain-of-sand-be-addressed-in-ipv6?xyz_12312313
以上屏幕截图中的图片是最后一个回答共享问题的人的用户照片。
是否有任何方法可以强制 Google Plus 使用 og:image 标签定义的图像，即使附加了查询字符串？
【问题讨论】：
【参考方案1】：不，没有办法回退到 Google+。
Facebook 抓取工具可以实现此行为，因为它支持检查 Google+ 不支持的 og:url（为什么？？？）。这些是 Google+ 支持的项目
<meta property="og:title" content="..." />
<meta property="og:image" content="..." />
<meta property="og:description" content="..." />
如果定义了og:url，通常在添加查询参数时
他们推荐的格式是 https://developers.google.com/+/web/snippet/ 中描述的架构
Google+ 检查的顺序
-
架构
打开图表
标题和元描述标签
你猜？？？
看到在您链接的页面上定义了多个 Schema，根据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=***.com%2Fquestions%2F22342854%2Fwhat-is-the-optimal-algorithm-for-the-game-2048%3Futm_source%3Dgoogle-plus%26utm_medium%3Dsocial%26utm_campaign%3D***-general-promotion
那么，这让我们回到看你的第二张图片
标题也不同，所以og:title 也没有被检测到。 <title> 正在被抓取
这是什么意思？
Google plus 的分享标记很糟糕。
您需要调整最重要的 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>
【讨论】：
嘿，谢谢，这真的很有帮助。标记为已接受。如果其他人对此错误有任何见解，请添加。【参考方案2】：请阅读 Google+ 中 OpenGraph 的常见问题解答部分：
为什么我的 +Snippet 图片没有显示？ +Snippet 中不包含太小或不够方形的图像，即使这些图像被 schema.org 微数据或 Open Graph 标记明确引用。具体来说，高度必须至少为 120px，如果宽度小于 100px，则纵横比不得大于 3.0。
【讨论】：
以上是关于Google Plus Open Graph 错误：当 UTM 或其他查询字符串附加到 URL 时，G+ 无法识别打开的图形图像的主要内容，如果未能解决你的问题，请参考以下文章
如何更新Linkedin Open Graph Image？ [关闭]
Facebook Post Open Graph Story 错误
Google Plus API错误gapi.loaded_0