WordPress站点Facebook分享时og:image预览图无法加载如何修复
WordPress重复og:image标签导致Facebook分享预览异常修复方案
Facebook调试工具报错:「推断属性:即使该值可从其他标签推断得出,也应当显式提供'og:image'属性」
重复的og:image:url标签会导致Facebook爬虫无法识别正确的预览图,按以下步骤排查修复:
- 第一步:排查主题内置OG输出能力
绝大多数WordPress主题默认自带Open Graph标签输出功能,和Yoast SEO的OG设置形成重叠,即使卸载冲突社交插件也会出现重复标签。进入后台「外观」-「自定义」,查找主题设置中社交媒体、社交元数据、Open Graph相关分类,关闭主题自带的OG标签输出开关后保存设置。 - 第二步:手动清理残留OG输出钩子
如果找不到对应主题设置项,可以在当前主题的functions.php文件末尾添加如下代码,移除所有非Yoast生成的OG标签输出:// 清理非Yoast SEO生成的重复Open Graph标签 add_action('wp_head', 'clean_duplicate_og_tags', 0); function clean_duplicate_og_tags() { if (class_exists('Yoast\WP\SEO\Main')) { // 移除WordPress核心自带的OG标签输出 remove_action('wp_head', 'wp_ogp_render'); // 移除社交插件残留的OG输出钩子 remove_action('wp_head', 'usm_add_meta_tags', 10); } } - 第三步:重置Yoast SEO社交配置
进入Yoast SEO设置的「社交媒体」选项卡,确认已勾选启用Open Graph元数据,在「默认分享缩略图」栏上传符合Facebook要求的备用图(最小分辨率1200*630px,文件大小不超过8MB),保存设置后清空全站缓存(包括服务器缓存、CDN缓存、WordPress插件缓存)。 - 第四步:重新抓取页面验证
打开Facebook链接调试工具,输入对应页面地址后点击「再次抓取」,确认页面仅存在一条og:image和对应的og:image:url标签,即可正常生成分享预览。
内容的提问来源于stack exchange,提问作者Mert Yiğit
相关产品推荐
相关产品推荐

