《如何让你的网站网页链接分享到微信时,能正确显示标题、缩略图》要点:
本文介绍了如何让你的网站网页链接分享到微信时,能正确显示标题、缩略图,希望对您有用。如果有疑问,可以联系我们。
相关主题:HTML和JS入门
当你的网页被分享到微信上,标题、缩略图、简介三项很重要。
对于标题和缩略图,可以这样设置:
标题:会取当前页面title里面的内容。
图片:会取当前页面body内最前面的一张符合条件的图片。
图片尺寸必须大于: 300px × 300px 把符合以上两个条件的图片放到<img>里,放到页面<body>内的最前面。
这样分享时就会取这张图作为缩略图了。
你可以放一张符合条件的图在body后面隐藏起来,但是要注意的是,下面两种做法,div标签隐藏有效,如果直接在img标签上做display:none,将不会有效。
【这样可以】
<div style="display: none"> <img src="/images/img.jpg" /> </div>
【这样不行】
<img src="/images/img.jpg" style="display: none" />
网上有这种做法:
在<head></head>标签内加上一个meta标签
<meta name="sharecontent" data-msg-img="你的缩略图地址" data-msg-title="你的标题" data-msg-content="你的简介" data-msg-callBack="" data-line-img="你的缩略图地址" data-line-title="你的标题" data-line-callBack=""/>
这个没有用,不会有效。
对于简介,要用微信公众号的JS-SDK开发了。另文。