Как телеграмма показывает значок некоторых веб-сайтов?

Я работаю с телеграммой в Windows и ее онлайн-версией на web.telegram.org, когда я делюсь ссылкой с моим другом, Telegram показывает значок или логотип некоторых веб-сайтов в этом сообщении:

Изображение

Первый веб-сайт — vajehyab.com, и он также имеет favicon (но не показывает этот значок веб-сайта), а второй — Stackoverflow, и, как вы видите, логотип stackoverflow. и небольшое описание показывает рядом с ним.

Делают ли веб-сайты что-то или имеют какие-то метаданные, которые позволяют Telegram получить доступ к их логотипу, или это статическая программа, созданная программистами Telegram и установленная логотипом некоторых известных веб-сайтов?


html css metadata telegram
person Community    schedule 11.05.2015    source источник
comment
Вы можете узнать о соответствующей технологии: ogp.me OpenGraph   -  person m4n0    schedule 11.05.2015

Ответы (2)


arrow_upward
35
arrow_downward

Просто добавьте эти теги на свой сайт

<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" />
person Manikiran    schedule 11.05.2015
comment
Я добавил эти теги, но мой веб-сайт по-прежнему не отображается в предварительном просмотре. Как сделать ссылку на логотип? - person Sadik; 07.06.2016
comment
Вы должны добавить что-то вроде <meta property="og:image" content="http://www.example.com/images/logo.png" />, и ботам обычно требуется некоторое время, чтобы снова найти на вашем сайте изменения в открытых графиках. - person Manikiran; 07.06.2016
comment
вы можете мгновенно обновить предварительный просмотр с помощью телеграмм WebpageBot - person Sadik; 07.06.2016
comment
похоже, он не работает с изображениями favicon.ico. Имеет ли значение формат изображения? - person pii_ke; 02.04.2021

arrow_upward
12
arrow_downward

Помимо добавления того, что предложил @Manikiran, вам нужно добавить это

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

а потом использовать телеграммы @WebpageBot

person Dmitriy Kuznetsov    schedule 09.09.2016