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

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

2018.08.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マガジンはこちらから追加

友だち追加

こちらからもご連絡いただけます。

The following two tabs change content below.
現在26歳。塗装屋、工場勤務、営業、ボーイ、様々な仕事を経験しアフィリエイトに出会い脱サラに成功!”趣味は旅行”手取り収入たったの11万円だった僕がアフィリエイトに出会いパソコンど素人の状態からどのようにして脱サラまでに至ったのか!?学歴や才能がなくても行動すれば人生は変えられる。その可能性にブログを通して気づいてもらえたらと思います。

▼この記事を今すぐSNSでシェアする▼