エックスサーバーでWordPressをSSL化する方法｜httpからhttpsへ変更する手順と注意点

エックスサーバーでWordPressブログを運営しているなら、SSL化（httpsへの変更）は早めに済ませておきたい作業のひとつです。

Googleはhttpsのサイトを評価する方針を明確にしているので、SEO的にも、訪問者に安心してもらうためにも、SSL化は今やほぼ必須。でも「やり方がわからない」「設定したのにhttpsにならない」という声もよく聞きます。

この記事では、エックスサーバーでの無料SSL設定から、WordPress側のURL変更、httpからhttpsへのリダイレクト設定、SSL化後の確認ポイントまで、一通りの手順をまとめています。

これからWordPressブログを始めるなら、無料SSLが使えるレンタルサーバーを選んでおくと後が楽です。
私はエックスサーバーでSSL化しました。

レンタルサーバーエックスサーバー

1. XserverならWordPressのSSL化は無料でできる
2. SSL化する前にやっておくこと
3. Xserverで無料独自SSLを設定する手順
4. WordPress側でURLをhttpsに変更する
5. httpからhttpsへリダイレクトする
6. SSL化後に確認すること
7. SSL化しても「保護されていない通信」と出る原因
まとめ：SSL化の手順チェックリスト

1. XserverならWordPressのSSL化は無料でできる

エックスサーバーでは、独自ドメインに対して無料の独自SSL（Let’s Encrypt）を無制限で利用できます。有料のSSL証明書を別途購入する必要はありません。

これがXserverがWordPressブログの定番サーバーとして選ばれる理由のひとつでもあります。設定もサーバーパネルから数クリックで完了するので、初心者でも安心です。

2. SSL化する前にやっておくこと

SSL化は設定変更が広範囲に及ぶため、作業前にデータベースのバックアップをとっておくことを強くおすすめします。万が一のときに元の状態に戻せるよう、BackWPupなどのプラグインで事前にバックアップを取っておきましょう。

また、SSL設定後はサイトへの接続が一時的にできなくなります（数分〜1時間程度）。アクセスが多い時間帯を避けて作業するのがベターです。

3. Xserverで無料独自SSLを設定する手順

エックスサーバーのサーバーパネルにログインし、以下の手順で設定します。画面の名称はサービスのアップデートにより変わる場合があります。最新の状態はXserver公式サイトでご確認ください。

サーバーパネルにログイン
「SSL設定」をクリック
SSL化したいドメインを選択
「独自SSL設定の追加」タブを開き、対象ドメインを確認して「独自SSL設定を追加する（確定）」をクリック

設定完了後、反映まで少し時間がかかります。「設定中」の表示が消えて「SSL設定済み」になっていれば完了です。

4. WordPress側でURLをhttpsに変更する

サーバー側でSSLを設定しただけでは、WordPressのURLはまだ「http://〜」のままです。WordPress管理画面からもURLを変更する必要があります。

WordPress管理画面の 「設定」→「一般」 を開き、以下の2項目を https:// に書き換えて保存します。

WordPressアドレス（URL）：http → httpsに変更
サイトアドレス（URL）：http → httpsに変更

保存後はいったんログアウトされることがあります。再度ログインして管理画面にアクセスできれば問題ありません。

また、記事内の内部リンクや画像のURLがまだ「http://」のままになっている場合があります。「Search Regex」などのプラグインを使って、データベース内のhttpをhttpsに一括置換しておきましょう。

5. httpからhttpsへリダイレクトする

WordPressのURL設定を変えただけでは、古い「http://〜」のURLにアクセスしてきたユーザーやクローラーが、自動的にhttpsへ転送されません。301リダイレクトの設定を追加して、http → httpsへ自動転送されるようにする必要があります。

設定方法としては、サーバー上の .htaccess ファイルに転送用コードを追記するのが一般的です。詳しい手順はこちらの記事で解説しています。

→ 【WordPress】ブログSSL化の後にすること：301リダイレクト

リダイレクト設定後は、ブラウザのシークレットモードで「http://〜」のURLにアクセスしてみて、「https://〜」に自動転送されることを確認しておきましょう。

6. SSL化後に確認すること

SSL化が完了したら、以下の点を確認しておくと安心です。

ブラウザのアドレスバーに鍵マーク（🔒）が表示されているか
「http://〜」でアクセスすると「https://〜」に転送されるか
サイト内の画像・リンクがhttpsになっているか（混在コンテンツがないか）
WordPress管理画面の「設定＞一般」でアドレスがhttpsになっているか
ヘッダーのロゴ画像・プロフィール画像などもhttpsになっているか
Google Search ConsoleにhttpsのURLでサイトを登録（または追加）しているか
アナリティクスなど外部ツールのURL設定を更新しているか

7. SSL化しても「保護されていない通信」と出る原因

SSL化が完了したはずなのに、ブラウザに「保護されていない通信」や「混在コンテンツ」の警告が出ることがあります。主な原因は混在コンテンツ（Mixed Content）です。

ページ自体はhttpsで読み込まれているのに、ページ内の画像・CSS・JavaScriptなどが「http://〜」のURLで読み込まれていると、ブラウザは「完全には安全じゃない」と判断して警告を出します。

よくある原因と対処法

記事内の画像URLがhttpのまま：Search Regexで一括置換するか、メディアライブラリから再挿入
テーマ・プラグインがhttpのリソースを読み込んでいる：テーマやプラグインのアップデートで解消されることが多い
ウィジェットやカスタムHTMLにhttpのURLが残っている：手動で確認して修正
外部から読み込んでいるコンテンツがhttpのまま：埋め込み先のURLがhttpsに対応していない場合は、httpsのURLがあるか確認する

ブラウザのデベロッパーツール（F12キー）の「コンソール」タブを開くと、どのリソースがhttpで読み込まれているか確認できます。

まとめ：SSL化の手順チェックリスト

最後に、作業の流れをチェックリストとして整理しておきます。

☐ データベースのバックアップをとった
☐ Xserverのサーバーパネルで独自SSLを設定した
☐ WordPressの「設定＞一般」でWordPressアドレス・サイトアドレスをhttpsに変更した
☐ Search Regexなどで記事内のhttp URLをhttpsに一括置換した
☐ .htaccessにhttp→httpsのリダイレクト設定を追記した
☐ ブラウザで鍵マークが表示されることを確認した
☐ 混在コンテンツ（保護されていない通信）の警告が出ていないか確認した
☐ Google Search ConsoleにhttpsのURLを登録した
☐ アナリティクスなど外部ツールのURL設定を更新した

エックスサーバーではSSL化の設定自体はとても簡単です。ただ、WordPressのURL変更やリダイレクト設定など、SSL設定の後にやることが意外と多いので、この記事を参考に一つひとつ確認してみてください。

リダイレクトの詳細手順はこちらもどうぞ→ 【WordPress】ブログSSL化の後にすること：301リダイレクト