No.90


【Twitter】Summary Card の画像を更新したい

Summary Card の画像が変わらない!

 TwitterでよくあるのがCard表示。ニュースサイトや商品ページとかが対応しているECサイトなども多いだろう。

サンプル

 理屈はFacebookのOGPと同じで適切な情報をヘッダ部に埋め込んでやれば表示されるのだが、キャッシュ機構までFacebookと同じような動作をしており、画像を変更しても何時までも古い画像が表示されたままになってしまう。

 キャッシュ削除の方法は用意されている。これもFacebookに似ているのはこの方法が運用しやすかったからか、それとも皆が慣れてしまったからか…


手動での方法

 Card Validator で画像を更新したページを読み込めばキャッシュがクリアされる。

Card Validator - Twitter Developers


自動での方法

 画像の末尾に数字を付けるなどの伝統的手法でも対応できる。

 動化を行う時はこちらの方法が必須か。ただ、表示するたびに変えているとキャッシュが一切効かないので毎回サイトにアクセスが来ることになるのか。ちょっと頭使って実装しする必要アリ。

sample.jpg` → `sample.jpg?123456