QQ微信等分享链接时系统提取的标题和图片代码

有的时候，在我们写好网页后，需要通过QQ/微信等即时通讯工具分享出去，这时候，系统会提取网页的标题和图片，默认提取title和网页的第一张图片。

当然，我们也可以指定分享的文字和图片。以图片为例，代码如下：

<meta itemprop="image" content="https://qingyunsi.org.cn/wuhan2020/img/title.jpeg" />

效果如下图所示：

itemprop=“name”

网页标题，不同社交APP截取的长度都不一样，然后手机屏幕大小也会再次不同程度裁减文字。微信只用这个标题。

itemprop=“description”

网页简介/摘要，和网页标题一样有长度限制，如果小屏幕可能还会裁减。微信不会使用到这个标签。

itemprop=“image”

网页缩略图/分享图标，显示在分享内容的左边，图片支持.jpg、.png等常见格式，建议使用200px*200px的图片，如果太大可能读取比较慢。

作者：戴翔
电子邮箱：daixiangcn@outlook.com
微信开发者主页：Null
简介：中国公民，CSDN博客专家，秦淮区疾控中心托管社会公益组织指南针工作室志愿者，创业公司研发中心负责人，在校大学生。第二届大学生微信小程序应用开发大赛全国三等奖项目第一作者，微信小程序《约车吗》、《庆云慈善会》、《锋云速检》项目总工程师。

QQ微信等分享链接时系统提取的标题和图片代码相关推荐

微信网页开发，禁止右上角微信复制分享链接JS
禁止微信右上角分享链接开发网页时,为了提高网页链接的安全,不想让别人分享链接给别人一般微信打开网页后,点击右上角是这样的想要网页不能被复制,不能分享给其他人效果图: 资源文件下载地址下载地址 ...
h5页面生成图片分享到微信js_H5微信自定义分享链接（设置标题+简介+图片）
起源:最近公司在做招募广告的html5页面,然后做出来后,产品提出一个问题,需要分享出去的链接是卡片形式,内容也要自己定义,这下就难到我了,因为是第一次遇到这种需求,果断百度,然而,我就像大家一样,看 ...
微信分享链接时怎样才能带上带缩略图和简介
第三方网站在微信中分享的链接想要左边有简介概述,右边有缩略图.而不是什么都没有的一个三无小网站,就需要好好的看下本教程了,没有缩略图不能引起客户足够的重视.尤其不利于分享朋友圈和用户转发.一个看上去不 ...
分享！微信自定义分享链接的标题（描述和图片）都是怎么实现的？
自定义微信链接是什么? 自定义微信分享链接是指将一条网页链接通过微信接口生成一张卡片,并且该卡片的标题,内容和图片都可以自己编辑.如下图效果 ● 自定义网页链接示例(带标题,内容简介,缩略图) ● 未 ...
微信jssdk分享链接问题fail,link must be in js secure domain list
关于微信分享链接自定义出现fail,link must be in js secure domain list 前言: 后端代码就不用说了,能正常获取到数据... 用微信pc端分享能成功,但是真机却不 ...
h5微信f分享链接给对方获取对方手机号_企业微信可以搜索微信号添加好友/客户吗？怎样主动添加通过率高？...
文丨语鹦企服原创,未经授权不得转载企业微信推出3.0版本后,已经实现了和微信消息互通.那么在企业微信可以搜索微信号添加好友/客户吗?怎样主动添加通过率比较高?一起来看看. 首先,企业微信目前暂不支持 ...
微信分享链接时,怎样才能带上带缩略图和简介?
一.如何判断是否为微信内置浏览器? 答:通过Header信息里的User-agent来判断,通过识别MicroMessenger这个关键字来确定是否来自微信.即微信的内置浏览器的user-agent信 ...
php微信分享链接带图片,微信分享链接时,怎样才能带上缩略图和简介?
我不喜欢回形针. 以前我仅仅把网页开始的地方放一个不可见的图片,后来发现没有效果. 现在我们开始: 微信公众号: 步骤一:绑定域名先登录微信公众平台进入"公众号设置"的" ...
微信js-sdk分享链接自定义图片描述标题
首先需求是:将微信扫一扫的分享功能回形针图片描述标题换成自定义的大概是从上往下的这个效果. 好了需求已经很明确了,接下来说一下实现过程.先贴两个很有用的帖子可以借鉴参考: http://ww ...
微信内分享链接防红防封技术系统的实现方案
防封技术简介域名被封有很多原因导致,针对各种场景我们研发了多套方案,如"入口不死","已封域名恢复访问","网页防检测","域名 ...

QQ微信等分享链接时系统提取的标题和图片代码

QQ微信等分享链接时系统提取的标题和图片代码相关推荐

最新文章

热门文章