Facebook 开放图元标记 og:图像问题

Posted

技术标签:

【中文标题】Facebook 开放图元标记 og:图像问题【英文标题】:Facebook open graph meta tag og:image issue 【发布时间】:2015-07-16 10:23:15 【问题描述】:

我有带有 Facebook opengraph 元标记的 WP 博客。 http://comicfotos.ru/zakhvatyvayushhiy-rassvet-ozero_slovenia/ 但 Facebook 不会拍摄文章的第一张图片。我做错了什么?

【问题讨论】:

你调试过developers.facebook.com/tools/debug/og/object的url吗?还是错了吗? 【参考方案1】:

这可能有两个原因:

1) 您没有在 og:image 元标记中指定第一张图片。如果是这种情况,Facebook 会尽最大努力猜测并选择您网站上的任意图片。

2) 如果您确实指定了 og:image 元标记,并且这仅在您第一次分享您的 URL 时发生在您身上,那是因为 Facebook 在爬虫之前不会显示图片还没收到。

一种让它每次都一致显示的方法是同时指定 og:image:widthog:image:height 元标记。

这是一个样本,取自http://ogp.me/

<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

这里是提到这一点的官方 Facebook 文档:https://developers.facebook.com/docs/sharing/best-practices

【讨论】:

以上是关于Facebook 开放图元标记 og:图像问题的主要内容,如果未能解决你的问题,请参考以下文章

如何使用“og”(开放图)元标记进行 Facebook 分享

Facebook开放图形问题

无法使用开放图形元标记从我的 React next.js 网站共享 Facebook/Twitter 内容

facebook 分享按钮显示错误的缩略图

Facebook喜欢按钮没有链接到正确的URL

开放图形协议 - og:movie 与 youtube 链接