目前,大部分流量都转移到了移动端,基本是人手一台智能手机(说不定人家农民工手里的手机都比你的牛信吗?),其功能完全满足大家日常生活娱乐需求,而且大部分人都会使用微信,微信推广成了站长或做微信营销的一个重要手段。

如果你是一个站长,在分享自己网站文章到微信朋友圈时,可能会碰到一个奇怪的问题——分享网站文章到微信朋友圈,没有显示缩略图(如下图,标红处没有显示文章图片)。

微信分享为什么不显示图片呢?

微信朋友圈截图

解决方法:

在我们的网站网页 html 代码中的之后增加

注意事项:

1、这个logo.jpg图片尺寸不能太小,在120*100以上就可以了。

2、图片放到了body之后,微信应该会默认取页面中第一种图片。

3、用JPG图片,如果格式是png的,微信朋友圈可能会直接把他忽略了。

4、width和height都设为0,style不能设置为Display:none。

5、把https://xiaohost.com/news/wechat-no-images/images/logo.jpg这个地址改成你的网站中的图片的地址。

通过这样弄,分享到微信朋友圈的网址文章就会显示缩略图,而且是显示文章内容中的第一张图片。

php微信转发无法显示标题图片,完美解决:微信分享为什么不显示图片呢? - 老牛博客...相关推荐

  1. wordpress文章ID不连续显示问题的完美解决

    在最新版的 wordpress 系统中,依然存在着文章ID不连续显示的问题,也就是我们还没有上传多少文章,在数据库里的ID号已经很大了,也就是说如果我们的博客使用的是固定链接,那么在前台显示的ID相差 ...

  2. 完美解决微信js-sdk在IOS系统报invalid signature的问题

    完美解决微信js-sdk在IOS系统报invalid signature的问题 作者原创,转载注明出处 一.解决方案 先说结论再说过程: (一)npm i jweixin-1.6.0 .系本人优化封装 ...

  3. “完美”解决微信小程序购物车抛物动画,在连续点击时出现计算错误问题,定时器停不下来。

    "完美"解决微信小程序购物车抛物动画,在连续点击时出现计算错误问题,定时器停不下来. 参考文章: (1)"完美"解决微信小程序购物车抛物动画,在连续点击时出现计 ...

  4. python读取excel图片尺寸_Python读取excel中的图片完美解决方法

    excel中有图片是很常见的,但是通过python读取excel中的图片没有很好的解决办法. 网上找了一种很聪明的方法,原理是这样的: 1.将待读取的excel文件后缀名改成zip,变成压缩文件. 2 ...

  5. 微信小程序view水平垂直居中完美解决

    微信小程序view水平垂直居中完美解决 .view_box{display: flex;align-items: center;justify-content: center;width: 100%; ...

  6. CSDN 博文写作小技巧 (标题超链接、跳转指定博客的指定位置、图片居中、动图制作、可爱文字、定时博客发布、快速博客写作)

    CSDN 博文写作小技巧 (标题超链接.跳转指定博客的指定位置.图片居中.动图制作.可爱文字.定时博客发布.快速博客写作)

  7. android常用技术网站收藏过的网址 给 Android 开发者的 RxJava 详解 Android设备标识-没有完美的解决方案-只有取舍 - 小彼得的专栏 - 博客频道 - CSDN.NET

    收藏过的网址 http://www.jianshu.com/p/a7b36d682b6f?ref=myread  Android插件化快速入门与实例解析 http://www.cnblogs.com/ ...

  8. 微信公众号本地环境搭建(解决微信接口需要公网地址,但是只有本地环境的问题)

    微信公众号本地环境搭建(解决微信接口需要公网地址,但是只有本地环境的问题) 置顶2018年01月08日 17:22:13 阅读数:342 目前移动开发处于比较火的的趋势,很多的开发者都跃跃欲试,目前移 ...

  9. 长虹50q1n 显示服务器端异常,长虹智能电视显示网络配置错误解决方法分享

    本帖最后由 kingtt1994 于 2017-8-21 13:17 编辑 有不少长虹智能电视的用户,说自己家的电视明明已经连接网络的,但是使用第三方应用的时候显示网络配置错误?这是什么情况?针对这个 ...

  10. html图片显示变形,CSS完美解决前端图片变形问题的方法

    在头条IT学堂看到CSS完美解决前端图片变形问题的文章,就记录分享下: 一.让图片的宽度或者高度等于容器的宽度或高度,多余的裁掉,然后让图片居中: div{ width: 200px; height: ...

最新文章

  1. Java并发的类库_Java 并发类库AbstractQueuedSynchronizer 分析
  2. cursor:hand与cursor:pointer的区别介绍
  3. The Hystrix timeout of XXms for the command XX-XX is set lower than the combination of the
  4. 微信小程序 高德地图知道两点求道路_微信小程序——计算2点之间的距离
  5. 【Python 标准库学习】系统相关的参数和函数库 — sys
  6. UIControl UIImage
  7. scara机器人本体介绍
  8. 性能测试之JMeter主页面布局
  9. .NET中使用Memcached的相关资源整理
  10. Tensorflow练习题
  11. JAVA动态加载JAR包执行程序
  12. MySQL 创建数据库并且指定编码
  13. JAVA获取word书签内容_Java 操作Word书签(一):添加、删除、读取书签
  14. 基于YOLO的新型RGB-D融合方法对行人进行检测和3D定位
  15. Jquery 禁止键盘Backspace键
  16. BUUCTF——密码学——old-fashion
  17. sed 技巧一例:特定位置插入
  18. 华为路由器开启ftp出现530错误
  19. #ifdef __cplusplus 倒底是什么意思?
  20. 拿着卖白菜的钱,操着卖白粉的心

热门文章

  1. Windows10(64位)下安装MySql5.7
  2. 如何下载网页中的视频文件?
  3. 实用小软件实现Mac读写ntfs U盘 移动硬盘
  4. Ubuntu安装教程
  5. Ubuntu64位系统下安装吉林大学校园网客户端
  6. c语言数组回文数编写字符串,回文数C语言(示例代码)
  7. ExDirectUI 5.0 项目重构正式启动
  8. python for ArcGIS 绘制杭州市板块地图
  9. 推荐Ubuntu使用UML工具-Drawio
  10. JDK版本切换——JDK1.1.1