如何包括小图像与谷歌共享按钮
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:Microdata
在我看来,这是最好的方法,但可能需要一点时间来适应。微数据非常强大,对于不同类型的数据有许多实现。该标准可以在schema.org上找到。
谷歌有一个很好的工具来测试微数据,它被称为结构化数据测试工具。
选项2:Open Graph Protocol
这更容易实现,因为它只是简单地添加meta
标签,按照他们网站上列出的协议命名。
的例子:
<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" />
相关文章:
- 谷歌地图固定位置覆盖
- 不显示带有本地json文件数据的谷歌地图脚本
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 谷歌放置API:按国家或餐馆名称搜索餐馆
- 使文件夹共享谷歌驱动器api v3
- 谷歌地图赢得'当用户拒绝共享位置时,t初始化
- 通过api共享私人谷歌日历
- 如何使用谷歌驱动器api使文件可共享
- 如何在谷歌网站中显示与iframe中的特定人员共享的谷歌云端硬盘html链接
- 谷歌地图API v3-所有标记共享相同的信息窗口
- 谷歌电子表格——通过脚本获得共享权限
- 谷歌加自定义共享按钮回调
- 谷歌分析和自定义Facebook共享
- 在使用angularjs渲染谷歌共享时,X-Frame-Options拒绝加载
- 谷歌共享在共享时没有选择正确的图像
- 谷歌驱动器共享对话框
- AJAX之间的静态网页和谷歌应用引擎服务器共享相同的顶级域名
- 谷歌驱动JavaScript SDK -共享对话框不工作
- 如何包括小图像与谷歌共享按钮
- 谷歌脚本共享权限