保護されていないURLを保護する方法 Google Chromeで「保護されていない通信」を解除する方法を【対応手順を丁寧に説明】
Google Chromeでブログアドレスの先頭に「保護されていない通信」警告が出る理由
URLがhttpsになっていないホームページには、Google Chromeで「保護されていない通信」といして警告が表示されます。
「WordPressサイトをhttps化したいけどどうやったらいいのか分からない」
WEBサイトやブログの運営を行っている上で最近何かと話題になっているhttps化、皆さんはすでに実装済でしょうか?
今見ているページが「SSL化」しているかどうかはURLを見ると一目瞭然です。
目次
スポンサーリンク
「保護されていない通信」と言う警告が・・・
Google Chromeで表示されるようになったのは、「URLがhttps」ではな「http」のままになっているホームページです。
SSL対応をやると、URLの頭にある「http://」が「https://」と「S」 がつき変化します。
Google Chromeのアップデートにより、SSL未導入のホームページに対しては「保護されていない通信」警告が常に表示されるようになりました。これはGoogleがSSLの導入を促進しているためです。
SSLとは、訪問者のブラウザとサーバー間のデータ通信を暗号化する技術のことです。
データ通信が暗号化されていれば、もし第三者が途中で情報を傍受したとしても、内容を解読することができないため、個人情報の流出や改ざんなどの深刻な事態を回避できます。
SSL対応でホームページのセキュリティを強化することで、訪問者が安心してアクセスできるホームページになります。
- セキュリティの強化
- SEO(検索結果)に有利
- 信頼性の向上、訪問者が安心する
保護されていないURLを保護する方法
ここでの説明はエックスサーバーを使用している人を対象に解説いします。SSL化するのは簡単です。
今回はhttpsがどういったものなのか、そしてWordPressサイトでどうやってhttps化させるかをご紹介いたします。
常時SSLとは・・・?
SSLとは、インターネット上でのデータの通信を暗号化し、盗聴や改ざんを防ぐ仕組み(プロトコル)のことです。
これがhttps化されると、サイトデータが一度暗号化されて送信されます。
そして、ユーザー側に受信されると復号化され、サイトのデータが表示されます。これはサイトに訪れてくれるユーザーにとっても安心でき良い対応と言えます。
常時SSL化のメリットは?
主なメリットはこちら。
- セキュリティの強化
- SEO(検索結果)に有利
- 信頼性の向上、訪問者が安心する
1. 常時SSL化の最大のメリットは、データ通信の暗号化により、改ざんや盗聴を防ぐことができ、セキュリティが大幅に強化されること、です。
2. Googleからは常時SSL(HTTPS)化が検索順位の決定要因になるということが発表されています。安全なものをお客様に提供することで、検索順位にも影響が出そうです。
3. あとはホームページにアクセスした人の安心感でしょう。
普通にインターネットしてる時に、アドレスバーに「このWebサイトは安全ではありません」と言った表示がされてたら、見る気なくします。
HTTPとHTTPSでは、信頼性は雲泥の差だと思います。
【注意】初めに知っておくべきこと?
SSL化をするという事は、つまりURLが変更になることです。
ブログを始めたばかりの方でSSL化する場合はそんなに問題はありませんが・・・長くブログを運営している人の場合、SSLにした後、ほかにもやることが生じます。
- ブログ内にあるリンクを直す
- 外部から借りている画像URLをSSL化する
- Google Analyticsの登録を変更
- Google Search Consoleで再登録
- SNSのカウントを直す(失敗することもあり……)
など、色々やることがあります。
WordPressを簡単にhttps化する方
バックアップ取得
まずは、サイトをhttps化する前に、操作を間違える等何かしらのキッカケでサイトが消えてしまってもリカバリーできるように対策を行いましょう。
この作業を「バックアップ」と言います。FTTPソフトを繋げて外部からバックアップをとる方法もありますが、WP自体データベースも含めてかなりの容量があるため時間とそれなりの空き容量が必要になってきます。
そこで、プラグインBackWPupを使いデータベースのみをバックアップします。手順はそこまで難しくなく、簡単にデータベースのバックアップをとることが可能です。
- WP管理画面内左サイドメニューの「プラグイン」内「新規追加」をクリック
- 画面右上の検索窓から「BackWPup」と入力し、BackWPupが出てきたら「今すぐインストール」をクリック
- インストール完了後、「インストール済みプラグイン」ページにいくとBackWPupが追加されているので、BackWPupの「有効化」をクリック
- すると、左サイドにBackWPupのメニューが追加されるので、メニュー内のダッシュボードをクリック
- ダッシュボードページ内をスクロールしていくと右下に「1クリックバックアップ」の項目が出現し、「データベースのバックアップをダウンロード」というボタンが出てくるのでクリック
- 任意の場所にデータベースのバックアップをダウンロードして完了
自分で分かる場所に「WPバックアップ」のようなフォルダーを作り保存すると、後々バックアップを行う際に探すのに困りません。
サイトのページ数等によっては容量が膨大になる可能性があるので、それなりに容量を空けておいたほうが効率的に作業をおこなえます。
エックスサーバーでSSL化をする方法
Xサーバの公式サイトです。
WordPressやEC-CUBEを簡単ワンクリックインストール! マルチドメイン対応レンタルサーバー【シックスコア】
![エックスサーバの公式サイト.jpg スクリーンショット 2018 11 30 12 54 01](https://tomio23.com/wp-content/uploads/2018/11/f98384e5f233cdacba46c1ba76383e15.jpg)
エックスサーバーのページから「サーバーパネル」へログインします。
サーバーパネルを選択する
「サーバーパネル」へログインするには、右上のログインへ、カーソルを持って行きサーバーパネルを選びます。
![サーバーパネルへログイン.jpg スクリーンショット 2018 11 30 13 31 49 1](https://tomio23.com/wp-content/uploads/2018/11/9cbabb52e2a5a59b279087a58277d81f.jpg)
ログインの上に、カーソルを持っていくと「サーバーパネル」が出てきますのでサーバーパネルをクリックします。
サーバーパネルにログイン
「エックスサーバーから送られてきているメール」の情報(サーバーIDとパスワード)を元に「サーバーパネル」に入力しログインします。
![サーバーパネルにログイン.jpg スクリーンショット 2018 11 30 17 32 32](https://tomio23.com/wp-content/uploads/2018/11/cd09b878588b591d2f4182bf06582b87.jpg)
メールに書かれた・・・
「サーバーアカウント情報」というところに書かれたものです。
- サーバーID
- パスワード
を入力します。
「SSL設定」をクリック
ログインしたページの、囲んだ箇所「SSL設定」を探してください。
![「SSL設定」をクリック.jpg スクリーンショット 2018 11 30 17 38 49](https://tomio23.com/wp-content/uploads/2018/11/2201db1ca4e5ef88848662c9936517b9-1.jpg)
右上の方にあります、「SSL設定」をクリック!
独自SSL設定の追加タブをクリック
独自SSl設定の追加というタブをクリックします。
![独自SSL設定の追加.jpg スクリーンショット 2018 11 30 17 49 09](https://tomio23.com/wp-content/uploads/2018/11/69bfb6c0a910e07e2ab458fdf34ae8dd-2.jpg)
A 独自SSl設定の追加というタブをクリック後
B SSL化させたいドメインを選択します。
C 右下の独自SSL設定を追加するで(確定)をクリックします。
![独自SSL設定の追加タブをクリック.jpg スクリーンショット 2018 11 30 17 49 09 1](https://tomio23.com/wp-content/uploads/2018/11/69bfb6c0a910e07e2ab458fdf34ae8dd-1.jpg)
「独自SSL設定の追加」が完了
「独自SSL設定の追加」を追加しました。と表示されますが反映するまで1時間程度待ちましょう。
![「独自SSL設定の追加」が完了.jpg スクリーンショット 2018 11 30 17 50 11](https://tomio23.com/wp-content/uploads/2018/11/267f861958a6ea752a8bafa5254ce070.jpg)
SSL設定の一覧のタブをクリックすると、ちゃんとできているのかを確認できます。
![「独自SSL設定の追加.jpg スクリーンショット 2018 11 30 18 46 10](https://tomio23.com/wp-content/uploads/2018/11/d1052e275d6e70b2f3aad8a315ad1ca4.jpg)
サイトで確認
自分サイト(ブログ)のURLをコピーしてペーストで確認します。
もちろんURLを「https://」に変更して。コピー&ペーストしてください。
![サイトで確認.jpg スクリーンショット 2018 11 30 17 52 45](https://tomio23.com/wp-content/uploads/2018/11/680ece68e1b807eeb7aeecf18d73502d.jpg)
ところが、すぐに「https://」のアドレスにアクセスしてもこんなふうになってページが見られません。
ですので・・・しばらく待ちましょう。約1時間ぐらいしたら直るはずです。
画面が表示されるようになるまでは、何もせずに待っていてください!
WordPress側のURLを変更
サーバー側の「SSL設定」が終わり、ちゃんとブログが表示されるようになりましたら、今度は、WordPressの管理画面で、「SSL化」されたURLを設定します。
意味がわからないかもしれませんが・・・こちらは簡単です。
WordPressの管理画面へログイン
自分のサイト・・・WordPressの管理画面でログインします。
![WordPressの管理画面へログイン.png スクリーンショット 2018 11 30 18 25 07](https://tomio23.com/wp-content/uploads/2018/11/8fea6f9e1e1737c1885b54617b8389a8.png)
設定の「一般」を選択
サイドメニューの「設定」の中にある「一般」を選択してください。
![設定の「一般」を選択.jpg スクリーンショット 2018 11 30 18 25 56](https://tomio23.com/wp-content/uploads/2018/11/05b2567c4198c8c7a0122c0d96501c4d.jpg)
ブログのURLを変更します。
URLを直す所は、2箇所あります。
どちらも「http://」のところを「https://」に変更しましょう!
![ブログのURLを変更.jpg スクリーンショット 2018 11 30 18 34 21 1](https://tomio23.com/wp-content/uploads/2018/11/91d30b3f78d4db600f1b6c9822cc2a37.jpg)
- WordPressアドレス(URL)
- サイトアドレス(URL)
です。間違っても「全角」で入れないでください。URLは必ず「半角」でいれます。
「変更を保存」をお忘れないようにしましょう!
ページの下の方にある変更を保存をお忘れないようにクリックしましょう!
![](https://tomio23.com/wp-content/uploads/2018/12/6b9ba14a13662906174a74ba3e019d35-e1543641089581.jpg)
「http」から「https」に転送する設定
最後に「http(SSL化前)」のURLにアクセスしても「https(SSL化)」のURLに転送されるようにしましょう。
「.htaccess」というファイルの中に、「https」のURLに転送するための記述をする(コピペする)だけですので簡単にできます。
「.htaccess編集」をクリック
エックスサーバーの公式サイトへ行き、先ほどのように「サーバーパネル」に行きます。
![「サーバーパネル」に行きます.jpg スクリーンショット 2018 11 30 13 31 49 1](https://tomio23.com/wp-content/uploads/2018/11/2ab54b8fb7ebf5fbfce659ba15a5238f.jpg)
「.htaccess編集」をクリック
ページの下の方にある「.htaccess編集」をクリックしてください。
![ページの下の方にある「.htaccess編集」をクリックしてください。.jpg スクリーンショット 2018 11 30 18 51 01](https://tomio23.com/wp-content/uploads/2018/11/c55ee684d8bb04ac86b78f0ceba9596f.jpg)
「SSL化」したサイトを選択
下記画像のように、「.htaccess」をいじるサイトを選択する画面になります。
「SSL化」したいサイトの横にある「選択する」の文字をクリックします。
![「SSL化」したサイトを選択.jpg スクリーンショット 2018 11 30 18 51 22](https://tomio23.com/wp-content/uploads/2018/11/d1ac4de001f327ebe46fb95d6a341c48.jpg)
.htaccess編集のタブをクリックすると編集画面に行きます。
警告が出るので、イジるのは怖い気がしますが・・・?
実はこの「.htaccess」をいじるのは上級者向けなんです。ですので、初心者がなんとなく触らないように最初に警告が出ます。
![.htaccess編集のタブをクリックすると編集画面に行きます。.jpg スクリーンショット 2018 11 30 18 51 40](https://tomio23.com/wp-content/uploads/2018/11/7d53bc3bacdcf5f7537a51ca5de3e80a.jpg)
.htaccess編集のタブをクリックすると編集画面に行きます。
「.htaccess」にコードを追記する
.htaccess編集のタブをクリックしましたので、下のような「.htaccess」の編集画面になっているハズです。
![「.htaccess」の編集画面.jpg スクリーンショット 2018 11 30 18 52 02](https://tomio23.com/wp-content/uploads/2018/11/6263160d963547861ae04924b3d6744d.jpg)
上にコードを挿入します。
「.htaccess」の欄にコードを挿入します。
上のように、最初から入っているコードの上にスペースを開けて追加すると良いです。
追加するコードはこちらです!
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>
コレ全体をコピー して、ペーストして下さい!
コードを入れたあとは.htaccessを編集する(確認・確定)をクリックするのをお忘れなく。
確認する
.htaccessを編集する(確認してから確定)をクリックしましょう。
![確認する.jpg スクリーンショット 2018 11 30 19 16 47](https://tomio23.com/wp-content/uploads/2018/11/c1e88608c527fb729bd45b597cdd6f95.jpg)
完了です
これで、「http://」のアドレスを入力しても「https://」のアドレスに勝手に転送してくれます。
![完了です.jpg スクリーンショット 2018 11 30 19 24 46](https://tomio23.com/wp-content/uploads/2018/11/b5577c164904eaf27966cac4d0550915.jpg)
たとえば「https://tomio23.com/」をブラウザのURLにコピーしペーストしてみてください。勝手に「https://tomio23.com/」になったはずです。
多くのブロガーが使用いしている「<a href=”http://<a href="https://px.a8.net/svt/ejp?a8mat=2BFELN+70FT9U+CO4+609HU" target="_blank" rel=”" noopener noreferrer”>エックスサーバー」は素晴らしいです。無料でSSL化できますから。おススメサーバーです。
WordPressやEC-CUBEを簡単ワンクリックインストール!マルチドメイン対応レンタルサーバー【シックスコア】
続きはこちら↓↓
おススメ記事 ブログをSSL化したあとにやっておくべきこと
スポンサーリンク