如何为多个og:image元素设置高度和宽度

Question

如果您设置多个og:image头部信息，如下所示：

  <meta property="og:image" content="img1.png" />
  <meta property="og:image" content="img2.png" />

如果图片尺寸不同，如何设置多个宽度和高度？

    <meta property="og:image:width" content="100">
    <meta property="og:image:height" content="100">

我只能设置一个宽度和高度元素吗？还是可以像这样设置多个：

  <meta property="og:image" content="img1.png" />
  <meta property="og:image:width" content="100">
  <meta property="og:image:height" content="100">

  <meta property="og:image" content="img2.png" />
  <meta property="og:image:width" content="200">
  <meta property="og:image:height" content="200">

- Michael Edwards

Answer 1

您可以设置多个。根据文档，您可以在声明其根标记后放置结构化属性。每当解析另一个根元素时，该结构化属性被视为已完成，另一个属性就开始了。

例如：

<meta property="og:image" content="https://example.com/rock.jpg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:image" content="https://example.com/rock2.jpg" />
<meta property="og:image" content="https://example.com/rock3.jpg" />
<meta property="og:image:height" content="1000" />

这个页面上有3张图片，第一张图片大小为300x300，中间的图片尺寸未指定，最后一张图片高度为1000像素。

- Alessandro