リンク画像が正しく機能しない問題

こんにちは!

TwitterやLinkedInにリンクを投稿しようとすると、画像が生成されない問題が発生しています。代わりにこれらの画像が表示されてしまいます。メタデータにロゴを設定していますが、表示されません。希望する画像が表示されるようにするには、どうすればよいでしょうか?

よろしくお願いします!


これはLinkedInからのものです

ここで動作します - これが期待される画像ですか?

「いいね!」 1

Discourse のトピックにおける画像リンクプレビューの問題ではなく、Twitter/LinkedIn などのプラットフォームでのフォーラムリンクの表示に関する問題ということですね?

そうです!しかし、TwitterやLinkedInに表示される画像ではありません。

はい - TwitterとLinkedInには表示されません

opengraph tester によると、すべて問題ないはずです。

<!-- HTML Meta Tags -->
<title>Zoo Community Forum</title>
<meta name="description" content="A place for the community to help each other learn how to use the Zoo tools and API.">

<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://community.zoo.dev">
<meta property="og:type" content="website">
<meta property="og:title" content="Zoo Community Forum">
<meta property="og:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta property="og:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="community.zoo.dev">
<meta property="twitter:url" content="https://community.zoo.dev">
<meta name="twitter:title" content="Zoo Community Forum">
<meta name="twitter:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta name="twitter:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">

<!-- Meta Tags Generated via https://www.opengraph.xyz -->

TwitterとLinkedInに表示されるべき結果は以下の通りです。

問題はDiscourseが返しているデータにはないようです。

もちろん、Twitter/LinkedInがこのデータを受信していると仮定した場合です。

プレビューを生成するためにサイトをクロールするTwitter/LinkedInからのリクエストをCloudflareがブロックしていることが原因だと推測されます。

「いいね!」 1

ああ、そうですかね。こちら側でできることは他にないようですね?
ご協力ありがとうございます!

Discourse側ではありません。

次のステップは、この仮説をテストすることです。

Cloudflareガイドに従っていることを確認してください。

Cloudflareを一時的に無効にすると役立つかもしれませんが、Twitter/LinkedInは結果をキャッシュしている可能性があり、すぐに効果がない場合があります。

アクセスログに詳細情報があるかもしれません。

これについてCloudflareのコミュニティに投稿すると役立つかもしれません。

参考までに、https://community.cloudflare.com/ はTwitter/LinkedInで正しく表示されているようです。明らかに彼らはこれを機能させています。

「いいね!」 2