はてなブログに設定した独自ドメインを別のドメインに変更する方法

はてなブログProのドメインを設定した状態で，新たに違うドメインへ変更しようとした際に適切にリダイレクトする方法を解説します．

このブログは，はてなブログの有料サービスはてなブログProを利用して運営しています．はてなブログは独自ドメインを簡単に設定できます．このブログもお名前ドットコムで取得したwww.letstouch.techというドメインを利用していました．

先日，お名前ドットコムから.techドメインの年間利用料を値上げする（3980円 -> 4980円）という告知があったことがきっかけで，ドメイン名を変更することにしました．

利用料を考えると.com .org .infoなどの古参ドメインが比較的安いです．最近追加されているgLTDドメイン（.techとか.worksのようなやつ．詳しい解説は JPNICの資料とか見てください）は高め．

ドメインを取得したら，CNAMEレコードとしてhatenablog.com.を指定し，はてな側で利用するドメインを指定するだけです．

f:id:motoso:20160807180353p:plain

このブログはお名前ドットコムで取得したletstouch.techというドメインを利用していたため，www.letstouch.techのCNAMEレコードをhatenablog.com.としていました．

このようにCNAMEレコードを設定すると，www.letsouch.techへのアクセスはhatenablog.com.へのアクセスのエイリアスと解釈されるため，はてなブログに正常にアクセスできるというわけです．

はてな側の設定を新規ドメインのものにする必要があるので，次の設定が必要です．

しかし，これだけでは問題があります．はてな側の設定をこのように変えてしまうと，旧URLから記事にアクセスすることができなくなってしまいます．はてな側でwww.letstouch.techの対応先の情報が消失するためです．

このようドメインを変更してしまうと，Google検索でヒットするのは旧URLのほうなのに，それを踏むと404エラー（そんなブログはないので表示できない）になってしまいます．新たにサイトを作ってそこにコンテンツをおひっこしした状態になるわけです．検索にひっかかりにくくなってしまいます．

このため，この設定に加えてwww.letstouch.techへのアクセスをwww.yuk-and-duck.comのアクセスとみなすようにする必要があります．そこで旧ドメインのCNAMEレコードを新ドメインにひも付けました．つまり以下の様な設定にしました．これは，間違った対応でした．

上述の設定で一晩放置した結果，アクセス件数は0件になりました．旧ドメインへのアクセスが正しくこのブログへのアクセスとみなされなくなっていました．

f:id:motoso:20160807175851p:plain 図：0時から12時までアクセスが不能になった．12時に後述の対応をした結果アクセス可能となった．

上記の設定の状態で新ドメインにアクセスすると，次の画面になりました．

f:id:motoso:20160807175959p:plain

はてなの404ページが表示されていることから，はてなドメインに正しくアクセスできていることがわかります．しかし僕のブログにはアクセスできていません．どうも，CNAMEレコードを上記のように設定しても，新ドメインからのアクセスではなく，旧ドメインからのアクセスとしてはてな側で扱われるようです．

内部の実装はわからないのですが，上述のようにCNAMEを設定した状態の旧ドメインにアクセスすると次のようになると考えると納得がいきます．

DNSの設定をいじっても解決不能ということがわかったので，サーバで適切にリダイレクトするようにします．

お名前ドットコムのリダイレクトサービスURL転送Plusを使うとドメインへのアクセスをリダイレクトできるようですが，何故か設定に失敗しました．また，このサービスの転送は302で行われるようなのでGoogleの検索結果の順位がさがるため，よろしくないです．

そこで，旧ドメインのAレコードを適当なWebサーバに指定して，そのサーバから新ドメインにリダイレクトするようにしました．こうすると，旧ドメインへのアクセスは一度Webサーバを経由し，新ドメインにリダイレクトされ，新ドメインへのアクセスとしてはてなに認識されるので問題なくアクセスできるはずです．

僕はさくらのVPSでnginxを動かしていたので設定を数行加えただけです．

新ドメインのAレコードにnginxを立てるサーバのIPアドレスを指定します
サーバにnginxをいれて起動します
/etc/nginx/conf.d/default.confに次の設定を追加します．（ドメイン名はletstouch.techを旧ドメインに，yuk-and-duck.comを新ドメインに各自変更してください）
/etc/init.d/nginx restart で再起動すれば設定完了です．