こんにちは!
TwitterやLinkedInにリンクを投稿しようとすると、画像が生成されない問題が発生しています。代わりにこれらの画像が表示されてしまいます。メタデータにロゴを設定していますが、表示されません。希望する画像が表示されるようにするには、どうすればよいでしょうか?
よろしくお願いします!
こんにちは!
TwitterやLinkedInにリンクを投稿しようとすると、画像が生成されない問題が発生しています。代わりにこれらの画像が表示されてしまいます。メタデータにロゴを設定していますが、表示されません。希望する画像が表示されるようにするには、どうすればよいでしょうか?
よろしくお願いします!
ここで動作します - これが期待される画像ですか?
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がブロックしていることが原因だと推測されます。
ああ、そうですかね。こちら側でできることは他にないようですね?
ご協力ありがとうございます!
Discourse側ではありません。
次のステップは、この仮説をテストすることです。
Cloudflareガイドに従っていることを確認してください。
Cloudflareを一時的に無効にすると役立つかもしれませんが、Twitter/LinkedInは結果をキャッシュしている可能性があり、すぐに効果がない場合があります。
アクセスログに詳細情報があるかもしれません。
これについてCloudflareのコミュニティに投稿すると役立つかもしれません。
参考までに、https://community.cloudflare.com/ はTwitter/LinkedInで正しく表示されているようです。明らかに彼らはこれを機能させています。