HTTPS化したのに警告が出るサイトの解消方法

2017年10月7日

HTTPS化されているのに警告が出る原因

既存サイトのSSL化は、サーバーが用意してくれているサービスのお陰で、簡単に、しかも無料でHTTP化できます。

ロリポップサーバーでのSSL化の話 でその事を書きましたが、

URLがHTTPになってもブラウザで見ると警告マークがでて、“保護されていない” という扱いになっていてはSSL化する意味がありません。

原因は、ざっくり言って以下2種類です。

 

【1】サイト内のコンテンツに「https://」と「https://」で始まるがURLが混在していること

【2】SSL化に対応していないブログツールを導入している

 

上記【1】の“混在” の意味ですが、「https://」のURLのサイトへのリンクの意味ではありません。この2種類の修正方法ですが原因を調べてから対応します。

SSL化していないツールを削除&SSL対応に変更

上の赤丸で囲ってある部分を見ると、2つとも
“https://omt.shinobi.jp/b/5380a8f…" というURLに問題が有ると記されています。

そして Mixed Content:~~~ との表示。
どうやらhttps に対応していない仕様のツールが混在しているようです。
見てみると “omt.shinobi” とあります。
ん? なんだこれ? と思いを巡られたら、「shinobi」は「忍び」、分かりました。

SNS投稿ツールが原因だった

このURLはブログパーツの「忍者おまとめボタンセット」というSNS投稿のボタンセットです。
これはその図です。↓こういうもの。
便利なSNS投稿ボタンですがコレを入れているとエラーになるのがわかりました。

そこで、このブログツールを入れているソースがどこに記述されているか?
WordPressの管理画面から、「外観」→「テーマの編集」で、右サイドはーに出てくる「テンプレート」内のPHPファイルを探ってみましたら、「テーマヘッダー(header.php)」の中に、ソースがありました。
そこで一旦、「忍者おまとめボタンセット」を削除して、更新してみました。
すると、とりあえず、

実は以前入れていた「忍者おまとめボタンセット」はSSLに対応していなかったのですね。そこで「忍者おまとめボタンセット」のサイトを確認してみたところ、【SSL対応】と変わっています。そこで入れ直してみました。
それがこちら。↓

↑ これは、画像ではなくホンモノです。

 

「保護された通信」になった

そして、新しい「忍者おまとめボタンセット」のソースを入れてみたら、無事、「保護された通信」の表示になりました。

良かった、良かった! (^。^;)ホッ