さくらでURL正規化を正しく行うSSLの設定方法

はい、こんばんは。
はるかです。

前回、
さくらSNI 独自SSLでドメイン全体をHTTPS化するという
記事を書きました。

この方式は、サーバ環境変数に強制的に数値を代入して
騙しながら動かすというものでした。

【2018年3月追記】
さくらインターネットがリバースプロキシの仕様変更を実施しました。
そのため、特別な環境変数を読み込まなくても、htaccessでのHTTPSの判断ができるようになりました。

htaccessでのHTTPS/HTTPの判断は、従来通り「X-Sakura-Forwarded-For」を使用しても可能です。
特に変更する必要はありませんが、wp-configに環境変数を設定したりする行為は不要ですので、もし実施されている方は設定を見直してください。

なお、さくらが仕様変更した項目は次の通りです。

リダイレクトが繰り返し行われましたと表示される対応について


これで環境変数「%{HTTP:X-Sakura-Forwarded-For}」で判断しなくても、
%{HTTPS} ON
など一般的なホスティング会社と同様の設定を使用する事ができます。

ただ、以下のように設定し正規化は必要です。

【以上追記終わり】

まず、HTTPSとHTTPでは、検索エンジンに通知されるサイトは全く別物になります。
また、www付きか否か、最後は/で終わるのかファイルで終わるのか、これら全てが別サイトとして扱われます。

具体的には次のようなパターンがあります。
http://harukas.org
http://harukas.org/
https://www.harukas.org
https://www.harukas.org/
https://harukas.org
https://harukas.org/
https://www.harukas.org
https://www.harukas.org/

これらは、全て
https://www.harukas.org/
に正規化されています。
一つでも漏れがあり、そこへリンクするサイトが現れたなら、PageRankを分け与えることになり、もったいない事になります。
（注：正確にはトップドメインレベルのスラッシュの有無はPageRankに影響を与えません。またwww有無の扱いもsearchconsoleで設定する事ができます）

今回は、さくらのサーバ設定だけでなく、これら正規化の方法も解説したいと思います。

１．移行するドメインを考える

私の購入したSSL証明書は、www.harukas.orgでも、harukas.orgでも動作する証明書です。（ワイルドカードではありません）
3年で3456円という価格でwww有無問わず使えるというので衝動買いでした。
みなさんは、ちゃんと熟考してくださいね^^;
<追記>
さくらは年額1000円程度なので、証明書もさくらで買っています。

私の場合、www付きで統一する事を前提に考えていたので、さくらでCSRをセットする時は「www.harukas.org」としました。

wwwの有無は、サイト設計に関わる重要な内容であると同時に証明書の価格や正規化にも影響しますので、どのようなサイトにするのかよく考えて購入＆設定します。

２．さくらのサーバコントロールパネルの設定

サーバコントールパネルにログインして「ドメイン設定」で各種設定が可能です。

現在の状態は、以下の通りです。


ここに今回の説明の大きなポイントがあります。
www.harukas.orgとharukas.orgのwwwありなしそれぞれ
両方を登録するんですね。二つは、同じ証明書を参照しています。

本来のマルチドメインとはharukas.orgの片方だけ登録すれば、www.harukas.orgもharukas.orgも
マルチで使用可能な設定なのです。
事実、以前の私のサイト（httpsではないサイト）では、harukas.orgだけ登録してwwwありなし、両方を使っていました。

しかしながら、HTTPSに移行した瞬間サーバの環境変数がとち狂って、前回の記事のようになったのです。
（横道に逸れてしまいました）

今回は、HTTPSでも正しく動作する設定ですので、このとおりに設定してみて下さい。

それでは２つの設定のうち、wwwの無いharukas.orgの設定を見てみましょう


ポイントは
wwwを付与せずマルチドメインとして使用する（上級者向け）
を選ぶことです。

上級者向けって、何が上級かわかりませんが普通は、推奨にしますよねｗ
www付きとそうでない場合両方使えると書いてありますし。
しかし、全く使えず大嘘（SSLの時だけ）なので注意してください。

また逸れてしまいました。しつこいですね^^;
ということで、ここでは上級者向けに設定します。

次に、wwwの付いたwww.harukas.orgの設定を見て下さい


はい、そこ、笑わないｗ
こちらは、「推奨」に設定します。
普通、選びませんよね。
もはや道理が通用しない状況ですので、このように設定したらただしく動作すると考えて頂けたらと思います。

