IE は、サイトのマークアップで次のタグを探して、ページのリンク プレビューを作成します。
プロパティ HTML タグ 文字数制限 画像 1 <meta property="og:image" content="insert_image_link_here" />2,048 (画像 URI の制限) 画像 2 <link rel="image_src" href="insert_image_link_here" />2,048 (画像 URI の制限) 画像 3 <meta name="image" content="insert_image_link_here" />2,048 (画像 URI の制限) 画像 4 <meta name="thumbnail" content="insert_image_link_here" />2,048 (画像 URI の制限) これは、各属性を解析する順序である点に注意してください。たとえば、画像 1 タグと画像 2 タグが両方とも存在する場合、画像 1 タグを使います。さらに、いずれかの種類のタグが複数存在する場合、リスト内の最初のタグをマークアップで使います。
[2] Link previews (Windows) ( ( 版)) http://msdn.microsoft.com/en-us/library/ie/hh920760(v=vs.85).aspx
[3] og:image は Facebook では一定サイズ以下の小さな画像の時、
表示されません。
Using a thumbnail meta tag
To specify a thumbnail image for a page, you can add a thumbnail meta tag to the <head> section of the page, like this:
<meta name="thumbnail" content="http://example/foo.jpg" />
FacebookやTwitterで記事がシェアされたときのプレビュー
そのほかOGP(Open Graph Protocol)に対応した各ソーシャルメディア
[7] Facebook の提供するデバッガーでは、 og:image が HTML文書中にあっても、
画像取得処理中(?)には表示されないようです。しばらく待って再度表示すると、
og:image も抽出されていることが確認できます。
[8]
Facebook も Twitter も、 og:image の URL がHTTPリダイレクトの場合にはリダイレクト先の URL を参照します。
同じ起源でなくても問題ありません。
画像は、当該ウェブページにおいてOGP設定されたものを利用しています。OGP設定された画像とは、ウェブページがSNSなどにおいてシェアされた場合、自動的にSNS上に表示されるように設定された画像をいいます。