【问题标题】:Image not showing while sharing URL on other platform在其他平台上分享 URL 时图片不显示
【发布时间】:2020-05-09 19:07:30
【问题描述】:
<meta property="og:image" content="https://vickygupta16.github.io/Images/VickyGupta.jpg">
<meta property="og:image:type" content="image/jpg" />
<meta property="og:image:width" content="240" />
<meta property="og:image:height" content="240" />
<meta property="og:image:alt" content="Display Picture" />

在社交媒体平台上分享 URL 时,我无法查看应显示的图像。

我尝试了不同的宽度和高度并更新了我的 github 存储库,但在共享 URL 时仍然没有得到图像。

我知道我错过了一个简单的步骤,解决方案可能非常简单,但我无法解决。

【问题讨论】:

    标签: html facebook github meta-tags


    【解决方案1】:

    查看following Facebook recommendations for images

    对于高分辨率设备,请使用至少 1,200 x 630 的图像 像素。要发布带有大图像链接的页面,请使用带有 尺寸至少为 600 x 315 像素。

    我们更改了带有链接的页面的发布:现在是方面 PC 和移动设备上的 News Feed 的图像比例相同 设备。尽量保证 1.91:1 的宽高比,这样 新闻提要未裁剪。

    【讨论】:

      【解决方案2】:

      在我看来一切都是正确的。问题在于并非所有社交媒体平台都配置为使用 OGP(即并非所有平台都能理解这些标签)。所以可能有几件事:

      1. 您尝试使用的社交媒体不支持任何社交元标记
      2. 您尝试使用的社交媒体有自己的标签(例如 Twitter)
      3. 社交媒体网络已缓存内容,在您上次修改后尚未更新

      对于数字 1,没有解决方案。对于数字 2,尝试查找平台使用的标签。对于第 3 项,请清除浏览器上的缓存和 cookie,然后重试。

      【讨论】:

      • 我试图在 WhatsApp 中分享 URL……唯一显示的是标题、描述和站点名称……尽管我没有发布相同的代码,因为它们显示正确。只剩下图像显示。
      猜你喜欢
      • 2012-11-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-14
      • 2013-07-11
      • 1970-01-01
      • 2013-04-13
      • 2013-02-16
      相关资源
      最近更新 更多