Google ChromeがHTTPS対応サイト(常時SSL)に「保護された通信」のラベル付与！仕様や意味まとめ

2017年1月14日2018年9月21日

当サイト「レビューログ」は、開設当初からhttps://での運営を行っていたため、SSL化は行った状態です。(エックスサーバーで構築すれば、最初からスムーズに「https」でサイト運営可能です。)

つい先日のGoogle Chrome最新版へのアップデートで、HTTPS対応サイト(常時SSLのみ)に「保護された通信」というラベルを付与するようになりました。

セキュリティの重要性が昔から言われていましたが、ここに来てブラウザ側でもHTTPS対応を目立たせるようになってきました。

これは、単にURLをhttp⇒httpsにしただけでは表示されず、常時SSL化が完了しているサイトのみ表示されます。

※ちなみに、httpのサイトは「保護されていない通信」という表示がされます。

本当の定義について理解されている方は少ないような気がするので、仕様や意味をまとめます。

Google Chromeで「保護された通信」ラベルを付与するには、常時SSL化(≠HTTPS化)させる必要がある！

単に、サイトのURLをhttpsにすれば良い(SSL証明書を発行する)という訳ではありません。

実際にレビューログのページで見ていきます。

ThinkPad X1シリーズ(Lenovo)の2017年モデルは新色シルバーが追加！判明スペックまとめというページにおいて、以下のようにGoogle Chromeにおいて「保護された通信」のラベルが付与されています。

Chromeの開発者ツールのコンソールログにも、エラーは特に出ていません。

もしhttpの通信が紛れ込んでいると、ここにエラーログが表示されます。

例えば、WordPress(PHP)を挫折せずにできるだけ独学で勉強する方法・コツをまとめるというページの場合、以下のようにChromeのURL欄にはラベルが表示されていません。

Chromeの開発者ツールのコンソールログを見てみると、以下のようにhttpの通信が紛れ込んでいるという「Mixed Content」というエラーが出ています。

当サイトではAmazonや楽天のアフィリエイトリンクを設置していますが、「カエレバ」というサービスを利用して一括で貼り付けして表示もカスタマイズしています。

これがhttpsに対応していない(具体的には、画像読み込みのURLがhttpで通信を行っている)ので、上記のようにエラーが出てしまいます。

最近では大半のASPが常時SSL対応を行っていますが、楽天アフィリエイトなどは対応していません。

アフィリエイトリンクを書き換える行為は、ASPによっては規約違反になるところが多いのと、httpsに変更すると画像の読み込みが正常に行われず、表示されない等の不具合も起こります。

Googleの検索エンジンの評価に常時SSL対応有無が入ってくるようでしたら、レビューログでも対応を迫られるかもしれませんね…。

当サイトもエックスサーバーにて運用していますが、ボタン一つで管理画面から簡単にSSL証明書を発行できます。

エックスサーバーサーバーパネルよりSSL設定を選択します。

SSL化したいドメインを選択します。

「独自SSL設定の追加」のタブを選び、サイトを選ぶだけ！

※レビューログの場合、すでに証明書発行済のため上記のような画面が表示されています。

新しくサイトを作ろうと考えてる方や、自分のサーバーがSSL化しにくい！という方もエックスサーバー超おすすめです。(表示速度も引くほど早いです。)

よかったらシェアしてね！