링크를 게시 할 때 tumblr이 페이지 미리보기 이미지를 가져 오는 방법은 무엇입니까?

Question

tumblr에서 링크를 공유하면 페이지의 블로그 게시물 이미지를 가져 오는 경우가 있습니다.

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

어떻게해야합니까 텀블러 이미지를 잡아 : 그것은 축소판이다 것은이 이미지를 잡아 것

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

예를 들어, 내가 좋아하는 뭔가를 공유하는 경우? 포함시킬 메타 태그가 있습니까?

이

<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/

을하지만 텀블러에 게시 할 때, 그것은 기능을 갖춘 이미지를 잡아하지 않습니다.

Answer 1

이 메타 속성은 귀하의 사이트가 이러한 속성을 설정 한 것으로 보인다

http://ogp.me/에 걸쳐 더 머리를 내용 텀블러에

<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" /> 

를 표시하도록 이미지를 얻을해야 내가의 URL을 넣을 때이를 얻을 수 텀블러에 귀하의 사이트 ...