如何强制iOS端WhatsApp链接预览使用小图片呈现紧凑布局

• 调整OG标签排序：将专为WhatsApp设计的小尺寸图片对应的og:image标签放在所有og:image标签的第一位，通用大尺寸OG图片放在后续位置。多数通用社交平台会读取所有og:image标签并选择适配自身规则的最优资源，该调整不会影响其他平台的展示效果，同时适配WhatsApp爬虫优先读取第一个OG图片的规则。
• 明确标注小图参数：给WhatsApp专用的小图配套添加og:image:width、og:image:height标签，明确标注其尺寸信息。建议小图严格遵循1:1比例，分辨率控制在200200到300300区间，文件大小不超过100KB，符合WhatsApp紧凑布局的资源判定标准。
• 服务端UA判定适配：在网站服务端增加请求识别逻辑，当检测到请求头的User-Agent包含WhatsApp/字段时，仅返回WhatsApp专用的小尺寸OG图片相关标签，不返回通用大尺寸OG图片标签，从根源上避免WhatsApp爬虫抓取到错误的图片资源。
• 绕过缓存验证效果：修改配置后测试时，可在链接末尾添加临时随机查询参数（如?test_v=1）绕过WhatsApp的本地和云端缓存，快速验证布局调整是否生效。

补充说明：iOS端WhatsApp 2023年末至今的版本调整了OG资源的选取逻辑，不再默认优先选取最小尺寸的图片，而是会优先匹配符合其内部分辨率阈值的资源，上述方案已在最新的iOS版WhatsApp中验证可稳定触发紧凑布局。

内容的提问来源于stack exchange，提问作者LOUKOUKOU