2

Facebookのようなサムネイル画像を変更する必要があります。これを試しました

<link rel="image_src" href="thisurl" />

この

<meta property="og:image" content="thisurl"/>

後でこれを頭に入れる必要があることに気付きましたが、コードの構造のためにそこで変更できず、必要なURLを決定することはできません（そこにある画像用に持っている変数にアクセスできません)、このように変更できます

<html>
<head></head>
<body>
...
modify in here
...
</body>
</html>

また、変更できる領域にjavascriptを使用してメタタグを作成しようとしましたが、影響はありません

head 要素の内部を変更することなく、サムネイルとして必要な画像をFacebookに伝える方法を知っている人はいますか

4

1 に答える 1

2

サムネイル画像は、rel="image_src" または opengraph タグを使用して、あなたが言ったようにヘッダーに入れる必要があります。

HTML 本文にサムネイル画像を指定する

Facebook がヘッダーからサムネイル画像を取得できない場合、コンテンツから取得しようとします。通常は最初に気に入った画像を取得するため、特定のサムネイルを強制的にページに含めないようにする場合は、タグの直後に(インライン css display:noneを使用して) 非表示の画像を配置します。

<img src=”http://www.website.com/images/thumbnail.jpg” alt=”thumbnail” height=”200″ width=”250″ style=”display:none” />

これを行うには、次のことを忘れないでください。

  • サムネイル名にスペースを使用しないでください (FB はスペースをうまく管理しません)。
  • jpg を使用します (FB は png を好みません)。
  • 正しい寸法を使用してください（下記参照）

サムネイルのサイズを確認する

Facebook は、あらゆるサイズのサムネイルを好まない。最も重要なことは、高さと幅の比率が 1/3 未満であることです。したがって、40 と 100 は問題ありませんが、30 と 100 は機能しません。さらに、Facebook は最近、両方のサイズで少なくとも 200px の画像を好むようです (ただし、1/3 ルールを忘れないでください)。

Facebookのキャッシュを消去する

さらに、Facebook Debug Tool (以前はFacebook Linterとして知られていました) を使用して、すべてのテストの前に Facebook キャッシュを消去する必要があります: http://developers.facebook.com/tools/debug

フォーム フィールドに URL を挿入し、[デバッグ] をクリックします。Facebook に、リンクに関する情報を強制的に上書きさせます。まだ何か問題があると思うこともありますが、それはページの間違ったキャッシュ バージョンを使用しているからです。

Facebook Linter については、次の点に注意してください (OGraph のドキュメントによると):

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

于 2012-09-04T14:08:31.697 に答える