このサイトへの接続は完全には保護されていません ← 対処法を解説【混合コンテンツがあります】

サイトもちゃんと SSL 化させたのに、なんで「このサイトへの接続は完全には保護されていません」って表示されちゃうの?

 

そんな疑問にお答えします。

この記事の内容
  • 「このサイトへの接続は完全には保護されていません」と表示される理由
  • 【混合コンテンツ】について
  • 表示されないようにする対処法
 

サイトをちゃんと SSL 化していても、【混合コンテンツ】の状態になっていると Chrome では「このサイトへの接続は完全には保護されていません」と表示されてしまいます。

りょう

こんな表示が出るとビックリするかもしれないけど、「警告」ではなく「注意」だから落ち着いて対処しましょうね。
 

ということで、このサイトへの接続は完全には保護されていませんと表示される理由と対処法、そして「混合コンテンツ」の注意点を解説します

「このサイトへの接続は完全には保護されていません」と表示される理由

SSL 化されていないサイトになると、「 保護されていない通信」と URL の左側にハッキリと表示されます。

こんな表示が出てしまうと、WEBサイトに詳しくない人でも

このページって、危険なサイトなのかな?

と気づきますよね。
 

ただし SSL 化しているにも関わらず、「このサイトへの接続は完全には保護されていません」と表示されてしまうことがあります。

この「完全には」という部分がキモで、サイト自体は SSL 化されていてもコンテンツのある部分に SSL 化されていないリンクなどがあると、今回のようなアラートが表示されてしまいます。

アラートが表示されるサイトとの違い
  • アラートが表示されないサイト:SSL 化されたサイトで、リンクや画像も SSL 化されたもの
  • アラートが表示されるサイト:SSL 化されたサイトで、リンクや画像が SSL 化されていないもの
 

URL などの例を使って、もう少し具体的にすると…

もう少し具体的な例
アラートが表示されないサイト
サイト:https://example.com
ページ内のリンク:<a href=”https://example.com”></a>
ページ内の画像:<img src=”https://example.com/upload/abc.jpg”>
 
アラートが表示されるサイト
サイト:https://example.com
ページ内のリンク:<a href=”http://example.com”></a>
ページ内の画像:<img src=”http://example.com/upload/abc.jpg”>

分かりやすく S を赤色にしましたが、SSL 化されていないようなリンクや画像がサイトに混ざってしまうとアラートが出てしまう、つまりダメですよってことになります。
 

このような SSL 化されたサイトにも関わらず、ページ内に SSL 化されていないリンクや画像などの URL が混ざった状態を

混合コンテンツ

と呼びます。

混合コンテンツの何が悪いのか

「混合コンテンツ」になっている状態のサイトでは、Chrome 以外のブラウザでも安全ではない接続などのアラートが表示されてしまいます。

では、なぜ SSL 対応しているサイトに SSL に対応していないリンクが表示されていると良くないのか。
 

SSL に対応していないサイトはデータの送受信が暗号化されないので、

  • 情報漏洩
  • フィッシング詐欺
  • 不正取引

などにあってしまう可能性が増えてしまいます。
 

そんなサイトのリンクなどが貼ってあるページは、上記の被害にあう可能性が含まれていることになってしまいます。

そのため、「このサイトへの接続は完全には保護されていません」と表示されてしまいます。

「このサイトへの接続は完全には保護されていません」の対処法

混合コンテンツになってしまう理由は、主に2つ。

混合コンテンツになる理由
  • 自分のサイトを途中から SSL 化させた
  • SSL 化されていないサイトのリンクを貼った

SSL 化されていないサイトのリンクを貼った場合には気づきにくいと思うんですけど、明らかにサイトを運営している途中で SSL 化したなという人は変更前の記事やページをチェックする必要があります。

なぜかと言うと、SSL 化する前に表示させていた画像などが SSL 化する前の URL のままになっている可能性があるからです

自分が運営しているサイトを途中から SSL 化した人は、「混合コンテンツ」が含まれていないかしっかりとチェックしておきましょう。

混合コンテンツが含まれているか調べる2通りの方法

混合コンテンツがページに含まれているかを調べる方法は、主に2通りあります。

混合コンテンツを調べる方法
  • カッコよく調べる方法:要素の検証を使う
  • アナログに調べる方法:ブラウザで確認

カッコよく調べる方法:要素の検証を使う

サイトを運営している人っぽくカッコよく調べたい人は、要素の「検証」を使うことで混合コンテンツをあぶり出すことができます

Chrome のブラウザでページを普通に表示させたら、右クリックなどでメニューを表示させて「検証」を押します。

このサイトへの接続は完全には保護されていません

 

次に、トップメニューの中にある「Console」のタブにしてください。

