官网链接发到微信里没标题没缩略图?先把这几处改了

前几天一个做建材的朋友发我一条链接,说官网上线两个多月,客户往群里转发时永远是一串光秃秃的网址,看着像钓鱼网站,没人敢点。我打开他首页一看,title、description 都写了,就是缺 og 那几个标签,微信拿不到配图,只能退化成纯链接。

这种问题在刚上线的企业站里非常常见。客户微信分享你的官网,等于帮你做了一次免费广告,结果广告牌上没字没图,太亏了。先讲讲微信到底是怎么"看"一个网页的。

一、微信是从哪拿标题和缩略图的

微信内置浏览器打开一个网址,会尝试生成一张分享卡片,也就是标题、一行描述、一张小图。它的取数顺序大致是这样:

  • 标题:先看 og:title,没有就用页面的 title
  • 描述:先看 og:description,没有就用 meta description,再没有就截正文前几十个字
  • 缩略图:先看 og:image,没有就找页面里第一张能正常加载的图,一张都找不到,就只显示网址

这里有个关键点:og:image 必须是能直接访问的图片地址,而且要是绝对地址,也就是 https:// 开头那种完整链接。写成相对路径,或者图片本身打不开,微信照样取不到。

二、先在首页补上这几个标签

打开首页的 HTML,在 head 区域里检查有没有这几个 meta 标签,缺哪个补哪个:

  • og:title,content 里填网站名称加一句话说明,比如"某某机械 - 专注小型挖掘机 12 年"
  • og:description,content 跟页面的 meta description 保持一致
  • og:type,固定填 website 就行
  • og:image,content 填一张分享图的完整地址

og:title 别写太长,20 个字以内,微信卡片标题超了会直接截断,截在哪里不可控。og:description 控制在 80 字上下。og:image 建议专门做一张分享图,横版,宽高比接近 1.91:1,比如 600×315,字别压在边角,因为有的场景会把图裁成正方形。

三、加了 og:image 还是没图,多半是这几个细节

给不少站排查过"明明加了 og:image 就是没图"的情况,常见原因就这几类:

  • 图片地址用的是 http,页面本身是 https,被浏览器拦了
  • 图片超过 1MB,或者尺寸特别大,微信抓取直接超时
  • 用了 webp 之类的小众格式,微信解析不了,jpg、png 最稳
  • 图片放在需要登录才能访问的目录里
  • 服务器在海外,微信的抓取程序在国内,访问太慢会放弃

还有个容易被忽略的:域名刚备案完、网站刚上线那几天,微信缓存里没有这条链接的记录,第一次转发取不到很正常,过几个小时再转一次往往就好了。

四、怎么确认自己改对了

最快的验证方式不用什么工具:把链接发到微信的文件传输助手,自己点开看有没有卡片。记得要点两次,第一次微信去抓取并缓存,第二次看结果。

想要更准确的信息,微信官方有个链接分享检查工具,输入网址能直接看到它抓到的标题、描述和图片,还会显示抓取日志。哪一项是空的,就回去改哪一项,改完再查一遍。

五、顺手把搜索引擎里的预览也查一遍

og 标签和分享卡片弄好后,建议把搜索结果预览也看一眼。百度和谷歌都有网址检查工具,能预览你的页面在搜索结果里的样子。用户在搜索页看到的那行标题和描述写得好不好,直接决定他点不点你。

不少模板自带的 og 标签其实都是全的,只是建站时没人把 logo 和简介填进去,等于白配了。花十分钟把这些填上,比上线后天天求客户帮忙转发管用。在模板市场挑模板的时候,也可以顺手问一句这模板的后台里有没有分享设置这一项,省得买回去自己改代码。