【動画解説】常時SSL化に成功したのに『保護されていない通信』と出てしまう方へ

ブログをご覧いただきありがとうございます!WebマーケッターのDaisuke(@daiz8daiz8)です。

今回は『SSL化に成功したのに保護されない原因』についてまとめていきます。

 

この記事を見る前にまずは前回の『ブログのSSL化に成功!』を御覧ください。

 

ブログのSSL化に成功!5分で出来る常時SSL化

2018年8月11日

 

こちらの記事では前回ブログで常時SSL化に成功したのに『保護されていない通信』と表示されてしまう人向けの記事になります。

 

もしSSL化に成功したのに『サイトが保護されなかった』という人は参考にしてみてください。

SSL化したのに保護されない原因

まずSSL化に成功したのに『保護されていない通信』とでてしまう原因の一つとしてサイト内のサイトバーや画像のURLがhttpsではなくhttpになっている可能性があります。

 

例えば僕のブログで言えば

上記の画像のの部分の画像がhttpになっていることがあります。もちろん僕は改善済みなのでhttpsになっています。

 

実は画像にもURLが存在し、確認のやり方は画像の上で右クリックを押すと『画像アドレスをコピー』とあるのでそれをコピーしペーストするとわかります。

 

保護されない原因はサイト内の画像URLなどがhttpになっているということです。

動画で解説

SSL化のやり方とは違い、Googleのデベロッパーツールを使い改善していくのでテキストだけでは説明が難しいため動画を載せておきます。

 

また動画だけでなくテキストでもまとめておくので動画をみてもさっぱりわからない方はそのまま下へスクロールしてください。

常時SSL化の改善

ステップは2つほどあります。

  1. 記事内での原因を探る
  2. httpをhttpsに変換させる

 

以上の2ステップになりますので解説していきます。

①記事内での原因を探る

まずは記事内でどの画像URLやどの箇所がhttpのままになっているのかを探ります。

 

その方法としてGoogleが提供しているデベロッパーツールを使用します。こちらはGoogle Chromeを使用している前提で進めていくのでChromeを使用していない方はChromeを使ってくださいね!

 

では下記の僕の記事を参考に解説していきます。

上記の記事を見れば分かる通りhttpsになっていますが保護されていないことがわかります。

 

まずは画面上の空白の部分で右クリック→検証を押していきましょう!

検証を押すと下記のような画面に切り替わります。

上記画像の手順①〜③を行ってください。

 

今回の記事では一箇所がhttpのままになっているのでその一箇所を直せば保護されるということです。

次に⚠マークの⚠Mixed〜の部分を探してください。ここの部分が今回保護されない原因となっています。赤線を見ればわかると思いますがhttpsではなくhttpになっていることがわかります。

 

そうしましたらその原因の箇所のhttpのURLをタップしてください。

原因がわかりましたね。記事内の上記の時計の画像URLがこの記事が保護されない原因になっていました。この記事のURLをhttpsに変えてあげればOKということです。

②httpをhttpsに変換させる

原因がわかったら後はその箇所を直すだけです。ここでやり方は2種類あります。

②ーⅠ画像を再アップロード

問題の箇所の画像を再度アップロードし投稿することでURLが新しくなるのでhttpsになります。

②ーⅡSearch Regexで改善

2つ目の直し方はプラグインで直すやり方です。Search Regexというプラグインを使用するのでまずはインストールしてください。

画像内の赤線三箇所はデフォルトの設定のままでいじらなくて大丈夫です。

 

次に緑線の上が変換前、下が変換後のURLなので両方に画像のURLをコピペし下の変換後のURLだけhttpにsを付け加えてください。

最後にReplace&Saveを押して変換が完了です。

無事完了されるときちんと鍵マークがついたことがわかります。

今回のまとめ

以上の流れが常時SSL化に成功したのに保護されないの改善方法となります。デベロッパーツールが文字だらけで初めは慣れないと思いますが基本的に全体の流れとしてはそこまで難しくありません。

 

原因を探り原因の箇所をhttpsに変換すれば改善となります。

気軽にご質問ください

もし動画を見ても記事を見ても中々理解出来ないという方がいましたら是非気軽にLINEでご相談ください。少しでも力になれたらと思います。

 

またアフィリエイトなどにも興味がある方もご相談いただければと思います。

 

下記よりLINEの友達追加ができますので気軽にどうぞ。

 

LINEマガジンはこちらから追加

LINEID:@dfv4029f
スマホの方は1クリックで友達追加できます。

@を忘れずにお願いいたします!

※合計50万円分のノウハウが詰まったアフィリエイト大百科を無料でプレゼント中です。