すると、混合コンテンツが含まれたページの場合には「Mixed Content」という注意事項が表示されるようになります。

このサイトへの接続は完全には保護されていません

 

どのリンクが SSL 対応になっていないかを確認することができるので、記事投稿の管理画面から URL を修正して、今一度「検証」で「Mixed Content」の項目がなくなったかを確認してください。

アナログに調べる方法:ブラウザで確認

正直なところですけど、ブラウザを見れば問題ないサイトには「 」が URL の横に表示されるわけじゃないですか。

ということで、ブラウザの URL 部分を見ながら自分が運営しているサイトのページを全て表示させると、混合コンテンツ( が表示されるページ)があるかどうかで簡単に分かりますよね。

このサイトへの接続は完全には保護されていません

 

まあ、かなりアナログな感じで地味な作業ですけど…

でも混合コンテンツが含まれているかどうか確認するだけだったら、同じことだと思います。

ただ、混合コンテンツが含まれているページを見つけたら、「検証」を使った方が特定は簡単になります

混合コンテンツはブロックすると Google が発表

段階的にですけど、「混合コンテンツ」はサイト内においてブロックすると Google が発表しました。

このサイトへの接続は完全には保護されていません

>> No More Mixed Messages About HTTPS

そのため、自分のサイトに SSL 化されていないコンテンツがないのか調べて、含まれている場合には対処しておく必要があります。

とはいえ、対応に焦る必要もありません。

サイトが非表示になるわけではない

混合コンテンツをブロックするということですけど、別に含まれているサイトやページを非表示にしたり、検索結果に表示されないようにするというわけではありません。

今回の処置は、サイト何に表示する画像やファイル元が SSL 化されていない場合は、表示させなかったりダウンロードできないようにするもの。
 

Chrome のバージョンを段階的にアップデートしながら、ブロックする対象も増えていきます。

Chrome83Chrome84Chrome85Chrome86以降
exe、apk、など
ブロック
ブロック
ブロック
ブロック
zip、iso、など
警告
ブロック
ブロック
ブロック
pdf、docx、など
注意喚起
警告
ブロック
ブロック
png、mp3、など
注意喚起
注意喚起
警告
ブロック

 

コロナの影響から Chrome82 はキャンセルされて、現状としては Chrome81 から Chrome83 へとイッキにバージョンアップされました。(2020年6月現在)
 

各バージョンへの変更予定は、こちら。

各バージョンへの変更スケジュール
  • Chrome84:2020年7月予定
  • Chrome84:2020年9月予定
  • Chrome84:2020年10月予定

延期やキャンセルの可能性もゼロではありませんが、年内には全ての画像やファイルはブロックされることになりそうです。

ブロックされたらリンクはどうなるのか

ページ内に紹介する純粋なリンクも、飛ばなくなるの?

りょう

<a> タグのリンク元が SSL 化してなくても、リンク先には飛ぶから安心して。

今回の対応は、あくまで <iframe> や <img> 内に SSL 化されていないリンクを貼ると、表示されなくなったりダウンロードできなくなるだけです。
 

考え方としては、リンクは飛ぶだけなので問題なく、画像やファイルは情報操作するものが含まれている可能性があるからブロックするということです

混合コンテンツは SEO に影響があるのか

混合コンテンツのページだと、サイトの評価が下がったりするの?

りょう

直接的な影響はなくても、サイトの評価が下がる可能性はあります。

「混合コンテンツ」のページがあっても、SEO の影響は直ちにはないでしょう。

ただ、表示されるべき画像などがないとユーザーが良いコンテンツと評価しなくなるので、結果的にはページの順位などは下がる可能性があります。

合わせて知っておきたい情報

今回は「このサイトへの接続は完全には保護されていません」と表示された場合の対処法を紹介しましたが、ついでの情報もまとめておきますね。

そもそも SSL って何?という人

当記事で「混合コンテンツ」に関しては理解したけど、そもそも SSL って何だという人もいると思います。

企業サイトに限らず、個人ブログにおいても大切なことなので、ぜひ理解しておいてくださいね。

常時SSL化のメリットと重要性【無料でも十分に効果はあります】

無料で SSL 化できるサーバー

最近は大手のレンタルサーバーであれば、無料で SSL 化できるようになっています。

ますますサイトの SSL 化が必須となってきているので、運営するブログなどが SSL 化できていない人はサーバーを変更しておきましょう

個人ブログにおすすめのレンタルサーバー3選【稼ぐこと前提のラインアップ】

さいごに

「このサイトへの接続は完全には保護されていません」の対象法と、「混合コンテンツ」に関しての解説は以上となります。

全てのページを確認するのは大変かもしれませんが、出来るだけ早く対処しておきましょうね。