如何使用 google 分享按钮包含小图片
how to include small image with google share button
<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>
如何添加消息和小图与上述(URL 目前确实如此).
有几种方法可以完成您想要做的事情。
选项 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" />
<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>
如何添加消息和小图与上述(URL 目前确实如此).
有几种方法可以完成您想要做的事情。
选项 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" />