Как 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/

Ваш сайт, кажется, эти свойства устанавливают и я получаю это когда я ставлю URL из ваш сайт на Tumblr ...