在微信内打开链接后,点右上角【…】选择【发送给朋友】或【分享到朋友圈】,这种分享方式获取缩略图的方法:
方法一:在页面 body 最上方添加 300*300 像素的 img
如该图片不需要显示,可以用 css 隐藏,但不能直接对 img 设置 display: none;。
可以在父层 div 上设置 display: none; 或者对 img 设置 position: absolute; visibility: hidden;。
<div ><img src="/img/thumbnail.png" alt=""></div>
方法二:通过微信 JS-SDK 的分享接口
这种方法需要一个微信公众号的 app_id,同时需要一个后端服务生成 signature。好处是可以定制分享的标题、缩略图、描述。
二、从浏览器分享
在浏览器打开链接后,点分享图标,选择【微信】,这种分享方式获取缩略图的方法:
在页面的 head 部分添加 Open Graph Metadata:
<meta property="og:type" content="website" /> <meta property="og:title" content="页面标题"> <meta property="og:description" content="页面描述"> <meta property="og:image" content="http://www.example.com/img/thumbnail.png"> <meta property="og:url" content="http://www.example.com/">其中 og:image 影响浏览器分享时的图标,需要指定图片的完整路径。
https://github.com/thedaviddias/Front-End-ChecklistGetwxLink
另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享题目:微信分享链接的缩略图和标题-创新互联
网页链接:https://www.cdcxhl.com/article4/gsdie.html
成都网站建设公司_创新互联,为您提供网站收录、外贸网站建设、服务器托管、外贸建站、App设计、建站公司
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联