【发布时间】:2021-04-08 14:56:01
【问题描述】:
我对图像的 Open Graph 元标记有一些问题,经过大约 2 小时的调试后我无法解决这些问题。
这是我的标签:
<meta property="og:image" content="%PUBLIC_URL%/images/PNG/placeholder.png" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta property="og:image:type" content="image/png" />
但它没有显示在 Facebook 开发者调试器中,如下图所示:
这是开发者页面上显示的预览:
我尝试了许多不同的方法来获取图像,例如content="https://nerdee.io/images/PNG/placeholder.png"。
和
content="/images/PNG/placeholder.png"
没有运气
这是我的文件结构:
【问题讨论】:
-
虽然您的 og:image 宽度和高度标签显示您的图像是 1280 x 720,但当我下载您的图像 placeholder.png 时,我得到的是 8.89 MB 大小的 2560 x 1440 图像。 Facebook 的 limit 是 8MB。尝试缩小图像,看看会发生什么。
-
另外,使用您的
og:image- nerdee.io/images 的完整网址... -
@RichDeBourke 我试过没有运气
-
还有,很奇怪,我机器上的图片是720p
标签: html reactjs image facebook-opengraph meta