web-dev-qa-db-ja.com

Skypeに適したリンクを作成する方法(プレビューイメージタグ)

Skypeで特定のリンクを共有すると、プログラムがトリガーされ、ページの画像を含むプレビューが表示されます。私が作業しているWebサイト-特定のページに大きな画像がありますが、代わりにSkypeがWebサイトのロゴを取得します。 Skypeが目的の画像を取得してプレビューできるようにするメタタグを見つけることができませんでした。

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

では、プレビューに使用する画像をSkypeにどのように示唆しますか?

18
ddinchev

これをサポートするためにいくつかのソースを見つける必要がありますが、オープングラフのメタデータを定義している場合は、そこに指定されている画像を選択すると思います。たとえば、私は私のサイトの1つにこれらを持っています:

<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で指定されたサム画像です(ページの他の場所では使用できません)。

21
Alvaro Montoro