99

このメソッドを共有することを実装しようとしています。私は次のようにコードを使用しています

http://www.facebook.com/share.php?u=my_website_url

Facebookが表示されると、左側にいくつかのサムネイルが表示されます。これらの画像は私のウェブサイトから選んだものです。特定の画像をサムネイルとして選択する、または少なくともサムネイルの表示を停止するにはどうすればよいですか?

ブログアドレスから確認できます。

4

10 に答える 10

98

Facebook の仕様から、次のようなコードを使用します。

<meta property="og:image" content="http://siim.lepisk.com/wp-content/uploads/2011/01/siim-blog-fb.png" />

出典：フェイスブックシェア

于 2011-01-21T11:30:00.603 に答える
81

このブログ投稿に答えがあるようです: http://blog.capstrat.com/articles/facebook-share-thumbnail-image/

具体的には、次のようなタグを使用します。

<link rel="image_src" 
      type="image/jpeg" 
      href="http://www.domain.com/path/icon-facebook.gif" />

イメージの名前は、例と同じでなければなりません。

「プレビューが機能することを確認する」をクリックします

注: タグは正しい可能性がありますが、ドキュメントによると、Facebook は 24 時間ごとにスクレイピングするだけです。Facebook Lint ページを使用して、画像を Facebook に取り込みます。

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

于 2009-03-27T11:01:19.130 に答える
34

私のタグは正しかったのですが、ドキュメントによると、Facebook は 24 時間ごとにのみスクレイピングを行っています。Facebook Lint ページを使用して、画像を Facebook に取り込みました。

ここに URL を入力すると、FB がページのメタデータを更新します。

https://developers.facebook.com/tools/debug (更新されたリンク)

于 2010-12-14T15:52:34.437 に答える
22

Facebook はOpen Graph Protocolog:tagsを使用して、共有ダイアログ または Facebook のニュース フィードで URL をプレビューするときに表示する情報を解読します。

次のog:tagsような情報が含まれています。

  • ページのタイトル
  • ページの種類
  • URL
  • ウェブサイト名
  • ページの説明
  • ページの管理者の Facebook user_id ( Facebook で)

以下は、いくつかの例です ( Facebook のドキュメントから抜粋)。og:tags

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

の正しいマークアップを実装し、og:tagsそれらの値を設定したら、Facebook Debuggerを使用して、Facebook が URL をどのように表示するかをテストできます。デバッガー ツールはog:tags、ページ上で検出された問題や不足している問題も強調表示します。

覚えておくべきことの 1 つは、Facebookはこの情報に関していくらかのキャッシュを行うため、変更を有効にするために、ドキュメントに記載されているようにページをスクレイピングする必要がないということです。

メタ タグの編集

ページのタグを更新することで、ページの属性を更新できます。og:title と og:type は最初にのみ編集可能であることに注意してください。ページが 50 件のいいねを受け取るとタイトルが固定され、ページが 10,000 件のいいねを受け取るとタイプが固定されます。これらのプロパティは、既にページを気に入っているユーザーが驚くことを避けるために固定されています。これらの制限に達した後にタイトルまたはタイプのタグを変更しても何も起こらず、ページは元のタイトルとタイプを保持します。

変更を Facebook に反映するには、ページを強制的にスクレイピングする必要があります。ページの管理者が [いいね] ボタンをクリックするか、URL がFacebook URL Linter Facebook Debuggerに入力されると、ページがスクレイピングされます...

于 2012-01-16T23:27:38.460 に答える
11

提供されたすべての回答が正しいことがわかりました。ただし、重要な詳細が 1 つ見落とされていました。画像のサイズは 200 X 200 ピクセル以上である必要があります。そうでない場合、Facebook はサムネイルを、ページの基準を満たす最初に利用可能な画像に置き換えます。もう 1 つの事実は、Facebook が og:image を有効にするために必要な 3 つのメタを含めることです。

