web-dev-qa-db-ja.com

og：image Open Graph警告の画像サイズ

Facebookはog：imageで設定した画像を使用しないため、URLを確認します

rl fb check

私の画像：639x649px 486kbしかしfbはこの画像を使用します：300x443px 97kb

警告は言った：

og：imageは大きくする必要があります：og：imageが十分な大きさでない場合。少なくとも200x200、できれば1500x1500の画像を使用してください。 （最大画像サイズは5MBです。）代わりに画像「画像からのURL、サイズ：300x443px 97kb」が使用されます。

しかし、1500x1500pxの画像を作成し、サーバーにアップロードし、更新して、上部のリンクをもう一度確認しようとすると、結果は同じです。

facebookfacebook-opengraphresolution
33
user1721620

Facebookでの私の経験から、コンピューターが決定論的なマシンであることに疑いがありました:)

場合によっては、任意のサイズの画像（200〜1500ピクセル）を受け入れますが、場合によっては画像が小さすぎると文句を言います（og：imageは大きくする必要があります） image 2乗および最小サイズより大きい（400x400pxなど）。同じリンクでリンターとFBステータスフィールドに3つのog：imageがすべて表示された後、2週間後に突然動作が停止し、FBステータスフィールドで共有しようとすると1つのイメージのみが表示され始めました）、 およびその逆。 FBは異なるドメインで問題があるように見える場合があります（たとえば、ページはwww.example.comにあり、og：imageはwww.picdumpexamplesite.comにあります）。

私見それはひどく壊れています、そしてあなたができる最善のことは：
-画像を正方形にし、「数百」に丸めます。サイズ300x300px
-同じサーバーでホストします（同じドメイン名）
-jpgを使用
-ファイル名に「奇妙な」文字が含まれないようにします（文字と数字のみを使用します）
-上記の何かが機能することを祈ります:)

74
T.J.

これが私の悲惨な物語です。うまくいけば他の人の助けになります。

私は同様の警告を受けていました：

Provided og:image is not big enough. Please use an image that's at
least 200x200 px.

しかし、これはウェブサイトの一部のページでのみ発生し、他のページでは発生していませんでした。私たちが一貫して使用するCMSは427px x 307pxすべてのページの画像。この画像へのURLをog:imageタグ。

上記のヒントを試した後、動作するページのJPGファイルと動作しないページのJPGファイルを比較して、動作しないファイルにはEXIFメタデータが含まれていることがわかりました。 Photoshopのメタデータを削除し、Webページを更新して、ページを Facebook Debugger に再送信しました。

tl; dr-og：imageからEXIFデータを削除します。

19
MuckerMarc

持っていた

<meta property="og:type" content="website" />

メタタグ内。

その行を削除し、機能しました。

現在のタグは次のようになります。

<meta property="og:title" content="Title Here" />       
<meta property="og:url" content="http://www.mysite.com" />
<meta property="og:image" content="http://www.mysite.com/images/myimage.jpg"/>
15
Mike

私の経験では、FacebookはURLの2回目のスクレイプで画像サイズのエラーをクリアすることがよくあります。任意のサイズの画像の最初のスクレイプでエラーが発生します。私が抱えている問題は、最終的に画像を使用し、ページ投稿で使用するために任意に2：1にトリミングすることです。

4
Jon Burr

同じエラーが発生していましたが、og:description。説明を追加すると、画像は機能しました。

1
gerbz

私は次の追加タグを追加することで私のために働いたことがわかりました...

<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="855" />

投稿で述べたように Facebookリンターはog：imageが小さすぎると報告し、代わりに選択した画像よりも大きい場合

1
rbassett

私はこの投稿や他の投稿で多くの提案を試みましたが、役に立ちませんでした。解決策（他で見たことがない）は、以前に完全に省略した<head>要素に正しいプレフィックスを追加することでした。

<head prefix="og: http://ogp.me/ns#">

それが実際に問題を解決したのか、それともデバッガーにイメージの適切な再スキャンを強制したのかはわかりません。このソリューションが他の人の助けになることを願っています。

1
disantlor

100の丸みと四角についての考えは正しくありません。どこで入手したのかわかりません。このウェブを見てください。 URLをデバッグしてみてください http://www.stipendije.ba/novost/1969

また、「強い」色、巨大なコントラスト、奇妙なキャラクターもあります。

0
user2260237

Facebook URLデバッガーを使用して正規URLのキャッシュを強制的に更新することでこれを解決しました。これはトリックでした。正確な正規URLではないURLを更新しようとしていました（末尾のスラッシュがありませんでした）。正しいURLの新しいメタデータを取得すると、すべてが正しく解決および表示されていました。

0
Travis Todd

SeeBeenは正しいと思います。 Facebookは数百に四捨五入された数字を好み、画像が正方形であるかどうかはあまり気にしないようです。

たとえば、610x281の画像ではなく、700x300の画像を適切に選択します（これらは私のテストの実際の例です）。 og：imageが610x281であり、FBがサイドバーから300x600バナー広告を選択し、og：imageを完全に無視するという問題がありました。生の画像ファイルを700x300に変更すると、正常に機能しました。

これはすぐに変わると思いますが、今のところ（2013年3月）うまくいくようです。

0
fgshepard