スマホで自分のブログを見た時
SSL化したはずなのにアドレスバーに黒いビックリマークがあるんです
←このマークが出ます
ブログのアドレスは、httpsになっているのになぜ？
なんか怖いし、すぐなおしたいです・・・
こういった疑問に答えます！
1.結論：ブログの黒いビックリマークの原因は「混合コンテンツ」
2.混合コンテンツを放置するとキケンな理由
3.【簡単】混合コンテンツの解消方法
むらさんブログを立ち上げる時にSSL化したし、
ブログのURLも「https」になっているのに
なぜか黒いビックリマーク・・・！これ→
むらさん実はとても危険なマークなので
私の実体験をもとに、原因＆解消方法を解説していきます！
結論：黒いビックリマークの原因は「混合コンテンツ」
スマホからブログを見た時にでできた
黒いビックリマークの原因は「混合コンテンツ(別名：Mixed content)」です！
さっそくよくわからないキーワードがでてきました！！
混合コンテンツって何でしょうか？
「安全なページと、安全じゃないページがごちゃまぜになっている状態」のことです。
ブログのアドレスが「https://」ではじまる場合、そのページは安全です。
ですが、その中に「http://」で始まる画像や動画があると
「安全じゃないもの」になってしまうのです。
ゆえに、
グーグルさんこのブログ、安全じゃない画像もあって危ないんだけど〜
これはキケンなブログだわ〜
とブラウザに判断されてしまい
黒いビックリマークがアドレスバーに表記されることになってしまうのです。
混合コンテンツを放置するとキケンな理由
混合コンテンツが、「キケン」であることはわかりました！
具体的にどうキケンなんでしょうか？
混合コンテンツがあると、ブログの表示がうまくいかないことがあります。
たとえば、こんなふうになってしまうのです。
画像が表示されない
ブログ自体がちゃんと開かない
むらさんこれでは、せっかくブログを見にきてくれた人も
がっかりしてしまいますね。
人気のブログ記事になったとしても
画像や動画、ブログ自体がうまく読み込めないと
ブログの質も順位もさがってしまうことに・・・！
混合コンテンツを発見したら、はやめの解消が必要です。
【簡単】混合コンテンツの解消方法
混合コンテンツの解消方法は以下のとおりです。
- URLの確認をする
- プラグインを使う
- ブラウザのデベロッパーツールを使う
- WordPressアドレスの変更
むらさん順番に説明していきます！
1.URLの確認をする
ブログ内すべてのリンクや画像、動画のURLを確認して
「http://」があれば、「https://」に変更します。
特に、古いコンテンツや外部から引っ張ってきた画像などに
注意して確認しましょう！
2.プラグインを使う
WordPressには、混合コンテンツを自動で修正してくれる
便利なプラグインがあります。
「Really Simple SSL」というプラグインを使えば
簡単にすべてのURLを「https://」に変えることができます。
3.ブラウザのデベロッパーツールを使う
もう少し詳しくチェックしたい場合は、ブラウザのデベロッパーツールを使い
混合コンテンツの原因を調べることができます。
ちょっと難しそうですが、やってみると簡単ににできます！
4.WordPressアドレスの変更
- WordPressのダッシュボードの、「設定」を開きます
- WordPress アドレス (URL)・サイトアドレス (URL)
両方ともhttp→httpsに変更します！
むらさんブログは「WordPressアドレスの変更」をしていないことが原因で
混合コンテンツ状態を引き起こしていました・・・！
ブログを立ち上げたら、WordPressアドレスの変更も忘れずに！
むらさんこれで、スマホから確認してみると
黒いビックリマークが消えて
安心・安全の鍵マークになっています！
これで晴れて安心・安全なブログになりました！
まとめ
ブログ自体のSSL化をしても
その中に「http://」で始まる画像や動画があると
「安全じゃないもの」になってしまいます。
混合コンテンツの解消は、ブログの安全性を守るために大切なポイントです。
少し手間かもれませんが、混合コンテンツを直すことで
ブログを見にきてくれた人が
安心してあなたのブログを楽しむことができるようになります！
むらさんブログを見にきてくれた人も、執筆する人も
安心・安全で楽しむことができるブログを
一緒に目指しましょう〜！
