微信发开怎么实现分享链接的缩略图和标题

这篇文章给大家分享的是有关微信发开怎么实现分享链接的缩略图和标题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联为企业级客户提高一站式互联网+设计服务,主要包括网站制作、做网站、成都app软件开发、微信小程序开发、宣传片制作、LOGO设计等,帮助客户快速提升营销能力和企业形象,创新互联各部门都有经验丰富的经验,可以确保每一个作品的质量和创作周期,同时每年都有很多新员工加入,为我们带来大量新的创意。 

一、微信内分享

在微信内打开链接后,点右上角【…】选择【发送给朋友】或【分享到朋友圈】,这种分享方式获取缩略图的方法:

  • 方法一:在页面 body 最上方添加 300*300 像素的 img

如该图片不需要显示,可以用 css 隐藏,但不能直接对 img 设置 display: none;

可以在父层 p 上设置 display: none; 或者对 img 设置 position: absolute; visibility: hidden;


  • 方法二:通过微信 JS-SDK 的分享接口

这种方法需要一个微信公众号的 app_id,同时需要一个后端服务生成 signature。好处是可以定制分享的标题、缩略图、描述。

二、从浏览器分享

在浏览器打开链接后,点分享图标,选择【微信】,这种分享方式获取缩略图的方法:

在页面的 head 部分添加 Open Graph Metadata:




其中 og:image 影响浏览器分享时的图标,需要指定图片的完整路径。

感谢各位的阅读!关于“微信发开怎么实现分享链接的缩略图和标题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网站栏目:微信发开怎么实现分享链接的缩略图和标题
文章起源:http://hbruida.cn/article/jdpjhi.html