ブログの独自ドメイン化。ムームードメインの設定方法
こんにちは！うしじです。
GatsbyとNetlifyを使った無料のブログ作成方法や更新方法の記事を書きましたが、今回は、その作成したブログに独自ドメインを設定する方法を書きたいと思います。
独自ドメインを取得することで、無料ではなくなってしまいますが、SEOのことを考えるとやはり独自ドメインが良いと考えています。
ドメインによっては、年間100円以下で取得できますし。
本記事では、私がこのブログに利用しているNetlifyと
ムームードメイン
での設定方法を記載します。
ドメイン購入
まずはドメインを購入しましょう！
お名前.com
やムームードメイン
等ありますが、個人的なおすすめはムームードメインです。
NetlifyやHeroku等のサービスを使っていると、ドメインの設定にALIASを用いたいときがあるのですが、ムームードメインであれば、その設定が可能です。
Netlifyの独自ドメイン化の設定
Netlifyの対象サイトのページへ移動し、"Set up a custom domain"を押します。
Add a custom domain to your site のページが開くので、購入したドメインを入力し、"Verify"を押し、"Yes, add domain"を押します。
本記事では、"demo-blog.ushiji.online" を用いました。
"ushiji.online"と"www.ushiji.online"は本ブログで用いているため、"demo-blog"というサブドメインを付けたものにしました。
登録したドメインがCustom domainsに追加されています。これでNetlifyでの独自ドメイン追加完了です。
次は、ムームードメインの設定です。
ムームードメインの設定
ムームードメインのコントロールパネルを開き、ドメイン一覧から対象のドメインを選択し、"ネームサーバ設定変更"を押します。
"ムームードメインのネームサーバ(ムームーＤＮＳ)を使用する"を選択し、"ネームサーバ設定変更"を押します。
ムームーDNSのメニューへ行き、対象のドメインの"変更"を押し、カスタム設定へ行きます。
今回用いるドメインは、"demo-blog.ushiji.online"なので、カスタム設定では、下記のように入力します。
- サブドメイン：demo-blog
- 種別：CNAME
- 内容：modest-torvalds-27323c.netlify.app
もし、"ushiji.online"と"www.ushiji.online"を用いる場合は、下記の2つのレコードを登録します。 CNAMEはサブドメインがある場合しか使えないため、"ushiji.online"の設定では、ALIASを用います。
- サブドメイン：（空白）
- 種別：ALIAS
- 内容：modest-torvalds-27323c.netlify.app
- サブドメイン：www
- 種別：CNAME
- 内容：modest-torvalds-27323c.netlify.app
これで、ムームードメインの設定は完了です。数分〜数時間ほどで設定が反映されると思います。
Netlifyの設定画面が下記のようになれば完了です！
デモブログページ（https://demo-blog.ushiji.online）にアクセス出来るようになっていると思います。
Gatsby ブログ作成記事一覧