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

时间:2015-07-29 18:09:56

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

<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>

如何添加消息小图片以与上述(目前正在执行的网址)进行分享

1 个答案:

答案 0 :(得分: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" />