web-dev-qa-db-ja.com

og:imageは、8Mbの最大許容サイズを超えたため、ダウンロードできませんでした

リンクを画像と共有する必要があるWebサイトを構築します。これを完了しましたが、どのくらいの頻度かわかりません...しかし、今回はFacebook Open Graph Debuggerが次のように言っています:

og:image {image url}は、8Mbの最大許容サイズを超えたためダウンロードできませんでした

しかし、参照される画像は108KBだけですか?私のサーバーが遅すぎるかもしれないともう一度応答しました。しかし、ブラウザに画像をロードするだけですぐに表示されます。私は今どこを見るべきですか?

49
Genoil

これはバグです。警告が表示された後、デバッグを再試行するか、「Scrape Again」をクリックすると、エラーメッセージが表示されなくなります。これは問題です。誰かが投稿を共有しようとすると、画像は破棄されないため表示されませんが、後続の共有には画像が表示されるためです。

バグレポートを購読するか、コメントを追加できます。

https://developers.facebook.com/bugs/1626463061012181/

ええ、これは4月17日頃に起こり始めました。これで問題が解決することを願っています。

編集:

Facebookチームは回避策を示しました。

この問題は、誤解を招くようなエラーメッセージに関連しているようです。それまでの間、クローラーはレンダリングされる前に少なくとも1回は画像を見る必要があるため、コンテンツの一部を共有する最初の人はレンダリングされた画像を見ることができません。これは実際の問題であるようであり、回避策はここで入手できます: https://developers.facebook.com/docs/sharing/best-practices#precaching ここに投稿しますエラーメッセージを更新したら。

og:image:widthおよびog:image:heightグラフタグを開くトリックを実行するようです。前に試してみたが、多くはしなかったと断言できますが、今回はうまくいくようです。

59
Luis Franco

これは2017年5月にも引き続き問題になります。

  • og:image:widthとog:image:heightを追加する
  • imgを1200x630に手動でサイズ変更します(FBの推奨最小値)
  • サイズを最も近い100分の1に丸めます(他で見たソルン)
  • ファイルサイズが実際に8MB(322 KB)を大幅に下回っていることを確認しました
  • 非アルファ文字を除外するためにファイルの名前を変更しました
  • imgからjpgへの変換。

私の場合の唯一の「解決策」は、Webページの非https://バージョン(つまり、単純にhttp://)でFB共有デバッガーを実行することでした。その後、「og:imageは8Mbの最大許容サイズを超えたためダウンロードできませんでした」というエラーメッセージが消えました。 FWIW、FBは、http:からhttps:への301リダイレクトを示しました。

(私はこれをコメントとして投稿したでしょうが、まだ十分な信用を持っていません。)

5
Kringle

今日、この問題を経験しました。

他の回答のバグへの開発者リンクは問題が修正されたと言っているので、私は私が経験した問題に関する情報を提供すると思いました。

実際、私のWebサイトは、HTTPではなくHTTPS(SSLを使用)で使用されることが期待されています。ツールには、明らかにHTTPSを使用してアドレスを指定します(ページ上のすべてのURLはHTTPSであり、Sharing Debuggerに貼り付けるURLもHTTPSです)。それでも、彼らはテストで何らかの理由で「S」を落とし、暗号化せずにサーバーにヒットしたため、失敗しました。

他の人を助けることができると思った。暗号化されていないウェブサイトを有効にすることで、Facebookはすべてが整ったので動作し始めました(そしてしばらくの間そうでしたが、そのエラーは私を夢中にさせました!)

3
Alexis Wilke

私はこれが古い質問であり、受け入れられた答えを持っていることを理解していますが、今のところ、2018年の時点で、上記の解決策のどれも自分でうまくいきませんでした。最終的に機能したのは、回避策の組み合わせです。

  • og:imageタグにHTTPバージョンを追加し、HTTPSバージョンを指すog:image:secure_urlタグを追加します。デバッガーツールでは、イメージの取得は非同期プロセスであるため、最初の要求には使用できないというメッセージが表示されるはずです。
  • og:image:heightog:image:width、およびog:image:typeメタタグを適切な内容で追加します。デバッガーの非同期メッセージが消え、最初のフェッチで画像も表示できるはずです。

私のウェブサイトはHTTPSのみです(HTTPリクエストはHTTPSバージョンにリダイレクトされます)。画像はAmazon S3でホストされます。 Cloudfront CDNを使用していますが、og:imageをS3から直接提供する必要がありました。 CDNから画像を提供しようとしても、画像が既にCDNにキャッシュされている限り正常に機能するようです。イメージがCDNにキャッシュされておらず、CloudfrontがリクエストをS3に転送すると、FBデバッガーはエラーを報告します。

FBは、og:imageメタに記載されているリダイレクトとHTTPSバージョンではうまく動作しないようです。

2
l.varga