メインコンテンツにスキップ

独自ドメインでサイトを公開する

外部サービスで取得した独自ドメインを使ってWebサイトを公開する手順と、利用時の確認事項を紹介します。

今日アップデートされました

Point:Studioサイトで使えるドメインについて
サイトを公開するには、まず利用するドメインを決めます。Studioでは、「独自ドメイン」または「Studioサブドメイン」でサイトを公開できます。詳しくは独自ドメインとサブドメインの比較をご覧ください。

独自ドメインとは

  • ドメイン提供サービス※ で取得・管理する、完全オリジナルのドメインです。

    ※「お名前.com」「ムームードメイン」「さくらのドメイン」「Xserverドメイン」「Google Domains」など

  • URL形式は「example.com」や「example.jp」などがあります。example部分には好きな文字列を設定でき、末尾のドメインの種類も選ぶことができます。

  • 一度取得すれば、サーバーやサービスを変えても同じドメインを利用し続けることができます。


独自ドメイン利用時の確認事項

利用可能なドメインの確認

移行完了までのダウンタイム

メールサービスの利用


独自ドメインでサイトを公開する手順

この手順には、Studioでの操作と外部サービスでの操作が含まれます。

Step1. 独自ドメインを取得する

まだドメインをお持ちでない場合は、接続するドメインを予め用意しておく必要があります。Studioにはドメインの取得・管理機能が無いため、外部サービスで取得をお済ませください。

Tips:独自ドメインではなく、Studioのプロジェクトに自動で付与されるドメイン(Studioサブドメイン)で公開する場合は、ドメインの取得は不要です。

Step2. サイトを作成し、有料プランを契約する

Studioでサイトを制作します。作り方は以下を参考にしてください。

プランについて
サイトを独自ドメインで公開するには、そのプロジェクトが有料プランである必要があります。事前に有料プランをご契約ください。

Step 3. Studioで独自ドメイン接続の準備をする

  1. エディタ画面右上の[公開]ボタンを開き、公開パネルを開きます。

  2. [独自ドメイン設定]をクリックします。

  3. 接続したいドメインを入力し、[OK]をクリックします。

  4. 表示されるAレコード(例: A 34.111.141.225)をコピーします。

Step 4. 外部サービスでDNSレコード設定を行う

注意:レコードの変更について

  • Studioに接続したいドメインが、元々別サイトの公開に使用されている場合、レコード変更後は元のサイトが表示されなくなります。

  • レコード設定の反映には数時間を要することがあるため、前日までに設定を完了しておくことを推奨しています。

Step4は、Studioではなく外部サービスでの操作となります。

  1. ご利用のDNSサーバーにアクセスします。 通常は、ドメインを取得したサービス(例:「お名前.com」「ムームードメイン」「さくらのドメイン」「Xserverドメイン」「Squarespace」など)に当たります。一部のケースでは、別途DNSサービスを利用している場合もあります。

  2. 管理画面で、Step3でコピーした内容をAレコードとして登録します。 詳しくは「DNSレコード設定」の記事をご覧ください。

Step 5. Studioでドメイン接続状況を確認する

  1. Studioの公開パネルに戻って[次へ]をクリックし、ドメインとStudioサーバーの接続状況を確認します。

  • Aレコードが正しく設定されていても、DNSの設定やStudio側のシステムチェックのタイミングにより、反映までに時間がかかる場合があります。

  • 反映まで待つ間、公開パネルは閉じても構いません。

注意:正常にドメイン接続が確認できない場合、以下のエラーが表示されます。

  • ドメインの向き先が確認できません

  • ドメインが別のサーバーに向いています

  • ドメインが複数のサーバーに向いています

エラーの詳細や対応方法については、こちらのヘルプ記事をご覧ください。 Aレコードを設定後、接続が確認できません

Step 6. TLS証明書の自動発行を待つ

TLS証明書が自動で発行されるのを待ちます。 公開パネルの[独自ドメイン設定]で、証明書のステータスをいつでも確認できます。

  • 公開パネルを閉じたり、PCをシャットダウンした状態でも発行は中断されません。完了時に通知は送信されないため、発行状況は公開パネルよりご確認ください。

  • 証明書の取得に失敗した場合は、リトライボタンが表示されます。リトライボタンをクリックして再取得を行ってください。

Tips:TLS証明書の発行には、一般的に数分から数時間程度かかります。4時間以上かかる場合は、手動での発行サポートを受け付けています。お困りの場合は、エディタ左下の[?]からチャットサポートへお問い合わせください。

Step 7. サイトを公開する

  1. 公開パネル右上の[公開]をクリックします。

  2. 公開が完了すると、ポップアップが表示されます。

  3. 公開URLをクリックし、サイトの表示を確認します。

スクリーンショット:サイトの公開ボタンをクリックする様子。

注意:404ページが表示されてしまう場合

  • 404ページが表示される場合は、Studioエディタの公開パネルで[更新]をクリックしてください。それでも解決しない時は、DNSレコードが正しく設定されているかをご確認ください。 参考:独自ドメインの接続・公開に問題がある場合のチェック事項

  • 元々Studioサブドメインで公開していたサイトを独自ドメインに切り替えた場合も、最初は非公開状態(Studio 404表示)となるため、公開するためには[更新]の操作が必要です。

独自ドメインでの公開に関して上手くいかない場合は、エディタ左下の[?]からチャットサポートへお問い合わせください。ご状況や、チェックいただいた内容を併せて送信いただくとスムーズです。

カスタムドメイン

こちらの回答で解決しましたか?