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

Html 如何设置多个og:image元素的高度和宽度,html,facebook-opengraph,social-media,Html,Facebook Opengraph,Social Media,如果设置多个og:image标头,例如: <meta property="og:image" content="img1.png" /> <meta property="og:image" content="img2.png" /> 如果图像的尺寸不同,如何设置多个宽度和高度 <meta property="og:image:width" con

如果设置多个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个图像,第一个图像为300x300,中间一个未指定尺寸,最后一个图像为1000px高