Question

我有一个用盖茨比建立的博客，我正在尝试为帖子添加共享功能。

我知道Facebook需要一定大小的图像才能添加到共享卡中标题的顶部，而不是标题的侧面。

当我检查Facebook调试器时，我看到共享卡看起来很好（标题上方有大图）。您可以在这里https://developers.facebook.com/tools/debug/og/object/?q=https%3A%2F%2Fkeen-leakey-7a99fa.netlify.com%2Ffamous-vietnamese-fruits%2F

进行检查

当我尝试分享帖子时，共享卡实际上较小。

我认为og:image:width中不存在height和meta标记可能是一个问题，但是在添加它们之后，它们似乎没有任何作用。

这些是我在元数据中拥有的一些属性

 { property: `og:url`, content: url },
 { property: `og:type`, content: `image/png` },
 { property: `og:image:width`, content: `1200` },
 { property: `og:image:height`, content: `630` },
 { property: `og:image`, content: image },
 { property: `og:title`, content: title },
 { property: `og:description`, content: metaDescription },

有什么问题的想法吗？

Answer 1

Facebook爬网程序尝试跟随您的og:url标记-指向https://elingos.com-并且没有定义图像-修复URL后它应该可以工作！

我通过使用Preview Plugin进行了检查，然后将该图像与直接来源进行了比较！

编辑-调试此URL的更好方法：

将来，您还可以使用Facebook Sharing Debugger，在“重定向路径”下可以看到它转到另一个URL的信息：）

盖茨比：在Facebook上分享->图片太小

1 个答案: