可能的重复项:
Facebook Sharer 如何選擇圖片?
根据Facebook的Open Graph协议文档,您可以包含多个og:image
元属性,以将多个图像与您的页面相关联:
og:image
- 应 在 图。图片必须至少为 50 像素 50px,具有最大宽高比 比例为3:1。我们支持PNG,JPEG和 GIF 格式。您可以包括多个og:image
标签以关联多个 图片与您的页面一起。
但是,当我在 URL Linter 中加载我的页面时,我收到一条警告:
重复标签:您多次使用"图片",但它应该只显示一次
那么到底是哪一个呢?
有没有更好的方法将多个缩略图与页面相关联?
您可以添加多个 og:image 元标记。 Facebook具有左/右箭头控件,允许用户在图像之间进行选择。
如果 URL Linter 看到多个 og:image 标记,它应该在调试下显示为具有多个值的数据源:
从
<meta property="og:image" />
中提取了 3 个值:[图像 位置], [图像位置], [图像位置]
作为 og:image 元标记的替代方法,您可以将缩略图添加到 DOM 的末尾,并将其可见性设置为隐藏。 缩略图将被Facebook识别,即使它们在页面本身上不可见。 我通常这样做是为了采取额外的预防措施,因为我过去经历过一些元标记的不稳定行为。