如何使用谷歌分享按钮包含小图像答案

【问题标题】：how to include small image with google share button如何使用谷歌分享按钮包含小图像
【发布时间】：2015-07-29 18:09:55
【问题描述】：

<li><a href="https://plus.google.com/share?url=http://www.website.com/coolwebsite/" target="_blank" ><img src="images/g_co.jpg" alt="Share on Google Plus"></a></li>

如何添加消息和小图片与上述（当前使用的网址）共享。

【问题讨论】：

标签： javascript jquery json google-api social-networking

【解决方案1】：

有几种方法可以完成您正在尝试做的事情。

选项 1：微数据

在我看来，这将是最好的方式，但可能需要一点时间来适应。微数据非常强大，针对不同类型的数据有很多实现。该标准可在schema.org 上找到。

Google 有一个很好的测试微数据的工具，叫做Structured Data Testing Tool。

选项 2：开放图协议

这更容易实现，因为它只是添加了meta 标签，这些标签按照their website 上列出的协议命名。

例子：

<meta property="og:title" content="Your title about post" />
<meta property="og:url" content="http://www.website.com/coolwebsite/" />
<meta property="og:image" content="http://www.website.com/images/g_co.jpg" />

【讨论】：

嗯，我正在使用开放图形协议进行 Facebook 分享——他们可以使用来自 og: image 的相同图像吗？我读过有不同的尺寸要求。
是的，他们可以使用来自og:image 的相同图像。只要确保图像足够大，可以同时显示。例如，我认为谷歌要求图像的高度至少为120px。我必须检查 Facebook 的要求。 -- 更新：Facebook 的最低要求类似于 100x100