Facebookへのリンク共有で画像が表示されない(Open Graph)

周りを見回しましたが、答えが見つかりませんでした。
テストとして、このフォーラムのトピックをいくつかFacebookで共有しようとしましたが、画像が表示されませんでした。表示されるエラーの種類は次のとおりです。

提供されたog:image URL
https://d11a6trkgmumsb.cloudfront.net/optimized/4X/e/0/4/e04203d665f3ff3540361fdeedb76df8cf37df9b_2_1024x767.jpeg を画像として処理できませんでした。
破損しているか、無効な形式である可能性があります。
ホスト名を有効なIPアドレスに解決できませんでした。

トピックを共有してFacebookで画像が正しく表示された幸運な人はいますか?

お手伝いしたいのですが、ここで改善できる点が見当たりません。

URLは以下の通りです。

FacebookがAmazon CloudFrontに属するDNS名を解決できないのであれば、それはFacebook側の問題です。社内トラブルでも抱えているのでしょうか?

あるいは、Amazon側の問題かもしれませんが、可能性は低いです。

Facebookサポートにこの件について問い合わせてみてはいかがでしょうか?

共有された画像について少し混乱しています…?

私の知る限り、Facebookの「サポート」は存在しません。

しかし、これはFacebookの問題ではないようです。なぜなら、私自身のDiscourseのインストールでは画像が表示されるからです。ですから、それらを機能させるためのプロセスを知りたいだけです。トピックの最初の画像ですか?もしそうなら、なぜこのフォーラムのそのトピック(私が試した他のものと一緒に)が機能しなかったのに、私のものだけ機能したのですか?

これは未解決の謎になるかもしれません。

それがOPで言及されていた画像URLです。

このプロセスの流れは次のとおりです。

  • ユーザーがトピックURLをFacebookに投稿します
  • FacebookがトピックURLを取得し、opengraphタグを解析します
  • Facebookがog:image URLを識別します
  • Facebookがog:image URLを取得しようとします
    • FacebookがURLのホスト名をIPアドレスに解決します
    • FacebookがIPに接続します
    • FacebookがURLを取得します

URL https://d11a6trkgmumsb.cloudfront.net/optimized/4X/e/0/4/e04203d665f3ff3540361fdeedb76df8cf37df9b_2_1024x767.jpeg を取得しようとしているのに、Could not resolve the hostname into a valid IP address. というエラーが表示される場合、Discourseはそのプロセスのステップには関与していません。Amazon Cloudfrontのホスト名を解決しようとしているのはFacebookのサーバーです。

なるほど、これで分かりました。ありがとうございます。

Discourseが画像をどのように選択し、og:imageを設定しているかに何か問題があるのではないかと疑問に思っていました。しかし、私のDiscourseが(100%完璧ではないにしても)機能しているのであれば、あなたの言っていることに何か問題があるのかもしれません。

では、私の質問はまだ残っています。選択される画像は常にトピックの一番上の画像ですか?Discourseはそのように構築されているのですか?それともランダムに選択されるのですか?また、画像を選択する際に、画像の寸法などの特定の要件はありますか?自分のトピックに画像を含めたい場合に、適切にフォーマットできるようにしたいのです。

これは短いドキュメントには最適な場所ではないかもしれませんが、画像Markdownで|thumbnailヒントを使用して、別のサムネイルを選択できます。

「いいね!」 1

チップありがとうございます。知りませんでした。
画像の寸法についてはどうですか?要件はありますか?それとも、サイズ変更によって歪んでしまっても、どの画像でも使用されますか?

よくわかりませんが、どんな画像でも使用でき、リサイズは利用者に任されると思います。例えば、tryで小さい画像をテストしてみました。そのOneboxを見てみましょう。

https://try.discourse.org/t/testing-some-images-and-thumbnails-hint/1498

確かに少し紛らわしいですね。|thumbnailのロジックはすべてコアにあります。テーマコンポーネントは、コアに追加のサムネイルサイズを生成するように要求し、それらをトピックリストで使用します。その情報を持つ唯一のトピック(私が知る限り)だったので、引用しました。

Facebook Debuggerでテストしたところ、いくつかのエラーが発生し、画像が表示されませんでした。

明確にしていただきありがとうございます。これは私がいくつかのカテゴリで使用したい機能なので、間違いなくこのコンポーネントをインストールします。同様のコンポーネントであるTopic Cardsも確認しました。こちらも独自の強みがあるようです。