ホームページのURLに三角ビックリマークが表示される理由と対処法
kagineko
かぎねこWebのディレクター、きょうへいです。
突然ですが、あなたのホームページをスマホで見た時に、URL部分に以下のような⚠️（三角ビックリマーク）は出ていませんか？
実はこの三角ビックリマークが出ているホームページには、セキュリティ上に脆弱性がある可能性があります。
また視覚的にも、訪れた人に不安感を与えてしまう危険性がありますよね。
そこで本記事では「ホームページの三角ビックリマークってどうやったら外せるの？」とお悩みの方に向けて、このマークの正体や取り外し方についてまとめてみました。
ぜひ参考にしてください^ ^
目次
三角ビックリマークが出る原因
あなたのホームページのURL部分に⚠️（三角ビックリマーク）が表示される原因としては、主に以下の2つが考えられます。
原因①：URLが「http」のまま（SSL化されていない）
まず最初に、あなたのホームページのURLが「https（暗号化通信）」ではなく「http（非暗号化通信）」になっていないかを確認しましょう。
ホームページ内の全てのコンテンツを「https（暗号化通信）」で通信できるようにすることを、SSL化といいます。
つまり、もしあなたのホームページがhttpページであれば、SSL化されていないことになります。
その結果セキュリティ上に問題があると判断され、三角ビックリマークがつくということです。
原因②：Mixed Contentになっている
続いてはMixed Contentについてです。
Mixed Contentとは簡単に言うと、SSL化されたhttpsページ内にhttp（非暗号化通信）で読み込んだファイルが混在している状態を指します。
つまりホームページ自体はhttpsなのに、使っている画像やファイルがhttpのままなので、httpsとhttpが混在（ミックス）されていると判断され三角ビックリマークが表示されるということです。
「ホームページをSSL化したはずなのに三角ビックリマークが出てる！」とお困りの方は、Mixed Contentによるものだと考えられます。
三角ビックリマークを外す手順
では続いて、三角ビックリマークを外す手順についてご説明します。
①ホームページを常時SSL化する
まずは、ホームページのURLがhttpページのままの場合の対策です。
結論から言うと、ホームページのURLをhttpからhttpsに変更するには契約しているサーバー情報を操作する必要があります。
参考としまして、エックスサーバーで常時SSL化する手順のリンクを以下に貼っておきます。
「契約しているサーバーがわからない！」「どうやってSSL化すればいいのかわからない！」という方は、お力になれるかもしれませんので一度ご相談ください。
②Mixed Contentを解消する
続いてはMixed Contentの解消、つまりhttpsページ中にあるhttpコンテンツを修正する手順です。
もしあなたのホームページのURLがhttpsなのにも関わらず三角ビックリマークがついている場合は、この方法をお試しください。
まず調べたいホームページをパソコンで開き、F12キーを押すと上のような画面が出ます。（ディベロッパーツールといいます）
次に①のConsoleをクリックした後②の部分を押すと、Mixed Contentの原因となっている具体的なファイル名の一覧が表示されます。
これで、ホームページに使われているどのファイルがMixed Contentを引き起こしているかがわかります。
原因となっているファイルは、あなたのホームページが常時SSL化されている状態で、再度アップロードをし直す必要があります。
WordPressを利用されている方であれば、管理画面の「設定」→「一般」より上画像部分を見てみてください。
赤枠で囲っている部分がhttpsであれば、再度アップロードした時にSSL化された状態となりますので、Mixed Contentを解消することができます。
まとめ
本記事では、ホームページのURLに⚠️（三角ビックリマーク）がつく原因とその対策についてご紹介しました。
本記事の内容をもう一度まとめてみましょう。
- 三角ビックリマークがつく原因は、ホームページがSSL化されていないかMixed Contentのどちらか
- SSL化するには、あなたが契約しているサーバーを通して作業を行う必要がある
- Mixed Contentはディベロッパーツールを使って原因を特定しよう
かぎねこWebでは個人事業主の方や小規模事業者さまをメインに、お手頃な価格で本格的なホームページ制作を行っております。
ホームページ制作について何かお悩み等ございましたら、いつでもご相談ください。
