html FB OpenGraph og:图像,链接文件夹?

6ojccjat  于 2022-12-16  发布在  其他
关注(0)|答案(1)|浏览(113)

我正在向一个项目添加 meta标记,我已经阅读了OpenGraph文档,但是每次我看到og:image时,接下来总是一个URL。有没有可能用相对路径传递一个文件?

文件结构:

public
   index.html
   images
    staticimage.png

我可以只链接到图像路径吗?

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

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

jfgube3f

jfgube3f1#

相对URL将不起作用,og:image属性只能处理完整URL。
og:image属性具有一些可选的结构化属性:

  • og:image:url-与og:图像相同。
  • 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

相关问题