在网站优化中，缩略图可谓是必不可少的，通过缩略图，我们可以在展示的同时提供更好的用户体验。如果将网站分享到微信，首先需要设置缩略图，下面给大家分享如何在HTML中分享到微信设置缩略图的代码。
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<title>设置微信分享缩略图</title>
<Meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;">
<Meta name="format-detection" content="telephone=no">
<Meta name="description" content="这是网站描述内容">
<Meta name="keywords" content="网站关键词">
<!--微信分享设置-->
<link rel="stylesheet" type="text/css" href="http://res.wx.qq.com/open/css/3rdparty/bootstrap.min.css" />
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
wx.config({
debug: false,// 开启调试模式,调用的所有api的返回值会在客户端alert出来
appId: '',// 必填，公众号的唯一标识
timestamp:,// 必填，生成签名的时间戳
nonceStr: '',// 必填，生成签名的随机串
signature: '',// 必填，签名，见附录1
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
'checkJsApi','onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'
]
});
wx.ready(function(){
//分享到朋友圈
wx.onMenuShareTimeline({
title: '分享标题',// 分享标题
link: 'http://www.test.com',// 分享链接
imgurl: 'http://www.test.com/wx_share.jpg',// 分享图标
success: function () {
// 分享成功后的执行函数
},cancel: function () {
// 用户取消分享后执行的回调函数
}
});
//分享给朋友
wx.onMenuShareAppMessage({
title: '分享标题',// 分享标题
desc: '分享描述',// 分享描述
link: 'http://www.test.com',// 分享图标
type: '',// 分享类型,music、video或link，不填默认为link
dataUrl: '',// 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
</script>
</head>
<body>
<!--页面内容-->
</body>
</html>
以上就是HTML分享到微信缩略图的代码，其中需要注意的是，在微信分享时，缩略图的链接必须是HTTPS的链接，否则会出现分享缩略图失败的问题。通过以上代码的分享设置，我们可以为我们的网站提供更好的用户体验，提高分享的效果。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
