温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

QQ/微信如何自定义分享链接缩略图?

发布时间:2020-09-21 18:01:19 阅读:598 作者:四分可爱 栏目:移动开发
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

我们每天都在逛QQ空间和朋友圈,细心的朋友一定会发现有的人分享的链接会显示缩略图,这样可以吸引人点击引来流量,其实QQ或者微信分享链接的缩略图是可以自定义的,下面就教大家如何自定义QQ/微信分享链接缩略图?

QQ/微信如何自定义分享链接缩略图?

以前大家的做法是设置一张图片放在网页的body顶部,然后设置隐藏,代码如下:

1.<!--QQ/微信分享标题图--><div ><img src="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png"></div>

做SEO的都知道使用js或display:none等方法隐藏链接,从而使用户在正常浏览网页的时候无法看到这个链接,隐藏链接是被搜索引擎严令禁止的,一旦发现,惩罚将会非常严重,轻则降低网页权重,重则清空网页的索引记录,所以不推荐使用这种方法,我们可以用如下方式实现类似效果:

1.<!--QQ/微信分享标题图--><div ><img src="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png></div>

在QQ/微信中,我都亲测可用,效果如下图所示:

QQ/微信如何自定义分享链接缩略图?

其实腾讯官方也给出了相关的文档说明,我们也可以借鉴参考:手机QQAPI-腾讯移动Web开发平台

// 另外使用meta同样可以达到该接口的作用

 <meta itemprop="name" content="这是分享的标题"/>

 <meta itemprop="image" content="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png" />

 <meta name="description" itemprop="description" content="这是要分享的内容" />

GetwxLink

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI

开发者交流群×