WordPress页面分享至Facebook时如何设置预览为视频而非站点logo
WordPress页面分享到Facebook不显示视频预览的设置方法
你现在遇到的预览显示站点logo的问题,核心原因是:Facebook生成分享内容的逻辑完全依赖读取页面头部的Open Graph(OG)元标签,系统不会自动扫描、识别你页面里嵌入的视频内容。现在的效果本质是你的页面OG标签默认套用了站点logo作为分享封面,且没有声明任何视频相关的参数,爬虫找不到可识别的视频资源,就会直接回退到默认的站点logo预览。
具体设置可以按下面的步骤操作:
- 先定位OG标签的生成来源:WordPress原生功能不会自动生成完整的社交分享元标签,这类标签一般是通过你站点安装的SEO插件(如Yoast SEO、Rank Math)、社交分享插件输出的,先找到对应插件的管理入口。
- 针对目标单页面配置专属的OG参数:
- 替换默认的分享封面:把插件自动抓取的站点logo,替换成视频的高清帧截图作为分享封面,建议选1200*630的通用尺寸,避免显示时被不合理裁剪。
- 补全视频专属的OG声明:
og:video:填写页面嵌入视频的直接公开播放地址(如果是第三方平台嵌入的视频,直接填视频在原平台的官方公开链接即可,注意不要填你自己当前页面的地址)og:video:type:匹配视频类型填写,第三方平台嵌入的视频填对应平台的标准MIME类型,自托管的mp4视频填video/mp4og:video:width、og:video:height:填写视频的实际宽高数值
- 刷新旧的预览缓存:Facebook会长期缓存你页面之前的抓取结果,所有参数配置完成后,需要通过Facebook官方提供的分享预览校验工具,强制清空页面的旧缓存,重新触发爬虫抓取你设置的新OG参数,否则页面还是会显示之前缓存的logo预览。
容易踩的坑
- 只在页面里嵌视频是出不来视频预览的:如果没有在OG标签里显式声明视频的地址、类型参数,哪怕页面里放了多个视频,Facebook也只会输出静态图片的分享效果,不会自动加载视频。
- 别把
og:video的地址填成本页链接:必须填视频本身的可公开访问的源地址,否则爬虫识别不到视频资源,依然会回到静态封面图的展示逻辑。 - 自托管视频要保证公开无权限限制:如果视频地址需要登录才能访问、有防盗链校验,Facebook的爬虫无法正常拉取视频资源,就算标签配置对了,也无法生成有效的视频预览。
内容的提问来源于stack exchange,提问作者BennKingy
相关产品推荐
相关产品推荐

