この記事は デジタル創作サークル UniProject Advent Calendar 2025 および Qiita 全国学生対抗戦 Advent Calendar 2025 23 日目の記事です。
結論
Discord で OGP が出ない時はこれを使え！
Chrome 拡張もあるぞ！(下記リンク参照)
Discord で Qiita の OGP が表示されません！
アドカレが始まってよく Qiita の URL を Discord に投稿するようになって気づいたことがあります。
OGP が表示されません！！
普通の記事
普通の記事は、このように綺麗に OGP が出ます。
問題の記事
この記事も同じ条件下であるはずにもかかわらず、こちらは OGP がまるで表示されません。
原因
答えは既に GitHub 上にありました。
Qiita の社員さんいわく
一部の OGP 画像の URL の文字数が Discord で埋め込み可能な上限を超えていることが原因であると分かりました。
らしいです。
また、
この URL はただの画像 URL ではなく、 Qiita が 「投稿者情報＋記事タイトル入りの OGP 画像」 を動的に生成するための Imgix 用パラメータが満載の URL である
- 構成要素として記事タイトルやユーザー名、ユーザーのプロフィール画像の URL などがこの URL に組み込まれている
- このとき、組織ロゴも URL に組み込むと、そのぶん画像 URL が長くなる
- その結果、Discord の上限を超えてしまう
つまり、原因は「組織ロゴ」の存在であり、弊社ソニックガーデンだけがこの被害を被っているわけではない、ということっぽいですね。
ということも記載されていました。
つまり、どうしようもないと思われました。
が、そこで終わってはエンジニアとして失格ではないか、なんていう謎な闘争心が生まれてしまいました...(終わりの始まり)
なければ作ればいい！
ということで、解決するツールを作りました！
その名も、Qiita OGP Compressorです。
仕組み
仕組みは立ったのこれだけです！
Next.js の API Router を間に挟んであげることで、長すぎる問題を解決します。
- Qiita から OGP のタグを取ってくる
- API Router を使って、短くした URL に置き換える
使い方は下記リンクを参照してください。
最後に
今回は、Qiita の OGP が Discord で表示できない問題を、新たにツールを作ることで解決しました。
誰かの助けになれば幸いです。
改善要望やいいね+ストックもよろしくお願いします。