提供 og:image URL,[url to AWS S3] 无法作为图像处理,因为它具有无效的内容类型

Posted

技术标签:

【中文标题】提供 og:image URL,[url to AWS S3] 无法作为图像处理,因为它具有无效的内容类型【英文标题】:Provided og:image URL, [url to AWS S3] could not be processed as an image because it has an invalid content type 【发布时间】:2019-12-30 22:18:30 【问题描述】:

建立我的公司网站并希望在我在 facebook 上分享链接时显示图像。每个页面都会显示正确的元描述和标题,但不会显示图像。 facebook 调试器工具不断给我这个错误,每次我分享一个链接时,它都会说它的内容类型无效。

我希望每次在 facebook 上分享链接时都会出现我的徽标,因此我将其扩展至我的 base.html 文件中。

这是在我的 base.html 页面中:

  <meta property="og:image:url" content="% static 'img/ssg600.png' %"/>
  <meta property="og:image:secure_url" content="% static 'img/ssg600.png' %"/>
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="600"/>
  <meta property="og:image:height" content="600"/>
  <meta property="og:type" content="website"/>

静态链接附加到我的 aws s3 帐户,在我开始使用这些元标记之前,图像在 FB 上显示得很好。现在它不起作用,我不知道为什么。

【问题讨论】:

看HTML源代码的url是什么? 【参考方案1】:

我发现了这个问题。我很笨,最后输错了静态网址。它应该是 %"static 'static/img/ssg600.png' "%

对于那些想知道为什么他们的图片没有出现的人,我要说的是 1. 检查您的链接,2. 确保您的 amazon s3 图片是公开的(可以通过单击呈现在你的网站。如果它是公开的,它会显示出来。否则它会说访问被拒绝。) 3. 确保你的元 URL 与你呈现的页面匹配(另一个页面我似乎有正确的信息,但我包含了错误的元url,因此图像无法正确呈现。”

【讨论】:

以上是关于提供 og:image URL,[url to AWS S3] 无法作为图像处理,因为它具有无效的内容类型的主要内容,如果未能解决你的问题,请参考以下文章

Jquery 选择元 [property=og:image]?

Facebook like - 显示缓存版本 og:image,刷新或重新索引的方式?

Flutter Web:SPA:在元数据标签中使用 URL 参数

无法修复:应显式提供“og:image”属性,即使可以从其他标签推断出值

FB 调试器说我的 og:image 应该更大,即使它很大

在对象调试器中获取错误的 ogtype