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

2021-12-11 932阅读

温馨提示:这篇文章已超过329天没有更新,请注意相关的内容是否还可用!

一、首先来看看效果。

预览效果图

手机QQ访问时,html页面在QQ中自定义预览和自定义分享  分享 代码 手机 文章 页面 图片 第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.wenytao.com/zb_users/upload/2021/12/20211211182819163921849969745.gif"><!-- 图片 -->

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

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