发个链接到微信群或者朋友圈,结果图不显示,光秃秃一串文字,尴尬得不行。这种情况很多人都遇到过,尤其是做运营、经常转发文章的人。别急,这问题多半不是你手机坏了,而是分享卡片的图片没加载出来,下面几种方法基本能搞定。
检查链接是否带 Open Graph 标签
网页要能在微信、QQ、微博这些平台正常显示分享图片,得在页面代码里加上 og:image 这类标签。比如:
<meta property="og:image" content="https://example.com/thumb.jpg" />
<meta property="og:title" content="这是标题" />
<meta property="og:description" content="这是描述文字" />
如果网站后台没设置这些,分享出去自然就没图。可以自己打开网页源码,右键 → 查看页面源代码,搜一下 og:image,看看有没有这行,路径对不对。
图片尺寸和格式要合规
就算加了标签,图太大或太小也白搭。微信推荐分享图尺寸是 200x200 像素以上,不超过 300KB,格式最好是 JPG 或 PNG。要是你放了个 50x50 的缩略图,系统可能直接忽略。
还有种情况是用了 WebP 格式,虽然省空间,但部分旧版本微信不支持,也会导致不显示。换成 JPG 更保险。
清除平台缓存再试一次
微信和 QQ 都会缓存你第一次分享的链接信息。如果你之前发过没图的版本,后来改好了代码,它还是拿旧的。这时候得强制刷新。
解决办法:用腾讯的“内容安全中心”或第三方工具(比如“在线调试分享卡片”)提交链接重新抓取。或者换个短链,比如把原链接用 bit.ly 或 dwz.cn 缩短后再发一次,绕过缓存。
检查服务器防盗链设置
有些网站为了防别人盗图,设置了防盗链(Referer 验证),结果把自己人坑了。微信爬虫来抓图时被当成“盗链”,直接返回 403,图当然出不来。
登录服务器或 CDN 后台,看看是不是屏蔽了外部访问。可以把 weixin.qq.com、qq.com 加入白名单,让爬虫顺利拉取资源。
本地测试也能发现问题
发之前可以先自己测一下。新建个微信对话,把链接粘进去,等几秒看会不会自动展开卡片。不展开?大概率是 og 标签缺失或图片路径 404。用手机浏览器打开链接,看图能不能加载,排除网络问题。
说白了,分享没图多数是前端配置不到位。别总以为是微信抽风,先从自己页面查起,该加标签加标签,该换图换图,几分钟就能搞定的事。