关闭

分享自动抓取缩略图相关文章(微信也有效)

2220人阅读 评论(0) 收藏 举报
分类:
<title>分享的标题</title>

<meta name="description" content="分享的内容">

(微信不会抓取分享的内容)






微信分享缩略图

如何增加微信朋友圈分享链接的小图片?
在网页的头部<head>标签内加上以下代码,图片路径自行修改。
<head>
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='/images/pic300.jpg' />
</div>
</head>

制作像素是 300*300px的图片,命名为pic300.jpg。将图片放到步骤一对应的路径下,或者用完整URL形式。
保存好文件后,就可以分享到朋友圈了。此时分享的网页链接就会有小图片显示了。

注意:
必须放在head标签内,div的id必须是wx_pic,图片比例300px左右,1:1左右比例才能正常显示。
尺寸必须是300*300像素或者是1:1左右正方形的比例,否则在iphone手机上很可能显示不出来。

另:facebook、google+、twitter等分享的标签为:
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.xxx.com/xxx" />
<meta property="og:title" content="xxx" />
<meta property="og:description" content="xxx..." />
<meta property="og:image" content="http://xxx" />

新浪微博更新时间标签:
<meta name="weibo: article:create_at" content="2016-01-29 11:40:03 +0800" />
<meta name="weibo: article:update_at" content="2016-01-29 11:41:23 +0800" />


0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

如何获取别人微信文章中的图片

有时我们看到别人微信文章中的图片很好看,想保存下来,又或者是我们本身是微信运营者,想“借用”一下别人的图,简单点的做法是在手机微信文章中点击图片,会出现微信图片浏览器,然后点击右上角的三个点点,点击保...
  • hjb2722404
  • hjb2722404
  • 2015-08-05 10:30
  • 3811

如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO

当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣传与推广确实是有好处的...
  • cyjch
  • cyjch
  • 2016-08-05 15:25
  • 13244

微信分享不显示缩略图,但显示标题和摘要

最近才刚开始了解jssdk,然而因为自己学艺不精~~没注意到一些细节导致了这次问题得发生! 该问题的情况是: 我在微信web开发者工具中进行测试的时候,是可以成功分享的并且显示自定义的标题和摘要及缩略...
  • u014253480
  • u014253480
  • 2016-02-22 10:50
  • 3879

设置微信分享的标题 缩略图 连接 描述

var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg'; var lineLink = 'http://topic.xc...
  • china_skag
  • china_skag
  • 2014-09-27 13:55
  • 21079

如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO

当下朋友圈很火,很多企业都将微信朋友圈作为品牌传播的途径,经常会发一些精彩的文章到微信朋友圈供大家自发传播,这样的想法很好,对于优质的内容,网友们也乐于转发与朋友们分享,对品牌宣传与推广确实是有好处的...
  • cyjch
  • cyjch
  • 2016-08-05 15:25
  • 13244

微信分享链接或网站文章到微信朋友圈,缩略图片不显示,该如何解决?

如图:分享到朋友圈的链接没有显示图片,简介变成了网址, 如何让左侧那个图片显示尼??? 解决方法: 在我们的网站网页 html代码中的之后(也就是网站的第一张图片)增加 注意事项:
  • xiaoyan_2015
  • xiaoyan_2015
  • 2016-01-02 08:55
  • 27113

微信分享链接或网站文章到微信朋友圈,缩略图片不显示

** window.onload=function(){//进入页面就执行ajax,目的为了传送当前页面url#前的完整url var ajaxurl =  'Wechat.php'; //注意您自...
  • lovetina2017
  • lovetina2017
  • 2017-10-25 13:40
  • 282

基于静态URL的微信分享自定义缩略图及标题和摘要

本文介绍如何在静态页中实现微信分享自定义缩略图和摘要、标题的功能。相信对大家会有比较大的帮助。
  • baozhengw
  • baozhengw
  • 2016-07-14 16:13
  • 8208

微信分享等设置 -- 缩略图等

微信分享接口设置,分享的缩略图,地址,title,详情等设置。
  • m0_38082783
  • m0_38082783
  • 2017-06-16 11:40
  • 1660

设置微信分享的标题 缩略图 连接 描述

var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg'; var lineLink = 'http://topic.xc...
  • china_skag
  • china_skag
  • 2014-09-27 13:55
  • 21079
    个人资料
    • 访问:41743次
    • 积分:506
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:35篇
    • 译文:0篇
    • 评论:1条
    文章分类