微信分享链接的缩略图和标题

  

一、微信内分享

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


微信分享链接的缩略图和标题

微信分享链接的缩略图和标题

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

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


可以在父层div上设置显示:没有;或者对img设置位置:绝对;可见性:隐藏;.


& lt; div祝辞& lt; img src=" https://www.yisu.com/img/thumbnail.png " alt="祝辞& lt;/div>

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

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


二,从浏览器分享

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


在页面的头部分添加打开图元数据:

& lt;元属性=柏?类型”内容=巴尽?比;   & lt;元属性=柏?标题”内容=耙趁姹晏狻北?   & lt;元属性=柏?描述”内容=耙趁婷枋觥北?   & lt;元属性=柏?形象”内容=" http://www.example.com/img/thumbnail.png "比;   & lt;元属性=柏?url”内容=" http://www.example.com/"在


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

https://github.com/thedaviddias/Front-End-Checklist


微信分享链接的缩略图和标题