FB OpenGraph og:image, link 一个文件夹？

Question

我正在为项目添加元标记，我一直在阅读 OpenGraph 文档，但是每次我看到 og:image 接下来总是 URL.可以传入文件吗？

file structure:
public
   index.html
   images
    staticimage.png

Can I just...
<meta property="og:image" content="./images/staticimage.png" />

到目前为止它似乎没有起作用。

Answer 1

相对 URL 不起作用，og:image 属性只能处理完整的 URL。

og:image 属性确实有一些可选的结构化属性：

og:image:url - 等同于 og:image.
og:image:secure_url - 如果网页需要 HTTPS，则使用备用 url。
og:image:type - 此图像的 MIME 类型。
og:image:width - 像素宽度。
og:image:height - 高像素数。
og:image:alt - 对图像内容的描述（不是标题）。如果页面指定 og:image，它应该指定 og:image:alt.

完整图像示例：

<meta property="og:image" content="https://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
<meta property="og:image:alt" content="A shiny red apple with a bite taken out" />

来源： https://ogp.me/#structured

FB OpenGraph og:image, link 一个文件夹？

FB OpenGraph og:image, link a folder?

html

facebook-opengraph

meta-tags