配置OG标签后，Instagram DM仍无法显示WordPress网站预览图

核心排查与修复步骤 #

• 验证OG标签有效性
  用Instagram官方链接预览调试工具检查标签识别情况，重点确认：

  • og:image的URL可直接访问，无防盗链、登录验证或CDN缓存阻碍
  • 图片符合规格：推荐至少1200x630像素、1.91:1比例，格式用JPG/PNG，文件大小不超5MB
  • 补充og:image:width和og:image:height标签，缺失可能导致预览加载失败

• 排查主题与SEO插件冲突
  若使用Yoast、Rank Math等SEO插件：

  • 进入插件社交设置页，确保「Open Graph」功能启用，且页面级图片设置优先级高于Astra主题
  • 临时禁用缓存插件（如WP Rocket、W3 Total Cache），清除全站缓存后重新测试，缓存可能导致旧标签未更新

• 修复图片访问权限

  • 检查服务器.htaccess文件，移除限制Instagram爬虫的User-Agent拦截规则
  • 确认SSL证书有效，og:image:secure_url的HTTPS链接可正常打开，避免混合内容警告

• 强制刷新Instagram缓存
  Instagram会缓存预览数据，更新标签后需触发刷新：

  • 用调试工具重新抓取链接，更新缓存
  • 发送链接时添加随机参数（如?v=123），绕过现有缓存测试

额外注意事项 #

• 图片文件名避免特殊字符或空格，确保URL编码正确
• 完整设置og:title、og:description等基础OG标签，缺失可能导致预览不加载

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