{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 姐就是有狂的资本 的问题《Meta tags for URL with description and image (In S》','https://www.manongdao.com/q-1242215.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
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.
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.