web-dev-qa-db-ja.com

リンクを投稿/ステータス/コメントに貼り付けるときにFacebookにサイトのロゴを表示させるにはどうすればよいですか?

Facebookは、ステータスの更新でリンクするWebサイトのサムネイルプレビューを表示するという、本当にすてきなことを行うことがあります。通常はWebサイトのロゴです。

fb status

これを自分のサイトで機能させるためのコツを知りたいので、「 http://www.mysite.com/ 」を共有すると、サイトのロゴ/そのプレビューボックスのファビコン。どうすればいいですか?

37
Hristo

このFacebookデバッガーツールでサイトを試してください。

http://developers.facebook.com/tools/debug

不足しているものがわかります。ページ頭の下に

<meta property="og:image" content="[url to image]" />
<meta property="og:title" content="[page name]" />
<meta property="og:description" content="[content description]" />

サイトの構築方法に応じて、さまざまな方法があります。例えば。 これ Wordpressプラグインはページ上の各画像のリンクを作成するので、ロゴとページ上の他の投稿画像を選択できます。

2017を更新:サイトに FacebookアプリIDを登録 を推奨します。そうしないと、デバッガーからエラーが返されます。 その他のタグと情報

75
chris

これをページのソースに追加できます。

<link rel="image_src" href="http://somesite.org/img/title.jpg" />

4
Steve