【问题标题】:What part of the website is the link thumbnail?链接缩略图是网站的哪一部分?
【发布时间】:2019-07-20 13:59:17
【问题描述】:

这个问题有点不同,但例如,如果我要通过 Instagram 私信发送我的网站链接,该链接会显示一个徽标的缩略图,然后是我的描述。我试图了解该缩略图的来源,因为它不是选项卡的图标。我的客户希望我更改缩略图图像,但我试图找出它从哪里读取它,以便我可以在我的自定义 HTML 中更改它。

【问题讨论】:

  • 我到处都在搜索这个,但在谷歌上找不到任何东西或堆栈溢出,任何帮助都会很棒!
  • 大多数社交网络解析和理解 Open Graph 标签:ogp.me - 你很可能想要og:image

标签: html icons thumbnails


【解决方案1】:

该图像通常作为来自Open Graph protocolog:image 元数据提供。

如果您想控制显示的图像,那么您需要将以下 <meta> 元素放在您的 <head> 元素中:

<meta property="og:image" content="mycustomimage.png">

确切的图像尺寸更难确定。 Facebook(开发了 Open Graph 协议)recommends images that are at least 1080px wide

【讨论】:

  • 感谢您的评论。我试过这个,当我通过电子邮件发送链接时它起作用了。通过电子邮件,它确实显示了我希望它显示的图像,但是,当它通过 Instagram 完成时,它仍然显示我假设可能在网站本身上找到的原始像素化徽标。在 Instagram 上表现良好很重要的原因是该链接被发送到该平台上的许多不同客户。是否有原因它没有使用我在 instagram 上通过 og:image 属性设置的图像,而是通过电子邮件?
  • @josephT Instagram 将结果缓存一段时间。您可以通过developers.facebook.com/tools/debug/sharing 清除该缓存 - 它适用于 Facebook/Messenger,以及 Instagram 归他们所有。不过,我不能保证它适用于 Instagram。
  • @ceejayoz 做到了!谢谢!
猜你喜欢
  • 2018-05-02
  • 2022-06-13
  • 1970-01-01
  • 2014-10-31
  • 2023-03-16
  • 1970-01-01
  • 2011-06-02
  • 2016-02-17
  • 2015-12-13
相关资源
最近更新 更多