<meta property="og:title" content="Title of the page" />
<!-- NEXT LINE Even if page is dynamically generated and URL contains query parameters -->
<meta property="og:url" content="http://yoursite.com" />
<meta property="og:image" content="http://convertaholics.com/convertaholics-og.png" />

Facebook デバッガーでページをデバッグし、すべての警告を修正すると、魅力的に機能するはずです! https://developers.facebook.com/tools/debug

于 2013-09-15T20:45:18.733 に答える
2

私は同じ問題を抱えていて、それを解決したと信じています。ここで説明したリンク メタ タグを使用して、必要な画像を指定しましたが、これを行うと、FB が他の画像を選択肢として取得しないことが重要です。また、画像が大きすぎると、選択肢がまったくなくなります。

サイトを修正した方法は次のとおりですhttp://gnorml.com/blog/facebook-link-thumbnails/

于 2010-09-20T01:38:42.010 に答える
1

Facebook での共有: 画像、タイトル、テキストをカスタマイズして結果を改善する方法

上のリンクから。最大限のシェアを得るには、HTML で 3 つのデータを提案する必要があります。

  • 題名
  • 簡単な説明
  • 画像

これは、HTML の「head」タグ内に配置された次のコードによって実現されます。

  • 題名：<title>INSERT POST TITLE</title>
  • 画像：<meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/>
  • 説明：<meta name=description content="INSERT YOUR SUMMARY TEXT"/>

Web サイトが静的 HTML の場合、HTML エディターを使用してすべてのページに対してこれを行う必要があります。

Drupal のような CMS を使用している場合は、その多くを自動化できます (上記のリンクを参照)。ワードプレスを使用している場合は、おそらく Drupal の例をガイドラインとして使用して、同様のものを実装できます。これらがお役に立てば幸いです。

最後に、共有投稿はいつでも手動で編集できます。イラスト付きのこの例を参照してください。

于 2011-05-24T01:00:49.007 に答える
0

先週作業していたサイトでも問題が発生しました。いいねボックスを実装し、いいねボックスをテストしました。次に、ヘッダー (ob:image メタ) に画像を追加しました。それでも正しい画像が Facebook の通知に表示されませんでした。

私はすべてを試しましたが、いいねボタンのすべての実装がキャッシュされているという結論に達しました。たとえば、URL A の [いいね] ボタンを押して、ヘッダーに画像を指定し、URL A の [Luke] ボタンをもう一度クリックしてテストするとします。ページがキャッシュされているため、画像は表示されません。Bページの「いいね！」ボタンをクリックすると画像が表示されます。

キャッシュをリセットするには、上記の lint デバッガー ツールを使用し、キャッシュされている URL のすべてを検証する必要があります。

于 2012-01-16T21:20:50.840 に答える
0

Facebook Open Graph をすべての Joomla 記事に設定する最も簡単な方法は、次のコードを com_content/article/default.php オーバーライドに配置することでした。

$app    = JFactory::getApplication();
$path   = JURI::root();

$document = JFactory::getDocument();
$document->addCustomTag('<meta property="og:title" content="YOUR SITE TITLE" />');
$document->addCustomTag('<meta property="og:name" content="YOUR SITE NAME" />');
$document->addCustomTag('<meta property="og:description" content="YOUR SITE DESCRIPTION" />');
$document->addCustomTag('<meta property="og:site_name" content="YOUR SITE NAME" />');
if (isset($images->image_fulltext) and !empty($images->image_fulltext)) : 
    $document->addCustomTag('<meta property="og:image" content="'.$path.'<?php echo htmlspecialchars($images->image_fulltext); ?>" />');
else :
    $document->addCustomTag('<meta property="og:image" content="'.$path.'images/logo.png" />');
 endif;

これにより、現在の記事の詳細を含む meta og タグが head に配置されます。

于 2015-07-15T09:23:18.370 に答える