Chromeで警告が出るようになった警告の原因を探ろうおわりにはじめにせっかく作ったブログ、たくさんのユーザーに読んでもらうためには何はともあれアクセスを集めないとですよね。それにはSEO対策です。今回は細かいSEO対策の話ではなく、せっかくサイトを「常時SSL化」したのに、アドレスバーに「このサイトへの接続は完全には保護されていません」って出てきちゃった時の解消方法です。Layerの略で、ユーザーがブラウザなどのクライアントソフトを通してサイトにアクセスして、Webサーバとファイルなどのデータのやり取りをおこなう際の通信を暗号化する技術です。ようは「HTTP」だと暗号化もされていないので、セキュリティ上弱いため、悪意ある第三者がデータの改ざんや盗難をおこなっちゃうので、「HTTPS」にして、通信を暗号化して守ろうよってことです。問合せフォームや購入ページなど、ユーザーの個人情報を入力するページのみSSL対応をおこなうのが昔は一般的でした。なると、トップページのURLは「http://example.com」だけど、問合せフォームは「https://example.com/contact/」って形になるわけです。そこで出てくるのが「常時SSL化」です。常時SSL化は、サイトにアクセスするユーザーが見るページはすべてHTTPSのページになるように、サイト単位で完全にSSL対応することですね。さきほどの例でいうと、トップページも「https://example.com」になるってことです。この、常時SSL化の動きが広がった背景としては、2014年8月にGoogleが「ウェブマスター向け公式ブログ」の中で、常時SSL化しているか(サイト単位でHTTPSになっているか)がSEOのランキング決定のアルゴリズムに組み込まれることを明言したことにあります。常時SSL化したサイトとしていないサイトでは、常時SSL化したサイトのほうがSEO的に有利だよとGoogleが公式に言ったってことになるんです。リス太そうなると、常時SSL化をやらない理由がなくなりますよね。Chromeで警告が出るようになったそして、もう一つ。Chromeのバージョン68からは、HTTPのサイトにはアドレスバーの左側に警告を出すようになりました。Chromeの最新バージョンは「70.0.3538.110」ですが、今後はさらに警告を受けているサイトであることがだれの目にも明らかになるように改修されていくことがアナウンスされています。ここで、話をもとに戻します。そんな状況なので、せっかく作ったブログを常時SSL化したはずなのに、Chromeのブラウザに「完全には保護されていません」って出てきちゃったとしたら、どうしますか?困りますよね?リス太なんとかしないと!!!スポンサーリンク警告の原因を探ろう基本的にブログをSSL化した時点で、サーバ周りの設定などは間違っていない前提で話を進めます。ブラウザに警告が出たってことはブログの表示はできているはずですからね。すると、なんらかの問題があって、「完全には保護されていません」って警告がでているわけです。Chrome70での通信の保護状態を表すアイコンはこんな感じです。Chromeヘルプページから抜粋しました。上が問題なく接続が保護されている状態。下が保護されていない状態。HTTPのページですね。真ん中が今回問題になっている「完全には保護されていない」状態です。これ、アイコンをクリックしてみるとこんな感じで警告がでます。リス太ぎゃ~~~~!!!なにも赤文字にしなくてもね~...。ぎゃ~ぎゃ~言ってもいられないということで、とにかく原因究明してみます。いろんなケースが考えられますが、もっとも多いケースはこれじゃないかなと。Content)です!HTTPSのコンテンツの中にHTTPのコンテンツが混ざっちゃってるということですね。確かめ方としては、まずページにアクセスしてキーボードの「F12」キーを押します。すると開発者用の「デベロッパーツール」が起動します。Warnings」って出てますね。こちらをクリックします。Content」出てきましたね。errors」も気になりますが、これは気にしないでくださいませ汗。中身をみると、「画像のリクエストがHTTPで投げられているけど、HTTPSにするべき」って書いてあります。「http://sample.com/img/sample.jpg」に問題があるようです。これを「https://sample.com/img/sample.jpg」に修正してあげればよさそうですね。やってみると、、、お~!デベロッパーツールのコンソールから「Warning」が消えた!!ちなみにアドレスバーのアイコンも鍵マークになって、「この接続は保護されています」って出ましたね。解決です!!!おわりにブログを常時SSL化したのに「完全には保護されていません」って出てきちゃったときの解消法でした。Content)は起こりやすいんですよ。HTTPのブログをHTTPSにした場合にあるあるのシチュエーションとしては、HTTPのブログだったので、画像や別記事のリンクが自動的に「HTTP」で設定されちゃってるんですね。「http://example.com/img/example.jpg」という書き方じゃなくて、「/img/example.jpg」や「//example.com/img/example.jpg」って書き方をしていたら問題ないですが、ワードプレスのエディタで記事を書いている人は、まぁしかたないですね。そりゃ混合コンテンツになっちゃいます。なると、全部の記事の「http」を「https」に修正しなきゃいけないの?って聞かれると思います。Regex」ってプラグインを使えば一瞬で書き換えられるので心配無用です。|非エンジニアのためのネット副業ブログ関連記事ワードプレスワードプレスのブログを定期バックアップ|BackWPUp×S3で超簡単かつほぼ無料!大切な大切なワードプレスのブログ、バックアップは絶対取っておきたいですよね。コマンド書くの面倒だしどうしよう!ってときにおすすめの「S3×BackWPUp」を組み合わせた方法をお伝えします。無料!!ワードプレス【読了5分】ワードプレスをSSL対応してうまくいかないときの対応策Googleが推奨している常時SSL対応。ブログ運営者なら絶対に対応しておきたいところですよね。いざやってみるとサイトが表示されない!なんてこともあるもんです。Pack」をおいて他にないでしょうね。それくらい王道中の王道です。設定方法を紹介していきますよ!ワードプレス【ワードプレス】特定記事だけコメント機能をオンにする方法ワードプレスのコメント機能は便利ですが、記事全部じゃなくて特定の記事だけでコメント機能を使いたいって人もいると思います。Migration」で決まり!ワードプレスのサイトお引越し。ブログ初心者にはなかなかハードルが高い作業ですよね。Google先生に聞きながらでも、DBの書き換えなど一筋縄にはいきません。Migration」があればカンタンにお引越しが完了しちゃうんです。Regex」が断然オススメです。普段はIT会社のマーケティング担当。世知辛い世の中をのらりくらりと生き抜くために見つけたのがネット副業!リス太自身も毎日修行しながら成長しています!!とくに非エンジニアだからわかる「わかんな~い...」な悩みを解決するのが快感な今日この頃。普段はIT会社のマーケティング担当。世知辛い世の中をのらりくらりと生き抜くために見つけたのがネット副業!リス太自身も毎日修行しながら成長しています!!とくに非エンジニアだからわかる「わかんな~い...」な悩みを解決するのが快感な今日この頃。