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

问题描述

如果您设置了多个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">

解决方法

您可以设置多个。 根据{{​​3}}，您可以在声明结构化根标记后放置结构化属性。每当解析另一个根元素时，就认为该结构化属性已完成并启动了另一个。

例如：

<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，中间一张图片的尺寸未指定，最后一张图片的高度为1000px。