You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

配置OG标签后,Facebook/Telegram分享链接无预览图问题求助

解决社交媒体分享无预览图的问题

嘿,我来帮你一步步排查这个分享预览图失效的问题!你已经配置了og:image和og:image:secure_url标签,而且用了Yoast SEO自动生成,这方向是对的,但咱们得深挖下细节:

1. 先确认图片本身是否符合平台要求

  • 规格达标:Facebook、Telegram这类平台对预览图有明确要求:
    • Facebook:推荐尺寸1200×630像素(比例1.91:1),最小不能低于600×315像素,文件大小尽量控制在8MB以内
    • Telegram:偏好清晰的大图,建议同样遵循1.91:1的比例,避免过小或拉伸变形
      你可以检查下money.jpg的实际尺寸和大小,不符合的话调整后重新上传替换。
  • 图片可公开访问:直接在浏览器打开图片URL,确认能正常加载,没有防盗链、登录限制或者HTTPS证书错误(你的链接是HTTPS,这点没问题,但要确保证书有效)。

2. 排查Yoast SEO的配置冲突

  • 页面级vs全局设置:进入问题页面的编辑界面,找到Yoast SEO面板的「社交」标签,查看页面专属的og:image是否被错误设置(比如选了空白或其他图片)。同时去Yoast的全局设置→「社交」,确认已经开启了OG标签的自动生成功能。
  • 刷新Yoast缓存:Yoast有时会缓存旧设置,你可以先保存一次页面的Yoast配置,再清除WordPress的所有缓存(包括插件缓存、服务器缓存),确保最新的OG标签能输出到页面源代码中。

3. 验证OG标签是否正确输出

  • 查看页面源代码:打开问题页面,右键选择「查看页面源代码」,搜索og:image,确认标签确实存在,content里的URL完全正确,没有拼写错误、多余字符或者路径问题。
  • 用官方调试工具检测:这是最关键的一步!
    • Facebook的共享调试工具:输入你的页面URL,它会详细列出所有OG标签的检测结果,包括图片加载失败、尺寸不达标、缓存过期等具体问题,还能一键刷新平台缓存。
    • Telegram可以发送链接给@WebpageBot,它会返回页面的预览信息和错误提示,帮你定位问题。

4. 处理缓存问题(最常见的坑)

  • 社交媒体平台缓存:哪怕你修复了标签,平台可能还在展示旧的缓存内容,一定要用上面的调试工具刷新缓存,之后再测试分享效果。
  • WordPress缓存:如果用了缓存插件(比如WP Rocket、W3 Total Cache),记得清除插件缓存和服务器端缓存,确保爬虫能抓取到最新的页面源代码。

5. 排查其他冲突因素

  • 插件冲突:有些社交分享插件也会生成OG标签,可能和Yoast的标签冲突。你可以暂时禁用其他社交类插件,然后重新测试标签是否正常。
  • 服务器限制:检查服务器的robots.txt文件或防火墙设置,确认没有阻止Facebook、Telegram的爬虫IP段,否则爬虫无法抓取图片和标签,自然无法生成预览。

按照这个顺序排查,大概率能找到问题所在!

内容的提问来源于stack exchange,提问作者Navid M

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.15 06:50:07