Bloggerの独自ドメインでHTTPSとルートドメインを設定する方法
こんにちは。rurusyu編集部です。
今回は、Bloggerに独自ドメインを接続したあとに行った、HTTPS設定とルートドメインの確認についてまとめます。
私の環境では、www.ruru-syu.comは表示できるようになっても、ruru-syu.com（wwwなし）ではエラーになる時間がありました。DNSの反映には時間差があるため、順番に確認することが大切です。
www付きURLとルートドメインの違い
Bloggerのカスタムドメイン設定では、基本的にwww.example.comのようなwww付きのURLを登録します。一方、example.comのようにwwwがないURLは、ルートドメインと呼ばれます。
今回の設定では、次のように役割を分けました。
www.ruru-syu.com：Bloggerのカスタムドメインとして接続ruru-syu.com：AレコードでBloggerへ向け、www付きURLへリダイレクト
両方のURLを設定しておくと、読者がwwwあり・なしのどちらでアクセスしても、ブログへたどり着きやすくなります。
1. Bloggerにwww付きドメインを登録する
Bloggerの管理画面で「設定」を開き、公開に関する項目からカスタムドメインを設定します。入力するのは、今回のようにwww.ruru-syu.comです。
Bloggerの設定画面。カスタムドメイン欄にwww付きのドメインを設定します。
 |
wwwなしのドメインを入力するとエラーになることがあるため、まずはwww付きで設定します。保存時に所有権確認のエラーが表示された場合は、Bloggerが画面に表示したCNAMEをDNSへ登録します。
2. ルートドメイン用のAレコードを確認する
wwwなしのルートドメインにもアクセスできるようにするには、DNS側にGoogleのAレコードを登録します。Aレコードの値は次の4つです。
216.239.32.21216.239.34.21216.239.36.21216.239.38.21
お名前.comでは、ホスト名を空欄にしたAレコードを4件追加しました。入力画面によってはIPアドレスを4つの欄に分けて入力します。
登録済みのAレコードとCNAME。確認用の固有文字列は黒塗りしています。
注意：ネームサーバー変更のチェックは未チェックでOKです。今回はネームサーバーを変更しないため、チェックを入れません。
すでに同じAレコードが登録されている場合は、重複して追加しないように確認してください。DNSを別のサービスで管理している場合は、そのサービス側で設定します。
3. Bloggerの「カスタムドメインにリダイレクト」を有効にする
DNS設定が反映され、Bloggerで独自ドメインが利用できる状態になったら、設定画面に「カスタムドメインにリダイレクトする」という項目が表示されます。
この項目を有効にすると、wwwなしのruru-syu.comから、www付きのwww.ruru-syu.comへ移動する設定になります。
ただし、DNSのAレコードがまだ反映されていない段階では、スイッチを有効にしても正常に動作しません。先にwwwなしのURLで接続できる状態を作り、反映を確認してから有効にします。
実際に起きたエラー
設定の途中で、wwwなしのURLを開くとDNS_PROBE_FINISHED_NXDOMAINと表示されたことがありました。これは、ドメイン名をDNSで見つけられていない状態です。
また、別のタイミングではERR_CONNECTION_CLOSEDが表示されました。設定直後はDNSの情報が地域や回線ごとに異なる状態で参照されることがあるため、すぐに原因を断定せず、DNSレコードとネームサーバーを確認して時間を置きました。
最終的には、Aレコード4件とCNAMEを確認し、DNSが反映されたあとに再読み込みすることで、wwwなしのURLからもブログが表示されました。
4. HTTPSの使用を有効にする
独自ドメインが接続できたら、Bloggerの設定画面にある「HTTPSの使用」を有効にします。最初は「処理中」と表示されることがあります。
HTTPSの使用が処理中になっている画面。利用可能になるまで待ちます。
「ステータス：使用可能」になるまで待ち、利用可能になったことを確認します。私の場合も、スイッチを入れてすぐに完了するのではなく、しばらく待つ必要がありました。
5. HTTPSリダイレクトを有効にする
HTTPSの使用が利用可能になったら、「HTTPSリダイレクト」も有効にします。これにより、http://www.example.comでアクセスされた場合も、https://www.example.comへ移動するようになります。
設定後に確認すること
設定が終わったら、次の順番で確認します。
https://www.ruru-syu.com/でトップページが表示されるhttps://www.ruru-syu.com/から記事ページを開ける- HTTPでアクセスしてもHTTPSへ移動する
- wwwなしのURLからwww付きのURLへ移動する
- スマートフォンでも本文と画像が画面内に収まっている
うまく表示されないときの確認
設定直後に表示できない場合は、まずお名前.comのネームサーバーとDNSレコードを確認します。CNAMEのホスト名や確認用の固有文字列を入力し間違えていないか、Aレコードが4件そろっているかを見直します。
設定を直した直後は、古いDNS情報が残っていることがあります。ブラウザの再読み込みや別の回線での確認を試し、それでも表示されない場合は、すぐに同じレコードを重複登録せず、時間を置いてから再確認します。
まとめ
Bloggerで独自ドメインを使う場合は、まずwwwのCNAMEとルートドメイン用のAレコードを設定し、DNSが反映してからリダイレクトとHTTPSを有効にします。
私の環境でも、設定直後はDNS_PROBE_FINISHED_NXDOMAINやERR_CONNECTION_CLOSEDが表示されましたが、DNS設定を確認して時間を置くことで、wwwなしのURLからもブログを表示できました。
設定画面の表示や反映時間は環境によって異なります。焦って何度も設定をやり直さず、トップページ・記事ページ・スマートフォン表示まで確認してから運用を始めるのがおすすめです。
コメント
コメントを投稿