読者です 読者をやめる 読者になる 読者になる

CaramelTrip

家族で海外を旅するフリーランス・プログラマーのログ

お名前.comで買った独自ドメインを、はてなブログに設定しました!wwwあり・なし設定も!

f:id:parsetree:20161219192534j:plain

独自ドメイン取得して設定しました。

「はてなブログPROにしたよ」の続きになります。

ブログ素人が[はてなブログPRO]にしたよ。プロにするメリットって? - 家族で海外留学 | Help each other

はてなブログPROにしたからには独自ドメインやるでしょ。

という事で独自ドメインの取得から設定まで、またwwwあり・なしの設定も含めてご紹介していきます。

「wwwあり・なし」ドメイン名に前にwwwを付けるか付けないかの設定の事です。

  • wwwあり → www.domain.com

  • wwwなし → domain.com

まずは、ドメインの購入から!


お名前.comでドメインを購入する

まず、ドメイン名を考えてください。これが結構むずかしかったりしますよね。笑

次に、お名前.comにアクセスして取得するドメインを入力して使用できるかチェックします。

f:id:parsetree:20161218153129p:plain

ドメインは[.com]がベストだと思います。なければ[.net]とか[.jp]辺りですかね。

それもないなら[.com]で取得できるドメイン名を考えて下さい。

ドメイン名はこれからずっと使用するサイトの顔的な存在なので。

私は[carameltrip.com]で499円、税込みで539円でした。[.jp]高っ!

f:id:parsetree:20161218153801p:plain

欲しいドメインにチェックを入れて[申し込みに進む>]ボタンで次に進んでください。

すると以下のような画面になるので[Whois情報公開代行]にチェックを入れてください。

f:id:parsetree:20161218154758p:plain

こちらのブログでも紹介させれていますが、

www.mutant-tetsu.com

ドメインは登録者の名義が必要になり、何もしなければ登録する必要があります。

「お名前.comでコレを代行するよ」という機能なので個人ブログであれば[お名前.com]にお願いしましょう。

あとは、特に注意事項はありません。

クレジットカードやコンビニ払いで支払いを行ってドメインを購入して下さい。


お名前ドットコムで、ドメインを[はてなブログ]に飛ばす設定

購入したドメインは[お名前.com]サーバーにアクセスされるような状態になっています。

なので、コレを[はてなブログ]サーバーに飛ばすよう設定する必要があります。

区役所に新しい住所を届けるような感じです。

上でご紹介したブログに詳しい説明があるのですが、[お名前.com]の画面が変わってましたので新しいキャプチャーでご案内します。

[お名前.com]にアクセスして[ドメインNavi]にログインして下さい。

f:id:parsetree:20161218161604p:plain


タブメニューで[Navi TOP]をクリック

f:id:parsetree:20161218162124p:plain


購入したドメインのネームサーバーで[変更する]をクリック

f:id:parsetree:20161218162709p:plain


画面左のメニューから[DNS関連機能の設定]をクリック

f:id:parsetree:20161218163951p:plain


購入したドメインを選択して[次へ進む]をクリック

f:id:parsetree:20161218164402p:plain


[DNSレコード設定を利用する]の[設定する]をクリック

f:id:parsetree:20161218164709p:plain


画面をちょっとスクロールして出てきたテキストに以下の値を入力する

※はてなブログは[wwwあり]でないとスムーズに設定できない為、[wwwあり]で設定しています。

  • ホスト名 / www
  • TYPE / CNAME
  • TTL / 3600
  • VALUE / hatenablog.com

f:id:parsetree:20161218165138p:plain

この状態で[追加]ボタンを押して下さい。すると確定して下に追加されます。


DNSレコードを追加したら画面下部の[確認画面へ進む]をクリック

忘れずにチェックボックスにチェックを入れてくださいね。

f:id:parsetree:20161218170938p:plain

次画面で[設定する]をクリック設定は完了です。


はてなブログでドメインを設定する

続いて、はてなブログ側の設定です。こちらはすごい簡単です。

管理画面 > 設定 > 詳細設定で独自ドメインを入力

先程[お名前.com]で設定した[www.yourdoain.com]を入力してください。

f:id:parsetree:20161218171439p:plain

上記のように[ドメインの設定状況][有効]になったら終了です。

[不明][エラー]とでる場合には、しばらく時間を置いた後、再チャレンジしてみて下さい。

有効になったら、URLにご自分で設定したドメインを入力してブログにアクセスできるか確認してみて下さい。


wwwあり・なし設定

以下の記事で詳しく説明されていますが、はてなブログはwwwなしの設定は出来ないようです。

fr-strategy.jp

ただ、何もしないと[wwwなし]でアクセスしてきたユーザーを逃してしまう事になります。

なので、そういったユーザーも逃さないようにリダイレクト設定を行っておきましょう。

私のブログの設定はこうです。

設定はすごい簡単です。

[お名前.com]にリダイレクトURLを設定するだけです。では、やってみましょう。

[お名前.com]にログインして[オプション]タブをクリック

f:id:parsetree:20161218173734p:plain


画面中ほどの[URL転送設定]をクリック

f:id:parsetree:20161218173843p:plain


購入したドメインを選択してリダイレクト設定をする

設定はこんな感じです。

f:id:parsetree:20161218174000p:plain

設定が完了したら、実際にブラウザのURLに[wwwなし]のURLを入力してリダイレクトされるか確認して下さい。

リダイレクトされれば全て終了です!

まとめ

  • お名前.comでドメインを購入する

  • お名前.com → はてなブログへのDNSレコードを設定する

  • はてなブログでドメインを設定する

  • [wwwなし]は[wwwあり]にリダイレクトするよう設定する

お名前.comの画面が使いづらいように思いますが、設定さえしてしまえば当分触ることはないですからね。

お疲れさまでした!