2016-02-23 2 views
13

Skypeで特定のリンクを共有すると、ページからの画像でプレビューが表示されます。私が働いているウェブサイトでは、特定のページに大きな画像がありますが、代わりにSkypeがウェブサイトのロゴを取得します。私は、Skypeが意図したイメージをピックアップしてプレビューするメタタグを見つけることができませんでした。Skypeフレンドリーなリンクを作成する方法(画像タグをプレビューする)

<link rel="image_src" href="http://www.example.com/path/to/img.png" />私はFacebook共有プレビュー(img.pngがウェブサイトのロゴの代わりに使用されます)では動作しますが、Skypeでは動作しません。

どのようにイメージをプレビューに使用するべきなのでしょうか?

+0

これは良い質問です。私はテストが唯一の方法だと思う... –

答えて

12

これをサポートするにはソースが必要ですが、開いているグラフのメタデータを定義しておけば、そこに指定されているイメージが選択されると思います。例えば、私は私のサイトのいずれかでこれらを持っている:

<meta property="og:title" content="Site Title" /> 
<meta property="og:type" content="website" /> 
<meta property="og:url" content="http://my.site.com" /> 
<meta property="og:image" content="http://my.site.com/images/thumb.png" /> 
<meta property="og:description" content="Site description" /> 

とSkype上のリンクのプレビューとして表示された画像がog:imageで指定された親指の画像である(つまり、ページ上のどこにも使用できません)。

+4

ありがとう、それは働いた!私は 'og:type'を省いていたので、当初は正しくできませんでした。必要なタグは 'title'、' type'、 'url'と' image'であり、興味深いことに 'description 'はすばらしいプレビューを妨げていました。 – ddinchev

+0

こんにちは、スカイプはjavascriptを実行しますか?私は角度のあるアプリケーションとjavasctiptによってそれらのフィールドを束縛しています。 –

+0

私は非常に、@ user1315599を疑う。 Skypeサーバーに負荷がかかると想像してみてください!静的HTMLからog:imageタグを取得することは、それに比べて比較的安いです。 –

関連する問題