tumblr在发布链接时如何获取页面缩略图？

Question

当我在tumblr上分享链接时,它有时会抓住该页面的博客文章图片.例如,如果我分享如下内容:

http://www.smartpassiveincome.com/income-reports/my-may-2016-monthly-income-report/

它将获取此图像的缩略图:

http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg

你怎么让tumblr抓住图像？是否需要包含一些元标记？

搜索源代码此图像出现三次:

<meta property="og:image" content="http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg"/>

<meta name="twitter:image" content="http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg"/>

<header style="background-image: url('http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg')">

有谁知道它使用哪一个,并可以解释选择如何抓取图像的过程是什么？

原始页面是:http://www.patchesoft.com/learning-linux-how-to-find-what-version-of-linux-youre-running-command-uname-and-lsb_release/

但是当我把它发布到Tumblr时,它并没有抓住特色图片.

Answer 1

这些元属性应该让您的图像显示在tumblr上

<meta property="og:image" content="http://example.com/ogp.jpg" /> <!-- Required -->
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

要了解更多信息,请访问http://ogp.me/

您的网站似乎设置了这些属性,当我将您的网站的网址放在tumblr上时我得到了这个...