twitter - ツイート内のツイッター画像サムネイル

Question

InstagramのようにTwitterで画像を表示する方法は？画像のサムネイルとして表示するために、Twitter がページ内で見つけようとするメタタグは何ですか? twitpic や instagram のリンクが提供されたときのように。

この例のように

Answer 1

http://embed.ly/を使用します

このサービスを使用して、すべての画像サービスの正規表現を作成し、それらのリンクを見つけて Embed.ly に渡し、画像のサムネイルを取得できます。

最も一般的なサービスの単純な正規表現のセットを作成できます。ここでは、私が使用するものを示します。

'#youtube\.com\/watch\?v=([_-\d\w]+)#i' => 'http://i.ytimg.com/vi/%s/1.jpg',
'#youtu\.be\/([_-\d\w]+)#i'             => 'http://i.ytimg.com/vi/%s/1.jpg',
'#qik\.ly\/([_-\d\w]+)#i'                       => 'http://qik.ly/%s.jpg',
'#twitpic\.com\/([\d\w]+)#i'            => 'http://twitpic.com/show/thumb/%s',
'#twitgoo\.com\/([\d\w]+)#i'            => 'http://twitgoo.com/show/thumb/%s',
'#hellotxt\.com\/i\/([\d\w]+)#i'        => 'http://hellotxt.com/image/%s.s.jpg',
'#ts1\.in\/(\d+)#i'                         => 'http://ts1.in/mini/%s',
'#moby\.to\/\?([\w\d]+)#i'                      => 'http://moby.to/%s:square',
'#mobypicture\.com\/\?([\w\d]+)#i'          => 'http://mobypicture.com/?%s:square',
'#twic\.li\/photo\/([\w]+)#i'           => 'http://twic.li/userimg/thumb_%s.jpg',
'#tweetphoto\.com\/(\d+)#'                      => 'http://api.plixi.com/api/tpapi.svc/imagefromurl?url=http://tweetp$
'#plixi\.com\/p\/(\d+)#'            => 'http://api.plixi.com/api/tpapi.svc/imagefromurl?url=http://plixi.$
'#phz\.in\/([\d\w]+)#'              => 'http://api.phreadz.com/thumb/%s?t=code',
'#imgur\.com\/([\w]{5})[\s\.ls][\.\w]*#i' => 'http://imgur.com/%ss.png',
'#imgur\.com\/gallery\/([\w]+)#i'           => 'http://imgur.com/%ss.png',
'#brizzly\.com\/pic\/([\w]+)#i'             => 'http://pics.brizzly.com/thumb_sm_%s.jpg',
'#img\.ly\/([\w\d]+)#i'             => 'http://img.ly/show/thumb/%s',
'#picplz\.com\/([\d\w\.]+)#'            => 'http://picplz.com/%s/thumb',
'#pk\.gd\/([\d\w]+)#i'              => 'http://img.pikchur.com/pic_%s_s.jpg',
'#pikchur\.com\/([\d\w]+)#i'            => 'http://img.pikchur.com/pic_%s_s.jpg',
'#znl\.me\/([\d\w]+)#'              => 'http://www.zannel.com/webservices/content/%s/Image-164x123-JPG.jp$
'#yfrog\.com\/([\d\w]+)#'                       => 'http://yfrog.com/%s:small',
'#instagr\.am\/p\/([_-\d\w]+)#i'        => 'http://instagr.am/p/%s/media/?size=t',
'#instagram\.com\/p\/([_-\d\w]+)#i'         => 'http://instagr.am/p/%s/media/?size=t',
'#twitrpix.com/([\d\w]+)#i'                 => 'http://img.twitrpix.com/thumb/%s',

Answer 2

これにはTwitterカードを使用できます

<meta name="twitter:card" content="photo" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Mountain sunset" />
<meta name="twitter:image" content="http://farm8.staticflickr.com/7334/11858349453_e3f18e5881_z.jpg" />
<meta name="twitter:url" content="https://www.flickr.com/photos/reza-sina/11858349453/" />

twitter カードバリデーターでカードをテストできます

robote.text の問題が見つかった場合は、 Twitter のドキュメントのように行うことができます