电报如何显示某些网站的图标?

Posted

技术标签:

【中文标题】电报如何显示某些网站的图标?【英文标题】:How does telegram shows the Icon of some websites? 【发布时间】:2015-07-21 12:31:47 【问题描述】:

我正在使用 windows 上的电报及其在 web.telegram.org 上的在线版本,当我与朋友分享链接时,电报在该消息中显示某些网站的图标或徽标:

Image

第一个网站是 vajehyab.com,它也有一个 favicon(但不要显示该网站图标),第二个是 ***,如您所见*** 的 logo 和一个小描述显示在它旁边。

网站是否做某事或有一些元数据允许 Telegram 访问其徽标,或者它是 Telegram 程序员和设置一些著名网站徽标的静态程序?

【问题讨论】:

可以了解相关技术:ogp.meOpenGraph 【参考方案1】:

只需将这些标签添加到您的网站

<meta property="og:title" content="Title" />
<meta property="og:site_name" content="Site name"/>
<meta property="og:description" content="Description" />
<meta property="og:image" content="Link to your logo" />

【讨论】:

我添加了这些标签,但我的网站仍未在预览中显示。您如何设置徽标的链接? 您应该添加类似&lt;meta property="og:image" content="http://www.example.com/images/logo.png" /&gt; 的内容,机器人通常需要一段时间才能再次搜索您的网站以查找打开图表中的更改。 您可以立即使用电报 WebpageBot 更新预览 它似乎不适用于 favicon.ico 图片。图片格式重要吗? 根据developers.facebook.com/docs/sharing/webmasters,仅支持jpeg、gif或png。【参考方案2】:

除了添加@Manikiran 建议的内容之外,您还需要添加此内容

<html prefix="og: http://ogp.me/ns#">

然后使用电报@WebpageBot

【讨论】:

以上是关于电报如何显示某些网站的图标?的主要内容,如果未能解决你的问题,请参考以下文章

仿站技术——获取和使用某些网站的iconfont图标字体

如何将文本和社交媒体图标放在同一行

如何在 chrome <HTML> 中显示网站图标

为啥某些应用程序图标可以显示在锁定屏幕上

根据当前选项卡显示或隐藏扩展图标

如何从 403 页面获取网站图标