Мета-теги для URL с описанием и изображением (в Skype, Discord) - PullRequest
Новая
       46

Мета-теги для URL с описанием и изображением (в Skype, Discord)

0 голосов
/ 19 января 2019


Когда кто-то отправляет ссылку в Skype или Discord, он может создать изображение и описание, как показано на скриншотах:
Skype (Img + Descr)
Discord (Img + Descr)

Я думаю, потому что<meta> тегов в HTML <head>.Но в HTML может быть много тегов <meta>. Я нашел эту страницу на GitHub, ссылка: https://gist.github.com/lancejpollard/1978404 И это так много тегов.Есть кто-то, кто знает только теги, которые делают эти изображения и описания в Skype и Discord?

Я попытался добавить некоторые метатеги, favicon и title, но это не работает, я не знаю, какие <meta> тегов, которые мне нужны.

Код, который я пробовал: 

<title>Weird Website</title>
<meta name="description" content="Ehm.. weird website"/>
<meta name="url" content="http://www.weirdwebsite.idk/">
<link rel="icon" href="favicon.ico" type="image/x-icon" />

И это выглядит так:

Skype (Title of page)
(Skype принимает <title>а где образ?)
Discord (Only URL)
и .. раздор показывает только основную ссылку.Кто знает, как автоматически добавлять изображение и текст при отправке ссылки? (кстати, zzz.com не мой сайт, только для примера)
Спасибо,
Оливер.

1 Ответ

0 голосов
/ 19 января 2019 
<meta property="og:title" content="Site Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://my.site.com" />
<meta property="og:image" content="http://my.site.com/images/thumb.png" />
<meta property="og:description" content="Site description" />

И изображение, отображаемое в качестве предварительного просмотра ссылки в Skype, является изображением большого пальца, указанным в og: image (которое больше нигде не доступно на странице).

Имейте в виду, что Skype также может кэшировать информацию.

...