自分のウェブサイトのリンク ボタンをクリックすると、Facebook で、これこれを気に入ったという通知が届き、ウェブサイトのロゴが表示されます。ただし、ウェブサイトのロゴを表示せずに、製品の画像を表示したいです。
この URL https://developers.facebook.com/docs/reference/plugins/like/のステップ 1 のようなボタンを使用しています。
自分のウェブサイトのリンク ボタンをクリックすると、Facebook で、これこれを気に入ったという通知が届き、ウェブサイトのロゴが表示されます。ただし、ウェブサイトのロゴを表示せずに、製品の画像を表示したいです。
この URL https://developers.facebook.com/docs/reference/plugins/like/のステップ 1 のようなボタンを使用しています。
オープン グラフのメタ タグ、特にイメージ タグを確認する必要があります。og:image
.
タグの完全な例とそれらがどのように機能するかはhttp://developers.facebook.com/docs/opengraphprotocol/にありますが、必要なものの一般的な要旨は次のとおりです。
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>My Movie Website</title>
<meta property="og:title" content="My Movie Website"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://mymovies.com/images/logo.png"/>
<meta property="og:site_name" content="My Movies"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="Some content description blah..."/>
...
</head>
...
</html>
このタグを設定することで、Facebook に画像を読み込むように指示する必要があります。これは、 http://developers.facebook.com/tools/debugの Facebook ツールを介してオンラインでテストできます。