手机QQ访问时,html页面在QQ中自定义预览和自定义分享

2021-12-11 1437阅读 0评论

一、首先来看看效果。

预览效果图

手机QQ访问时,html页面在QQ中自定义预览和自定义分享,手机QQ访问时,html页面在QQ中自定义预览和自定义分享 分享 代码 手机 文章 页面 图片 第1张,分享,代码,手机,文章,页面,图片,第1张

使用手机QQ客户端或者PC版的QQ发送http链接给别人后,在手机QQ端看到的并不是http链接,而是自己定义的图片和标题以及描述。

这样做的好处就是可以马上让对方了解这个页面的大概内容。

二、那么这种效果是怎么实现的呢?

找了好久才发现,只需要在html页面中head标签中加入如下代码即可。

如果想在QQ预览中图片是动图 就设置GIF图片格式即可

<meta name="description" itemprop="description" content="这里是自定义分享的描述---Carl Zhang">
    <meta itemprop="name" content="这里是标题">
    <meta itemprop="image" content="https://www.xxkblog.cn/zb_users/upload/2021/12/20211211182819163921849969745.gif"><!-- 图片 -->

版权声明:本文为CSDN博主「jinhuazhe2013」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/u012386311/article/details/50831846

版权声明
  本站致力于为模板爱好者提供国内外插件开发技术和模板共享,着力为用户提供优资资源。
  本站提供的所有下载文件均为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
  我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。
  站长会进行审查之后,情况属实的会在三个工作日内为您删除。

发表评论

快捷回复: 表情:
评论列表 (暂无评论,1437人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码