studioで公開しているHPの独自ドメインを変更する

地味にハマったので記録しておく。

達成したいこと

1. studioで公開しているHPの独自ドメインを変更したい
2. 旧ドメインのHPの検索順位を維持したい

背景

• コーポレートサイトをstudioというホスティングサービスで公開している。
• 会社名を検索すると一番上に出てくるので、ドメイン変更後、ページランクをまた一から育てるのは苦しい
• studioのサポートに連絡したところ、提示してくれた方法では2が達成できなかったので色々調べる必要があった。
• 旧ドメイン・新ドメインの両方とも、AWSのRoute53で管理している。

やる必要がある作業まとめ

• 「http://旧ドメイン」と「https://旧ドメイン」にアクセスした時、「https://新ドメイン」にhttpレベルで301リダイレクトさせること。
• studio上で旧ドメインの接続を解除し、新ドメインの接続を行う。

注意点

1. 旧ドメインの接続が解除されてから、新ドメインの接続が完了するまでダウンタイムが発生する。 サポートの方は、予め新ドメインでAレコードにIPアドレスを設定していれば問題ないという話だったが、Aレコードの値が解除前と異なったので、結局ダウンタイムは発生していた。
2. リダイレクトの方法は複数ある。Googleが最も推奨している301リダイレクトを実施する。

参考： リダイレクトによる SEO への影響 | Google 検索セントラル  |  ドキュメント  |  Google Developers

リダイレクト設定の手順

httpsプロトコルでリダイレクトするにはAWSのS3のみでは不可で、Cloudfrontを使う必要があるとのこと。 なので、

1. S3でbucketを作成
2. 1で作成したbucketをオリジンドメインに指定して、CloudFrontのディストリビューションを作成
3. 旧ドメインを2のディストリビューションに紐付け(Aレコード)
4. 2のディストリビューションに「新ドメインにリダイレクトする」関数を定義

サンプル： ビューワーを新しい URL にリダイレクトさせる - Amazon CloudFront

検証

curlコマンドで旧ドメインにリクエストし、301が帰ってきたら成功。