为何GIF设为og:image时Facebook分享无法显示动画效果？

Facebook平台对og:image字段的资源有统一的转码规则：无论你在meta中声明的资源格式是不是GIF，平台爬虫抓取到og:image资源后，都会自动转码生成静态的首帧缩略图用于预览展示，完全不会保留GIF的动画效果。
你当前的meta标签语法没有错误，本地GIF能正常播放也说明资源本身没问题，预览无动画纯粹是平台侧的字段规则限制导致的，和资源、代码写法无关。

你观察到的Giphy、Tenor的实现方案是平台认可的常规实现路径：想要在Facebook分享预览中展示动画效果，必须配置og:video字段，仅通过og:image配置GIF无法实现动效。

配置时需要注意以下规则：

• 优先选择H.264编码的MP4格式作为og:video资源，这个格式在Facebook全端（桌面网页、iOS/Android客户端）兼容性最好，WebM格式在部分旧版本客户端存在加载失败的问题
• 同步配置og:video:width、og:video:height字段，建议保持16:9的展示比例，和你现有素材的1920*1080尺寸匹配即可
• 补充og:video:type字段，MP4格式对应值为video/mp4
• 动态视频资源大小建议控制在8MB以内，时长不超过30秒，超过阈值平台会自动转码压缩，甚至直接退回展示静态首图
• 原有og:image字段不要删除，保留现有GIF或者转好的静态首图地址作为兜底，当og:video资源加载失败时，平台会自动展示这张静态图
• 配置修改完成后，需要通过平台官方调试工具触发页面重新爬取，清除之前缓存的静态预览资源，否则修改不会立即生效

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