如何配置网站链接在Android端短信发送时的预览缩略图
安卓SMS链接预览的Meta配置说明
你观测到的预览效果,是安卓系统及第三方短信APP抓取网页元数据自动生成的,普通博客、企业站点这类非视频类网站也能实现,和你提到的“给图片加超链接”的基础HTML操作没有任何关联,你的初步判断完全正确,该效果由HTML头部的结构化meta标签驱动。
配置代码及放置位置
所有相关标签必须放置在HTML文件的<head>标签内部,不能放在页面主体<body>中,否则无法被爬虫抓取。
目前安卓短信端优先识别通用的Open Graph(OG)标签,同时兼容Twitter Card标签做兜底适配,可直接使用以下示例代码:
<!-- 核心Open Graph标签 --> <meta property="og:title" content="页面完整标题,建议不要超过30字"> <meta property="og:description" content="页面核心描述,建议控制在70字以内"> <meta property="og:image" content="https://你的站点域名/资源路径/预览图文件名.jpg"> <meta property="og:url" content="https://你的站点域名/当前页面完整访问地址"> <meta property="og:type" content="article"> <!-- 兼容兜底的Twitter Card标签 --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="和og:title填写的内容保持一致"> <meta name="twitter:description" content="和og:description填写的内容保持一致"> <meta name="twitter:image" content="和og:image填写的地址保持一致">
配置注意点
og:image和og:url必须填写完整的绝对路径,不能使用/img/xxx.jpg这类相对路径,否则爬虫无法正确获取资源- 若一个页面需要适配不同场景的预览图,可连续添加多个
og:image标签,爬虫会自动选择适配尺寸最高的资源使用 og:type根据页面类型填写,站点首页用website,普通文章页用article即可
预览图的尺寸规范
对应你给出的“大图在上、标题描述在下”的示例效果,也就是summary_large_image布局,需遵循以下规范:
- 推荐最优分辨率:1200px × 630px,宽高比固定为1.91:1,可适配绝大多数安卓短信端的预览裁切规则
- 最低有效分辨率:不低于600px × 315px,尺寸低于这个阈值的图片会被判定为无效,无法展示预览
- 格式与大小要求:优先使用JPG格式,文件大小控制在1MB以内,避免使用带透明通道的PNG、WebP等兼容性较差的格式,也不要将过多文字叠加在预览图上
- 若需要适配小缩略图的预览布局,可额外添加一张600px × 600px的正方形图作为兜底
补充说明
配置完成后不会立刻生效,安卓短信的爬虫会有1-7天的缓存周期,若需要快速验证,可将链接粘贴到新的短信草稿框重新触发抓取,同时需确保服务器未拦截常规爬虫的访问请求,可通过本地手机实际发送短信测试最终效果。
内容的提问来源于stack exchange,提问作者dankswoops
相关产品推荐
相关产品推荐

