Woocommerce产品分享至Facebook等社交平台时图片不显示问题求解

1. Open Graph（OG）标签校验 #

这是社交平台抓取分享内容的核心依据，优先排查：

• 确认页面仅输出了一套OG标签，不要同时开启多个SEO插件、主题自带的OG功能，重复标签会导致平台抓取逻辑混乱
• 检查og:image字段是否配置正确，值必须是直链的图片URL，不能是跳转链接；同时必须配套配置og:image:width、og:image:height属性，Facebook要求分享图最小尺寸为200200px，最优比例为1.91:1（推荐1200630px）
• 如果你使用Yoast SEO、Rank Math等SEO插件，需要在插件的社交设置板块为WooCommerce产品页单独配置默认分享图，同时确认单个产品的自定义分享图设置没有留空

2. 图片访问权限检查 #

• 确认产品图使用HTTPS协议，HTTP协议的图片现在会被绝大多数社交平台直接屏蔽，不会正常展示
• 检查服务器、CDN的防盗链规则是否限制了第三方爬虫访问，需要将对应社交平台的爬虫IP段加入白名单，避免图片请求被拦截

3. 缓存清理操作 #

• 调整完所有配置后，先清空站点的页面缓存、CDN缓存，确保前端页面输出的OG标签已经更新
• 社交平台会缓存已抓取过的页面分享数据，需要使用对应平台的官方调试工具刷新缓存后再测试分享效果

4. 特殊场景排查 #

• 如果产品页设置了密码保护、仅登录用户可见，这类访问限制会屏蔽社交爬虫的抓取请求，导致无法获取到产品图信息
• 针对可变产品，需要确认默认变体已经配置了有效的产品图片，避免平台抓取到空的变体图片地址

内容的提问来源于stack exchange，提问作者Ðîll Âkâsh