SEO対策

本日人気の記事

楽天で画像を差し替えても画面ではいつまでも古い画像が表示される問題を解消するコード

楽天で画像を差し替えても画面ではいつまでも古い画像が表示される問題を解消するコード

さくっと上書きしただけでは、すぐに画像は変わらない模様

楽天でR-Cabinet、GOLD上で画像を変更したいが画像のパスは変えたくない。
僕はファイル名+日付で管理するようにしているため、
多少面倒でも上書きは避けているのですが、
ページをまたいでHTMLを作り込んでいけばいく程、
上書きせざるをえない機会が出てきます。

画像、差し替えたはずなのに切り替わらないじゃん・・・

とはいえ、上書したにもかかわらずフロントで何も変化がない。
いや、普通にGOLDでも上書きできてるんですけど。。。
あ、キャッシュか!って事でクリアしてみるものの変わらない。
何回ブラウザ読み込み直しても変化なし。
どうなってるんだ?って最初は本当に訳が分からなかったんですが、
いつの頃か「これって仕様なんじゃ?」と疑いはじめ。
調べたところやっぱり仕様でした。

じゃあ、どうするか

時差があるという事で、放置すればいい。
しかし、クライアントから画像差し替えの依頼があった時はそうも言ってられません。
速攻で画面上で「終わりました!」とメール送信したい。
こういう時は画像のパスにちょっと細工しましょう。

imgタグの画像パスをこんな感じで

◯◯◯.jpg → ◯◯◯.jpg?rakuten=1

rakuten=1この部分は別にa=0でも、r=1000でも何でも良いです。
とりあえずこれでOK。

ちょっと注意点とか

注意として
◯◯◯.jpg → ◯◯◯.jpg?rakuten=1
画像パスをこれに変えたとして、更にもう一度上書きする時は、
◯◯◯.jpg?rakuten=1 → ◯◯◯.jpg?rakuten=2
などして数字を変化させてください。

[追記]2015.08.14
※=1などイコールをつけなくても、?r など何かしらの英数字を入力すれば問題ないです。

どのみち毎回こういう作業するのはコードも増えるし、
自分以外が見た時に「なんじゃこのなぞの変数は」となってパニックになりかねないので、おすすめしません。
できるだけ放置して自然に画像が変わるのを待つのがベストでしょうね。

この記事を書いた人

Profile image
代表取締役の徳増です。
WEB制作、運営、人事など業務全般に携わっています。
中学時代から自分は社長になると思い込んでいました。現在、社長です。
元々美術関係やゲームが好きで、「ゲーム作ろっと!」と思い立ち、
高校卒業後に親の反対を振り切って単身東京のプログラミング専門学校へ。
卒業し、第一志望のSEGAは一次試験であっさり落ちてしまい、
内定していた第二志望の某ゲーム会社の通知をムシャっとしてクシャる。
情報処理の会社に入社し4年間倉庫管理システム構築業務に従事。
2007年、帰郷し独立。2013年8月法人化。

僕は最近こんな記事を書きました。是非見てください( ´,_ゝ`)♪

ブログのランキングサイトに参加中!クリックで応援お願いします!

毎日クリックして応援してください(>人<;)
ブログランキング・にほんブログ村へ
にほんブログ村

人気ブログランキングへ

コメントをお寄せください

*
*
* (公開されません)