発生した問題

自サイトのOGP画像を新しくしたので、Qiita上で表示されるOGP画像も差し替えたかったが、古いOGP画像が表示され続ける問題に遭遇した。

上がもともと設定していたOGP画像で、下が新しく設定したもの。

Qiitaの記事エディタに貼り付けたURLはどちらも https://c6tower.github.io/smartphone-crash-simulator/ だが、上の古いほうのOGP画像がずっと表示されてしまった。

原因

Qiita側に古いOGP画像のキャッシュが残ってしまったことが原因の模様。

実施した操作 + 発生した事象は下記の通り。

自サイトのURLをQiita記事に貼る
Qiita記事に自サイトのOGP画像が表示される
a. このタイミングで、Qiita側にOGP画像のキャッシュが保存された模様
自サイトのOGP画像を更新する
Qiita記事のOGP画像が古い状態のまま

対策その1: URLを変更する

キャッシュが効かないようにすれば良いので、URLを変更する作戦がとれる。
https://c6tower.github.io/smartphone-crash-simulator/?hoge のように無意味なクエリパラメータを付与してあげることで、更新後のOGP画像をQiita上に表示させることができた。

対策その2: 時間が解決してくれるのを待つ

何もせずとも、キャッシュが有効期限を迎えれば、OGP画像もは新しいものに新される。
ちなみに、QiitaのキャッシュTTLがどれくらいなのかは不明だが、2, 3日後にはキャッシュ更新されていた。

おまけ

ちなみに、本記事で取り上げた自サイトは、クソアプリアドベントカレンダー2024記事向けに作ったもの。