www.www.harukas.orgプププッってあたしが一番笑ってるｗ
超余談ですが、このURLでもhttpならリダイレクトしてくれます^^;
httpsはサブドメイン証明書が居るのでダメだと思いますし、このために.htaccessのパフォーマンスを犠牲にする必要は無いです。

はい、ここまで設定できたら終わったようなものです。
これで、サイト来訪者が、URL欄に
https://www.harukas.org/
とすれば、さくらのサーバは環境変数
$_SERVER[‘HTTP_HOST’] = www.harukas.org
を返却して、

サイト来訪者が、URL欄に
https://harukas.org/
と入力すれば、環境変数
$_SERVER[‘HTTP_HOST’] = harukas.org
を返却してくれます。

やっと普通のサーバの振る舞いになりました。
これで、.htaccessの設定が思い通りに
できます。

３．htaccessを設定する

それでは、私が設定している.htaccessの解説をします。

まず、ルート直下の設定です。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_HOST} ^harukas\.org$ [OR,NC]
RewriteCond %{HTTP:X-Sakura-Forwarded-For} ^$
RewriteRule ^(.*)$  [R=301,L]
</IfModule>

RewriteCond %{HTTP_HOST} ^harukas\.org$ [OR,NC]
正規表現で「^」は始まりを意味し「$」は終わりを意味します。
よって、サイト来訪者が入力したURLが、harukas.orgで始まって居たら・・・というのをor条件にしています。
（来訪者がwwwを入れてなかったらという判断をしています）

RewriteCond %{HTTP:X-Sakura-Forwarded-For} ^$
この変数は、SSLでアクセスしているとき、さくらのサーバが設定する特別な変数です。
（クライアントのIPアドレスが入っています）
この変数がナル（正規表現で^のはじめから$の終わりに何も無い）の場合は、httpでアクセスしていると判断できるので、それを条件にしています。

本記述はさくらインターネットで実現するための方式です。
他社のサーバの場合、
RewriteCond %{HTTP:X-Sakura-Forwarded-For} ^$
を
RewriteCond %{HTTPS} off
とすることにより、動作します。

RewriteRule ^(.*)$ [R=301,L]
リライトのルールです。
入力したサーバ名の以外の全てが$1になり、それをhttps://www.harukas.org/に付けなさいとしています。

つまり日本語で書くと、
もし、harukas.orgで始まっている場合は
https://www.harukas.org/xxxx←最初から付いているものに301リダイレクトしなさい。

また、http://で始まってたら
https://www.harukas.org/xxxx←最初から付いているものに301リダイレクトしなさい。

という設定です。

わかりやすい例です。
http://harukas.org/ → https://www.harukas.org/
→
という感じになります。
基本的に「WordPressのディレクトリ以外」はコレでOKだと思います。

次にWordpress配下の設定を見てみましょう。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /blog/
RewriteCond %{HTTP_HOST} ^harukas\.org$ [OR,NC]
RewriteCond %{HTTP:X-Sakura-Forwarded-For} ^$
RewriteRule ^(.*)$  [R=301,L]
</IfModule>

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /blog/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /blog/index.php [L]
</IfModule>

# END WordPress

私はWordpressを/blog/に置いているので、その設定になっています。
#BEGIN～#ENDまではWordPressが勝手に作るセクションなので、触る必要は無いです。

ディレクトリに/blog/が付いた程度で変わりは無いので、説明は省略します。

４．wp-configの設定

念のためwp-configに次の記述をしておきます。

// プロクシでIPが入るとSSLアクセス状態をセットする
if( isset($_SERVER['HTTP_X_SAKURA_FORWARDED_FOR']) ) {
    $_SERVER['HTTPS'] = 'on';
    $_ENV['HTTPS'] = 'on';
}

if文は、$_SERVER[‘HTTP_X_SAKURA_FORWARDED_FOR’]に何か変数が入った場合実行するようになっています。
この変数は上述の通り、さくらのサーバでSSLでアクセスしているときに吐き出す専用の変数です。
この変数がセットされた時は、httpsでアクセスしているんだという事を強制的に通知します。

これにより、WordPressがhttpsなのにhttpと判断してしまうことがなくなり、安定した動きになります。

なお、このwp-configの記載は先頭に持ってきてください。
状況により、動作しなくなります。

追記

2017年9月にさくらはCAAの対応をしました。
さくらのDNSを使っている方は、是非とも設定してみてください。

常時HTTPSサイト必須 さくらのDNSを使いCAAを設定しよう

追記終わり

以上で、さくらインターネットスタンダードプランで
ドメイン全体をSSL化し、Wordpessを正しく動かす設定の
説明を終わります。

最後までみてくれてありがとう。

それじゃまたね～