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

投稿  王商博客 2016-10-08 阅读 142 次 评论 15 条

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

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

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

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

  1. <!--QQ/微信分享标题图--><div style="width:0px;height:0px;overflow:hidden;"><img src="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png></div>

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

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

大家也可以直接用手机扫描下面二维码分享链接体验实际效果:

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

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

  1. // 另外使用meta同样可以达到该接口的作用
  2.  <meta itemprop="name" content="这是分享的标题"/>
  3.  <meta itemprop="image" content="http://ws234.com/content/templates/emlog_dux/images/fxlogo.png" />
  4.  <meta name="description" itemprop="description" content="这是要分享的内容" />
本文地址:http://boke112.com/3571.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 王商博客 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress免费响应式主题:Nana
CPA教学与引流技巧

发表评论

呲牙憨笑坏笑偷笑色微笑抓狂睡觉酷流汗鼓掌大哭可怜疑问晕惊讶得意尴尬发怒奋斗衰骷髅啤酒吃饭礼物强弱握手OKNO勾引拳头差劲爱你

表情

  1. 爱杂侃
    爱杂侃 【镇长】 @回复

    做微商能够用得着

  2. 雅兮网
    雅兮网 【省长】 @回复

    display:none;隐藏链接会被搜索引擎惩罚?题主应该着重给咱们讲讲这个,有风险么?

  3. 捌零男人
    捌零男人 【镇长】 @回复

    最后一个方法倒是没试过

  4. 橘子书
    橘子书 【镇长】 @回复

    [偷笑] 我更好奇的是百度搜索的时候,怎么出现指定的缩略图。

  5. 明月登楼的博客
    明月登楼的博客 【总理】 @回复

    “display:none等方法隐藏链接,从而使用户在正常浏览网页的时候无法看到这个链接,隐藏链接是被搜索引擎严令禁止的,一旦发现,惩罚将会非常严重,轻则降低网页权重,重则清空网页的索引记录”,我看到了这个重点!是不是真的呀?

  6. 龙笑天
    龙笑天 【县长】 @回复

    晚上下班回去就试试去~

  7. 金榜台博客
    金榜台博客 【县长】 @回复

    去试试看,很是实用哦

  8. 管家婆
    管家婆 【镇长】 @回复

    我去试试

  9. 三五营销
    三五营销 【农民】 @回复

    向您学习,我的QQ:1093512502!多多指教!
    丙申年(猴)九月初八 2016-10-8

  10. 博客114导航
    博客114导航 【镇长】 @回复

    如果是内容页的话还是要自动抓取的好

  11. 爱时尚
    爱时尚 【市长】 @回复

    这也能自定义?

  12. 小萝博客
    小萝博客 【市长】 @回复

    已不折腾这个了

  13. Koolight
    Koolight 【省长】 @回复

    这个不错,单纯做微站很实用!