Facebook调试器返回206状态码无错误但不显示OG图片求助

问题详情 #

• Facebook调试器返回206部分内容状态码，无任何错误提示，但OG预览图始终无法加载；同一图片在Twitter、VK、Telegram、Signal均能正常显示。
• 网站使用Vercel托管，仅采用HTTPS链接，已开启gzip编码。
• 已尝试的操作：
  • 替换使用og:image:secure_url和og:image:url标签，未解决问题；
  • 图片规格为1200×630px、796KB，尝试过JPG、JPEG-2000格式，无效。

当前页面OG元标签代码 #

<meta property="og:title" content="Тест: нейросеть или долбоёб / лгбт-пропаганда"/>
<meta name="twitter:title" content="Тест: нейросеть или долбоёб / лгбт-пропаганда">
<meta property="og:description" content="17&nbsp;октября в&nbsp;государственной думе прошли слушания по&nbsp;законопроекту о&nbsp;запрете &laquo;пропаганды нетрадиционных сексуальных отношений&raquo;. Слушания, как всегда, отметились одиозными высказываниями депутатов. Предлагаем вам угадать, какие из&nbsp;этих цитат настоящие, а&nbsp;какие&nbsp;&mdash; работа нейросетей" />
<meta name="twitter:description" content="17&nbsp;октября в&nbsp;государственной думе прошли слушания по&nbsp;законопроекту о&nbsp;запрете &laquo;пропаганды нетрадиционных сексуальных отношений&raquo;. Слушания, как всегда, отметились одиозными высказываниями депутатов. Предлагаем вам угадать, какие из&nbsp;этих цитат настоящие, а&nbsp;какие&nbsp;&mdash; работа нейросетей">
<meta property="og:type" content="website"/>
<meta name="twitter:card" content="summary_large_image">
<meta property="og:url" content="https://lgbtpropaganda.media/test_neyroset_ili_dolboyob.html"/>
<meta property="og:image" content="https://lgbtpropaganda.media/img/test_neyroset_ili_dolboyob_og.png" />
<meta name="twitter:image:src" content="https://lgbtpropaganda.media/img/test_neyroset_ili_dolboyob_og.png">
<meta data-rh="true" property="og:image:width" content="1200">
<meta data-rh="true" property="og:image:height" content="630">
<meta property="og:locale" content="ru-RU" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, height=device-height" />

调试器显示截图 #

可能的解决方案 #

1. 检查Range请求处理：206状态码是部分内容响应，Facebook爬虫可能发送了Range请求但服务器处理异常。在Vercel上，排查是否有自定义响应头或中间件干扰了Range请求处理，尝试禁用相关配置后重新测试。
2. 禁用图片的gzip编码：虽然gzip通常没问题，但Facebook爬虫可能对压缩图片的处理存在兼容性问题。在Vercel配置中，针对OG图片路径关闭gzip编码，改用原始格式返回。
3. 更换无透明通道的PNG格式：如果当前PNG带透明通道，尝试保存为无透明的PNG版本，Facebook对透明图片的识别可能存在问题。
4. 强制刷新Facebook缓存：在调试器中多次点击“Scrape Again”按钮，确保爬虫重新获取最新的页面和图片数据，缓存残留可能导致旧状态持续。
5. 验证图片Content-Type头：确认服务器返回的图片Content-Type是正确的image/png（或对应格式的MIME类型），错误的MIME类型会导致Facebook无法识别图片。

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