Telegram Web消息预览模版如何设置?

夜阑珊夜阑珊07月05日3603

Telegram网页版消息预览模板怎么设置?就是说分享链接过来的时候能有好看的封面,有大神知道吗?

5 个回答

农淑哲
农淑哲回答于 07 月 05 日
最佳答案

Telegram的网页版消息显示效果很大程度上由网页本身的元标记(meta tags)决定。具体做法为:

1. 准备高清封面1200x630px

2. 网页代码中添加Open Graph协议标签,主要填写og:title、og:description、og:image参数值

3. 保证图片连接是公开可访问URL地址

4. 用robots.txt或在线工具测试下链接能否被抓取

5. 修改后等待几秒,等Telegram缓存更新

如果你不能自己去控制源码,就联系网站管理员去加标签,类似微信公众号这种自动生成的卡片,官方目前是不提供的,得需要开发者的配合,实际测试时可能会有一定的延迟,不要着急刷屏查看,原理上和公众号的卡片预览是一样的。

程箫吟
程箫吟回答于 07 月 05 日

你指的是在Telegram网页端分享链接的时候生成的卡片样式吧?这个不是Telegram控制的,而是取决于网页代码里面有没有写Open Graph的meta标签。

举个例子。

1. 网站标题:

2.

3. 图片尺寸大于等于1024x512,图片格式jpg或png

你还可以用Telegram自带的机器人@WebPagePreviewBot来测试效果。但需要注意的是,Telegram缓存比较顽固,修改标签后,可能需要等待几小时才会更新。

大瑾瑶
大瑾瑶回答于 07 月 06 日

网页的meta标签必须设置正确,如og:title、og:description等重要参数。图片的尺寸必须足够大,建议至少为600x315像素。图片建议采用jpg或png等格式,不要采用webp等格式。

如果是站长,检查一下网页head标签是否符合规范。如果是普通群众,那就祈祷对方网站有做SEO优化。Telegram是展示内容,具体内容由链接来源决定。

缓存可能会影响预览更新,请尝试通过新的链接触发抓取。这与微信公众号的分享预览是一样的原理。

酒高丽
酒高丽回答于 07 月 07 日

Telegram网页版消息预览的模板,其实和普通网页预览一样,取决于网站本身的元标签。

在HTML代码中添加Open Graph标签,如:

og:title写文章标题

og:description写简介

og:image设图片

og:url定义链接

当标签被爬虫抓取之后别人分享你的链接的时候就会显示相应信息。图片推荐300×200像素左右。

不要使用动态图片,很容易导致加载失败。测试的时候使用Telegram的分享测试工具,实时查看结果。

宫宛菡
宫宛菡回答于 07 月 08 日

分享链接到TG,显示封面,需要链接本身支持Open Graph协议。你发的是自己的站点链接吧。在网站源码中增加相应的meta标签,如og:image、og:title等属性,浏览器解析到这些标签后,TG会自动抓取并生成封面。

非网站管理员,只能发别人已经做OG的链接。如果是自己的网站,建议开发人员加一个简单的代码。操作起来不难,非技术人员有门槛。这个原理和微信公众号的图文预览一样。

此外,TG会缓存旧的预览信息,可以尝试更新网页后,先删除链接,再重新发送一遍,这样大部分情况就可以更新封面了。

您的答案