WEBデザイン・プログラミング関連の
情報発信を手掛ける STAND4U

HOME > WEB制作 > エックスサーバーで「http」から「https」へのリダイレクト設定する方法

エックスサーバーで「http」から「https」へのリダイレクト設定する方法

［景品表示法に基づく表記］ 本コンテンツにはプロモーションが含まれています。

SSLを設定してみたけど、httpからhttpsへのリダイレクト設定もやっておきたい。

重要なポイントだね。せっかくSSLを導入したのであれば「リダイレクト」は、必ずやっておきたい設定だ。

今回は「エックスサーバー」において、httpからhttpsへのリダイレクト設定する方法を解説しよう！基本的には、他のサーバーでも同じ記述となるので、他のサーバーの人も参考に見てほしい。

httpからhttpsへのリダイレクトとは

「リダイレクト」とは、自動的にページを遷移させる設定であり、「httpからhttpsへのリダイレクト」とは、あなたのWEBページを見に来る人が、「http://~」のアドレスでアクセスしてきた場合に、自動的に「https://~」へと「s」がついた、暗号化されたセキュアなアドレスへ自動的に遷移させるという設定だ。

SSL通信は、https~のアドレスで見ている人にだけ有効なので、せっかくSSLを導入したのであれば、是非とも設定しておきたいところだ。

エックスサーバーで「httpからhttps」へのリダイレクト設定のやり方

「httpからhttpsへのリダイレクト」を設定するには「.htaccess」というファイルを編集する必要がある。

エックスサーバーに限らず、基本的にはサーバー上にある「.htaccess」ファイルをFTPソフトなどでダウンロードして、編集してから再度、FTPソフトでアップロードするという形で対応可能なのだが、初心者の方にわかりやすい方法として「サーバーの管理画面から編集する方法」をお伝えしよう。

エックスサーバーの場合、まずは「サーバーパネル」にログインして、「.htaccess編集」のリンクをクリック。

すると、ドメインを選択する画面に移るので、設定したいドメインを選択。

遷移先の「.htaccess編集」画面で、右側の「.htaccess編集」のタブを選ぶと「.htaccess」ファイルの中身が表示される画面になる。

.htaccessの編集

この「.htaccess」ファイルに、次のコードを追記するだけでOKだ。

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

念の為、このコードの意味を上から順に、簡単に解説すると

mod_rewriteが利用できる環境の場合
mod_rewriteの機能をonにして
SSL通信がOFFの場合
全てのページにおいて、https〜に301リダイレクトをする

ざっくり言うとこういう意味だ。

よくわからないかと人も多いかもしれないが、一旦このコードを「コピー・ペースト」で追記しよう。ペースト位置は「#BEGIN WordPress」の上あたりで良いだろう。

注意点

.htaccessファイルに追記する前に、最初の状態をコピーして「不具合があった場合に」元に戻せるように、メモ帳にでもバックアップとして残しておこう。

追記後はこんな感じになるはずだ。

問題なければ「確認画面へ進む」をクリックし

念の為、再度チェックして問題なければ「実行する」をクリック。

「.htaccessの編集が完了しました。」と出れば、リダイレクト設定の完了だ！

実際にリダイレクトできているかチェックしてみよう

リダイレクト設定ができているか、設定したドメイン名に「http://ドメイン名」でアクセスしてみて、「https://ドメイン名」に自動的に遷移すれば、リダイレクトの成功だ！

まとめ

SSLのリダイレクトができたら、まずはひと安心！

WordPressなどのカスタマイズや、その他の初期設定・ブログの執筆作業など、どんどん進めていこう！

まだWordPressでブログ開設の途中の方はこちらの記事も合わせて確認しておこう！

【初心者用】WordPress:ワードプレス「ブログの始め方」手順書

▶ 【初心者用】WordPress:ワードプレス「ブログの始め方」手順書

※当記事の掲載内容は執筆現在の個人の見解・調査によるもので、動作・サービス等を保証するものではありません。最新情報は各公式サイトでご確認頂き、購入・契約・データ作成等はご自身の判断・責任でお願いします。 免責事項

関連記事

WEBデザイン動画講座
YouTubeで学ぶWEBデザイン Uチャンネル Powerd by STAND4U
超短期1日集中 オンラインWEBデザインマンツーマン講座

ナビゲーション

この記事を書いた人

編集長

WEBデザイン・グラフィックデザイン歴：約18年、HTMLコーディング、jquery、wordpress、イラストなど本業とし、WEBデザインコンサル・プログラミング・ライティング等にも勤しんでいます

プロフィールはこちら

WEBデザイン作品集はこちら

Twitter @stand_4u_ をフォロー

新着記事