【図解】エックスサーバーのWordPressをSSL化する方法・URL正規化の方法

WordPressを設置したら「SSL化」は絶対にやっておきたい初期設定の一つです。

ブログのURLが「http」ではなくて「https」で始まるようになる設定のことだよ。

もふリス

「SSL」は通信の暗号化技術のことで、ブログにSSLを導入することで安全性の向上に繋がるからです。また、最近ではSSLの有無が検索エンジンにおける順位の決定要因の一つにもなっているという点も見逃せません。

キツネくん

「通信の暗号化」とか言われると何か難しそうだよな・・・

SSL化の設定をするだけなら全然難しくないから安心して！

もふリス

当記事ではエックスサーバーに設置したWordPressをSSL化する方法、URLを正規化(“www”なしに統一する)方法について解説していきます。

後からSSL化しようとするとかなり大変なので、必ずブログ運営をスタートする前に設定を済ませておきましょう。

この記事の目次

エックスサーバーのWordPressをSSL化する方法・手順
URLを正規化をする方法・手順(wwwなし)
まとめ

エックスサーバーのWordPressをSSL化する方法・手順

STEP0 : エックスサーバー側の「独自SSL」は設定済み

当サイトでは、以下の方法でWordPressを設置する前提で解説しています。

WordPress設置の方法・手順

この場合、既にエックスサーバー側の「独自SSLは設定済み」となっているはずです。

「サーバーパネル」へログイン→「独自SSL」→「(対象ドメインを)選択する」の手順で独自SSLが設定済みであることを確認できますので、一度チェックしてみて下さい。

「すでに独自SSLが設定されています。」の文言あり。

STEP1 : WordPressのURLを「https」に変更する

WordPressにログインして「設定」→「一般」をクリックします。

「WordPressアドレス(URL)」と「サイトアドレス(URL)」の2つを「http」から「https」に置き換えます。両方とも同じ「https」で始まるURLにして下さい。

このとき、URLを間違える(2つのURLが一致しない等)とWordPressにログインできなくなったりブログを表示できなくなったりするので注意して下さい。

STEP2 : SSL化したURLにアクセスしてみる

上記の設定が終わったら、SSL化したURLにアクセスしてみて下さい。具体的には「https://独自ドメイン/」にアクセスするだけでOKです。

きちんとブログが表示されたらSSL化が成功したと判断できます。

URLを正規化をする方法・手順(wwwなし)

SSL化したついでに、URLの正規化もやってしまいましょう。

キツネくん

せいきか？何だそれ？

簡単に言うと正規化は「微妙に似ているけれど、ちょっと異なる形式のURL」の中から使用する形式を統一する設定のことです。

正規化対象となるURL

http://example.com: wwwなし、SSLなし
http://www.example.com: wwwあり、SSLなし
https://example.com: wwwなし、SSLあり
https://www.example.com: wwwあり、SSL

正規化をしなくても、上記のいずれかのURLにアクセスすればブログのトップページはきちんと表示されます。

しかし、「URLが異なるのに同じ内容」のページが2つ以上存在するとブログの読者を混乱させてしまいます。また、検索エンジンに重複コンテンツだと誤認されてしまうこともあって大変危険です。

重複コンテンツだと見なされるとブログが検索上位に表示されることはなくなるからね・・・

もふリス

つまり、URLを正規化せずに放置すると不利益しかないのです。以下の手順に従って必ずURLの正規化も済ませておいて下さい。

STEP1 : サーバーパネルにログインする

以下のリンクから、エックスサーバーのサーバーパネルにログインします。

エックスサーバーのサーバーパネル

https://www.xserver.ne.jp/login_server.php

ログインに必要な「サーバーID」と「パスワード」はエックスサーバーの契約時に届くメール内に記載されています。

「サーバーアカウント情報」です。

STEP2 : .htaccessの内容をメモ帳に保存する

サーバーパネル内の「.htaccess編集」をクリックします。

正規化するドメインの「選択する」をクリックします。

「.htaccess編集」タブを開いて、.htaccessの内容を必ずメモ帳などにコピーして保存しておいて下さい。

キツネくん

保存しなかったらどうなるんだ？

間違った編集をしたときにブログが表示されなくなるよ。

もふリス

注意

大事なことなので繰り返しますが、以下の手順に進む前に必ず.htaccessの内容をコピー&保存しておいて下さい。

編集前の内容を保存しておかないと万が一編集をミスしたときにブログを復帰できなくなります。最悪、WordPressのインストールからやり直すしかなくなってしまいます。

STEP3 : .htaccessに「301リダイレクト」設定を追加する

以下のように「301リダイレクト」用のコード(後述)を追記して「確認画面へ進む」をクリックします。

301リダイレクト用のコード

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>

【出典】WordPressをhttpからhttpsにSSL化した全手順まとめ（エックスサーバー環境） : 寝ログ

確認画面で「実行する」を押したら.htaccessに「301リダイレクト」の設定を追加する作業は終わりです。