ブログを運営して３か月以上立ちますが全くｗｅｂの知識がついた気がしない(@zinbuka)zinbukaブロガーけいです。
どのくらいやると自信持てるんですかね。誰か教えて下さい。(笑)
先日、自分が使用しているさくらのレンタルサーバーで無料ＳＳＬ化に挑戦し見事に成功。
したかの様に見えたのですがサイトをよく見ると、
「このサイトへの接続は完全には保護されていません」との表示が・・・
迷宮入りしたのですが、案外「サクッと」解決できたので？紹介したいと思います。
上級者の方はページを離脱して下さい・・・・
タップできる目次
さくらのレンタルサーバで無料SSL化は成功したハズ
前回ご紹介した記事でさくらのレンタルサーバーで無事にＳＳＬは完了していました。
▼【初心者でも出来る！】さくらのレンタルサーバで無料SSL化する方法
https://zinbuka.com/server-settings/
記事のタイトル通り、完全なｗｅｂ初心者の僕でも簡単に作業出来ましたから。
全ての作業が完了した時にブログのＴＯＰページを見たときは、
これまでhttpと表示されていたものがhttpsと変わった時の感動は忘れられません。ドメインもサーバーもよく分からなかった自分にとってには最高の達成感でしたね。
その後は嬉しすぎてよく確認もせず、次の記事の編集・新しいプラグインの追加(画像を圧縮して表示速度を上げる)など他の作業に取り掛かってしまったのでよくＴＯＰページを見ていませんでした。
よく見るとこのサイトへの接続は完全には保護されていませんと表示されている
ＳＳＬ化してから数日後、なんとなくＴＯＰページを見てぼんやりしていた時にそれを発見しました。
あれっ！ＳＳＬ化したはずなのに、「このサイトへの接続は完全には保護されていません」って出てる！しかも悪意のある何とかって・・・悪いことはしていませんけど。
少しの間パニックに・・
その後落ち着きを取り戻し懸命に「ググりました」
https環境下にないデータを読み込んでいないかどうか確認する？
ググった結果なんですが「本当にすみません」意味が分かりません・・
SSL化に成功したのでhttps環境下ではないのでしょうか？
検索をしまくっているうちに、どうやら僕のブログ上にhttpを含む部分があるからではないかという結論に。
自分のブログを表示している状態で、
クロームで設定マーク⇒その他のツール⇒デベロッパーツールそこまで行くと画面右側に別のウィンドウが立ち上がります。Consoleををクリックするとエラーがでるみたいなんですがよく分かりません。
疲れてしまって何日か放置・・・(これ結構あるパターンです)
ページのソースを眺めていたら発見しました
画像に問題があるらしいみたいな情報をキャッチしたのでまたなんとなーくＴＯＰページを見ていたら・・・
全部httpsって書いてあるんだよな・・
「んっ？」
「えっ！」これか！？
画像だぁ！！ ＴＯＰのロゴ画像？httpってなってる。(画像分かりづらいですけど・・)
速攻でロゴ画像を再度アップロードしてTOP画像に再設定。
画像のURL変更で保護された通信になりました
ＴＯＰ画像を変更したところ見事に「保護された通信」に無事修正完了。
あれやればできんじゃん俺。(笑)
まとめ
今回はそんな簡単なことで解決できたようです。その他にもググった時に色々と情報が出てきましたが正直まだよく分かりません。
僕のようなｗｅｂ初心者の方でこのような現象でお困りの方は画像のチェックをしてみるといいかもしれません。
ｗｅｂの現場からは以上です。