httpsのページからhttpの外部リソースを参照するとめんどくさい件

落書き-ねむし!

https環境に設置しているページから、http環境の外部ファイル(CSSや画像、JSなど)を参照するとブラウザがセキュリティの観点からhttp環境の参照ファイルをブロックしてしまいます。

IEならこんな感じで警告してくる。

ie9の警告

毎回、こんなのが出てきたらコンテンツとして成り立たないが、ちゃんと解決方法がある。

以下のように外部参照ファイルを絶対パスで記載するとNGなので・・・
https://samurai-ferret.upper.jp/css/hoge.css

絶対パスのプロトコル部分(http:)を除外して記述すると問題なし!
//samurai-ferret.upper.jp/css/hoge.css

GoogleからJQueryを参照するときのパスも//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.jsとなっているのはプロトコルの違いに考慮したからってことだね。

SEO的にhttpよりhttpsを上位にするということをGoogleが明言しているというのもあるので、これから既存のコンテンツをhttpからhttpsにしていくということもあるだろう。
そんなときにリソースが参照されてねぇ!と慌てないためには今のうちからプロトコル部分を取り払った絶対パスで記述するように癖をつけたほうがいいかもしれませんな。

投稿者プロフィール

菊千代
菊千代代表
フェレット2本と猫1匹と共に生きる、ダラダラが身に染みて困った40過ぎ男

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です