问题
When somone send link in Skype or Discord, it can create image and description, like is shown on screenshots:
I think its because of <meta>
tags in HTML <head>
.
But in HTML can be hunderts of <meta>
tags.. I found this page on GitHub, Link: https://gist.github.com/lancejpollard/1978404
And that's so many tags. Is there someone who know only tags, which is making these images and descriptions on Skype and Discord?
I tried adding some meta tags, favicon, and title, but it not works, I don't know which <meta>
tags I need.
Code i tried:
<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" />
And it looks like this:
(Skype is taking
<title>
but where is an image?)And.. discord shows only basic link. Who knows how to automatically add image and some text when is sent a link? (btw zzz.com isn't my website, only for example)
Thanks,
Oliver.
回答1:
<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" />
And the image displayed as the link preview on Skype is the thumb image specified in og:image (that is not available anywhere else on the page).
Keep in mind that Skype may also cache information.
来源:https://stackoverflow.com/questions/54266598/meta-tags-for-url-with-description-and-image-in-skype-discord