2011-08-20 21 views
10

Facebookで自分のウェブサイトにリンクすると、サムネイルが表示されますが、表示したいサムネイルではありません。サムネイルを変更するにはどうすればいいですか?それは私がイメージを変更するにはどうすればよいのオブジェクトデバッガーFacebookのリンクのサムネイルを変更する

http://developers.facebook.com/tools/debug/og/object?q=totelfootball.com

上の画像を示していますか?

私は同様の投稿を見ましたが、問題の簡単な解決方法はありませんか?それはFacebookにコーディングに関与することはできませんか? totelfootball.comのHTMLに画像メタタグ:あなたはOGを追加することで表示されるものサムネイルを選択することができ

答えて

9
  1. ゴーhttp://developers.facebook.com/tools/debug
  2. からfbrefresh=CAN_BE_ANYTHING
により、次のURLを入力します。

例:

  1. http://www.example.com?fbrefresh=CAN_BE_ANYTHING
  2. http://www.example.com?postid=1234&fbrefresh=CAN_BE_ANYTHING
  3. OR訪問: http://developers.facebook.com/tools/debug/og/object?q=http://www.example.com/?p=3568&fbrefresh=89127348912

私は昨夜と同じ問題を抱えていた、と私はいくつかのウェブサイトからこのソリューションを得ました。

あなたのキャッシュのサムネイルが保存されます。サーバーから画像を削除しても、サムネイルは変更されません。しかし、Facebookはあなたを使ってリフレッシュすることができますfbrefresh

私はこれが役立ちます。

+3

'fbrefresh'には何も特別なものはありません。あなたが実際にやっているのは、要求されたURLを変更することだけです。新しいサイトとして扱われます。同じ結果に対してクエリ文字列を変更することができます。 私はこの混乱が、2008年の初めのFBブログで言及された_example_に由来すると信じています。 – AndrewF

9

あなたは<head></head>

このタグに追加することができます<link rel="image_src" href="http://URL-TO-YOUR-IMAGE"/>

OR

<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:og="http://ogp.me/ns#" 
xmlns:fb="http://www.facebook.com/2008/fbml"> 

<html>タグを変更し、タグ<head></head> このタグに追加

<meta property="og:image" content="http://URL-TO-YOUR-IMAGE" /> 

リンクをテストするためにを忘れないでください。using facebook debug tool

+1

xmlns = "http://www.w3.org/ 1999/xhtml "とxmlns:fb =" http://www.facebook.com/2008/fbml "を参照してください。仕事をしているようだ。 –

-2

これより簡単です。

あなたが共有したリンクに移動します。新しいタブで開きます。

右上 - > [更新共有添付ファイル

新しいサムネイル画像を取り込み取得し、あなたは別のものを選択するオプションを取得します。

・ホープこのことができます:)

+0

これは、Webサイトの所有者ではなく、エンドユーザー向けです。 OPはデフォルトで適切なものが表示されることを望んでいます。 –

2

Facebookはあなたがリンクを投稿する際に、表示する画像、タイトル、説明を決定するために共有しているページのメタタグを使用しています。メタタグの構文は、FacebookのOpenGraph specificationに従います。

あなたが定義する必要がある最も重要なメタタグがあります:あなたがサイトあなたを完全に制御を持っている場合はもちろんの

  • <meta property="og:title" content="The title of the sharing preview" />
  • <meta property="og:description" content="The first few lines of content below the title" />
  • <meta property="og:image" content="http://example.com/your-image-1200x630px.jpg" />

これはのみ動作します分かち合う。ニュース記事のような外部リンクを共有している場合、サイトにアクセスできず、したがってメタタグを変更することはできません。私はShareKit.ioを使用しています。これにより、共有しているリンクのタイトル、説明、イメージをメタタグを使っていなくても変更できます。

関連する問題