HTML页面OpenGraph图片预览失效问题求助

你遇到的问题很常见，以下是几个能快速定位解决的方向：

• 替换为绝对路径：你当前用的是相对路径gallery/images/opengraph.jpg，Discord的爬虫是从外部访问你的站点，相对路径会被解析成基于爬虫的请求路径，大概率找不到图片。把路径改成带完整域名的绝对路径，比如https://你的域名/gallery/images/opengraph.jpg。

• 检查图片的可访问性：确认服务器没有给图片设置防盗链限制，或者阻止了Discord爬虫的UA。可以用命令行模拟爬虫请求：

  curl -A "Discordbot/1.0" https://你的域名/gallery/images/opengraph.jpg
  

  如果返回的不是图片内容，说明服务器拦截了请求，需要调整服务器配置（比如Nginx的referer规则、防火墙策略）。

• 补充完整的OG图片元标签：只设置og:image有时候不够，平台可能需要额外的尺寸和类型信息来正确渲染预览。添加这几个标签：

  <meta content="1800" property="og:image:width" />
  <meta content="945" property="og:image:height" />
  <meta content="image/jpeg" property="og:image:type" />
  

• 刷新平台缓存：Discord会缓存抓取到的OG数据，就算你修改了标签，旧缓存可能还在生效。可以在分享链接后面加个随机参数（比如?refresh=1），强制平台重新爬取；或者用平台官方的链接调试工具重新生成预览。

• 验证图片本身：确认图片没有损坏，文件大小不要超过平台限制（Discord一般要求预览图片不超过8MB）。可以用本地图片查看器打开确认，或者压缩图片到合适大小再测试。

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