2016-06-19 9 views
3

tumblrでリンクを共有すると、ページのブログ投稿画像を取得することがあります。リンクを投稿するとき、tumblrはページのサムネイル画像をどのように取得しますか?

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

どのように作るのですtumblrのイメージをつかむ:それは、サムネイルだのは、このイメージをつかむだろう

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

:たとえば、私のような何かを共有する場合は?あなたが含める必要があるいくつかのメタタグがありますか?

ソースコードを検索この画像は3回表示されます。

<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')"> 

誰もがそれを使用する1知っていますし、イメージをつかむ方法を選択するためのプロセスが何であるかを説明できますか?

元のページには、次のとおりです。http://www.patchesoft.com/learning-linux-how-to-find-what-version-of-linux-youre-running-command-uname-and-lsb_release/

しかし、私はTumblrの中にそれを投稿するとき、それは機能のイメージをつかむことはありません。

+0

あなたの例のようにメタを追加しようとしましたか? これは、facebookが正しいイメージ(https://developers.facebook.com/docs/sharing/webmasters)を取得する方法ですので、おそらくtumblrでも使用できます! – nowhere

+0

これはまたあなたを助けるかもしれません:http://stackoverflow.com/questions/10525543/tumblr-ignores-open-graph-tags – nowhere

+0

こんにちは、私はog:imageメタタグがページに含まれています。 しかし、Tumblrはまだこの画像を取得していません。 – Patchesoft

答えて

7

これらのメタプロパティは、あなたのサイトは、これらのプロパティを設定しているようだ

http://ogp.me/にかけてより多くのヘッドを学ぶためには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" /> 

を表示するためにあなたの画像を取得する必要がありますし、私はのURLを入れたとき、私はこれを取得しますあなたのサイトはtumblr ...

enter image description here

+0

それは 'property =" og:image "'であり、** 'name =" og:image "ではないことに注意してください。 – Jabba

関連する問題