网站社交分享og:image无法显示问题求助
强制OG图片使用JPG格式,绕过WebP转换
进入Imagify插件设置,将OG图片的存储路径(比如wp-content/uploads/og-images/)添加到WebP转换排除列表,禁止插件对OG图生成WebP格式。同时在WP Rocket的CDN配置中,设置OG图片路径不被替换为WebP,确保社交平台抓取到标准JPG文件。验证CDN图片的Content-Type响应头
用curl -I https://h6s8w3t6.rocketcdn.me/[你的OG图片相对路径].jpg命令检查CDN返回的响应头,确认Content-Type为image/jpeg。如果返回类型错误,调整WP Rocket CDN的媒体缓存规则,强制JPG文件返回正确的MIME类型。确保CDN域名的OG图片可正常访问
直接在浏览器打开CDN域名的OG图片URL,确认能正常加载。如果无法访问,检查WP Rocket CDN的同步规则,确保图片已正确上传到CDN节点。同时将OG标签里的图片地址直接替换为CDN域名,避免社交平台抓取原域名的404地址。强制社交平台刷新缓存
使用Facebook调试工具重新抓取文章链接,点击「Scrape Again」按钮,强制刷新平台缓存的OG数据。每次修改OG设置后都要执行这一步,确保平台获取最新信息。补全OG图片的规格标签
在页面的OG标签中添加og:image:width="1200"和og:image:height="630"属性,明确图片尺寸,帮助社交平台正确识别图片规格,避免因尺寸不明确导致的识别失败。
内容的提问来源于stack exchange,提问作者Casprom

