53

Facebook のオープン グラフの特定の URL に関連付けられた画像は 50 x 50 より大きくなければならないことを読みました。

ただし、Facebook オブジェクト デバッガーを実行すると、次の警告が表示されました。

「小さな og:image: og:image で参照されるすべての画像は、両方のサイズで少なくとも 200 ピクセルである必要があります。指定された URL でタグ og:image を持つすべての画像を確認し、最小仕様を満たしていることを確認してください。」

私たちの URL はhttp://www.famousbirthdays.com/people/charlie-chaplin.htmlで、画像は [オブジェクト プロパティ] の下に表示されます。

画像を 200 x 200 より大きいサイズに変換する必要がありますか? それともそのままにしておいていいですか？現在は 65 x 75 の画像です。

ご協力いただきありがとうございます！

4

15 に答える 15

20

編集: Facebook はドキュメントを修正しました:

ルチアーノの回答から：

og:image は、両方のサイズで少なくとも 200px である必要があり、1500x1500 が推奨されます。(最大画像サイズは5MBです。)

于 2012-06-26T16:59:50.387 に答える
16

それはかなり明確です。サイズは 130x110 ピクセルを超えることはできず、一辺が 200 ピクセル以上である必要があります。イメージをTARDISに保存すれば、それは完全に可能です。

真剣に、私はちょうどこれに出くわしました.ページが少し前にうまく集まったので、私はかなり混乱しました. これはタイムライン レイアウト用に設計された変更であり、ドキュメントが更新されていないだけだと思います。私が見つけられないのは、og:images が「少なくとも」1 辺あたり 200px である必要がある場合、最大値と現在の推奨サイズは何かということです。確かにWTF。

スコット

于 2012-06-29T00:53:07.950 に答える
8

私は頭を悩ませた同じ問題を抱えていました。私はワードプレスサイトを使用しているので、www. wordpress admin > settings >generalサイトアドレス/ワードプレスアドレスなどを確認してください。これにより、他のURLエラーが克服されます。
画像の問題に関しては、これをヘッダーファイルに入れるとうまくいったということだけです。これを以下に追加しました。

<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:image" content="http://yourwebsite.com/images/yourimage.jpg"/>
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="og:title" content="your website page title"/>
<meta property="og:url" content="http://yourwebsite.com"/>
<meta property="og:site_name" content="site name and content etc"/>
<meta property="og:description"content="description of site" />
<meta property="og:type" content="Website"/>

ワードプレスでは <title><?php wp_title( '|', true, 'right' ); ?></title>、そこに残しました。

また、私のインスタンスの他の投稿で示唆されているように、このコード <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / >は非機能になりました。それを削除すると、すぐに修正されました。

500 x 500 の画像を使用しました。頑張ってください..うまくいけば、私は他の誰かの痛みを救います.

于 2013-04-08T14:28:48.233 に答える
6

次のルールに従ってください。

  1. 「高解像度デバイスで最適に表示するには、1200 x 630 ピクセル以上の画像を使用してください。」
  2. 「トリミングせずにニュース フィードに画像全体を表示するには、画像の縦横比をできるだけ 1.91:1 に近づけるようにしてください。」
  3. 画像の推奨幅は 1500px です

上記の原則に従うと、推奨される画像の幅は 1500 ピクセル、高さは 786 ピクセルになります(これにより、1.91:1 のアスペクト比が維持されます)。

出典: Facebook: ベスト プラクティスの共有

于 2014-03-19T18:54:31.440 に答える
4

ドキュメントを更新したようです：

画像は少なくとも 50 ピクセル x 50 ピクセル (最小 200 ピクセル x 200 ピクセルが望ましい) で、最大アスペクト比が 3:1 である必要があります。

developers.facebook.com/docs/reference/dialogs/feed

于 2013-01-14T07:48:30.810 に答える
4

仕様上のバグのようです。回避策は、画像を 200 ピクセルにして、見たくない部分を切り取るか、オリジナルが十分に大きい場合は画像を縮小することです。たとえば、画像が 25x25 ピクセルの場合、両方のサイズに 175px を追加し、overflow:hidden css プロパティと幅/高さが 25x25 の div 内にその画像をネストできます。最もきれいではありませんが、うまくいきます。

ドキュメントが不十分であるという問題に対処し、これが実際の仕様なのかバグなのかを明らかにするために、Facebook でバグ チケットを作成しました。http://developers.facebook.com/bugs/210269722417284

于 2012-04-18T18:01:49.803 に答える
3

Facebook 開発者ページから:

高解像度デバイスで最適に表示するには、1200 x 630 ピクセル以上の画像を使用してください。少なくとも、600 x 315 ピクセルの画像を使用して、より大きな画像を含むリンク ページの投稿を表示する必要があります。

詳細については、こちらをご覧ください。ポイント4をご確認ください

于 2014-01-23T14:39:08.210 に答える
2

高解像度デバイスで最適に表示するには、1200 x 630 ピクセル以上の画像を使用してください。少なくとも、600 x 315 ピクセルの画像を使用して、より大きな画像を含むリンク ページの投稿を表示する必要があります。

参照: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images

于 2014-08-25T10:36:09.497 に答える
1

https://developers.facebook.com/docs/plugins/checklist/#opengraphtagsから

  1. 適切な Open Graph タグを使用して配布を促進する

ページの HTML に Open Graph タグを含めると、コンテンツが Facebook で共有されたときに Facebook クローラーがより適切なプレビューを生成できるようになります。

実装する必要がある基本的な Open Graph タグは次のとおりです。

タグの説明

  1. og:title ブランディングを除いた記事のタイトル。
  2. og:site_name Web サイトの名前。たとえば、imdb.com ではなく IMDb です。
  3. og:url 投稿の一意の識別子である URL。SEO に使用する正規 URL と一致する必要があり、セッション変数、ユーザー識別パラメーター、またはカウンターを含めないでください。これを不適切に使用すると、この URL のいいね! と共有が集計されず、URL のすべてのバリエーションに分散されます。
  4. og:description コンテンツの詳細な説明で、通常は 2 ～ 4 文です。
  5. og:image リンクを共有するときに表示する画像の URL。1200x630 ピクセル以上の画像を使用することをお勧めします。
于 2013-12-27T11:24:27.807 に答える
0

私は同じ問題に遭遇しました。徹底的なテストを行っていないため、画像を表示するための要件が​​何であるかを正確に言うことはできません. 画像を >200x>200 (具体的には 350x350) に切り替えた後、それらが表示されたと言えます。

于 2012-04-18T06:59:52.107 に答える