メインコンテンツにスキップ
すべてのコレクション公開サイト公開独自ドメイン・TLS証明書
独自ドメインを使用してサイトを公開する方法
独自ドメインを使用してサイトを公開する方法

Studioで制作したWebサイトを独自ドメインで公開する手順と注意点、トラブルシューティング方法をご紹介します。

Saika avatar
対応者:Saika
今日アップデートされました

対象プロジェクトプラン:全プラン


Studioでの独自ドメイン設定と公開手順

Studioでは有料プラン契約プロジェクトにて、独自ドメインを使用してサイトが公開できます。接続手順は以下となり、DNSレコード設定の反映には数時間かかることがあるため設定は事前に行うことを推奨します。

  1. 公開パネルでドメインを登録する

  2. DNSレコード設定

  3. ドメインの接続確認

  4. TLS証明書の発行

  5. サイトの公開

またこのことから他社サービス・サーバーで公開中のWebサイトを、独自ドメインをそのままにStudioへと切り替える際、サイトにアクセスできない時間帯(ダウンタイム)が発生することをあらかじめご了承ください。

事前準備

ドメインを取得します

Studioにはドメインの取得・管理機能はありません。まだドメインをお持ちでない場合は、先に外部サービスでドメインを取得してください。使用可能なドメインについて詳しくは、以下の記事をご覧ください。

DNSレコード設定画面を開きます

StudioのAレコード(34.111.141.225)を設定するための画面を開いておきます。

注意点

Studioはメールサービスを提供していません。そのため、独自ドメインのメールアドレス(メールアカウント)を利用するには別途メールサービスを契約し、必要なレコード設定をドメイン取得サービスのDNSサーバーで行う必要があります。詳細は以下記事をご覧ください。

独自ドメイン接続の手順

1. 公開パネルを開き、ドメインを登録する

エディタ右上の「公開」ボタンかダッシュボードの「公開設定」をクリックし公開パネルを開きます。「独自ドメイン設定」をクリックし、接続したいルートドメインまたはサブドメインを入力します。

2. DNSレコードを設定する

Studio公開パネル表示されるAレコード(例: A 34.111.141.225)を、DNSレコード設定にて追加します。この設定が反映されるまで数時間要することがあるため、前日までに設定を完了することを推奨します。

DNSレコード設定では Squarespace Domains を例にDNSレコード設定手順を解説しています。ご参考にしてください。

3. ドメインの接続確認

Studioの公開パネルに戻り、「次へ」をクリックして接続状況を確認します。

設定が正しくてもすぐには反映されないことがあります。反映までお待ちください。この間、公開パネルは閉じていただいても構いません。

4. TLS証明書の発行

接続時には暗号化された安全な通信を行うため、自動でTLS証明書が発行されます。このプロセスは自動で行われ、時間がかかる場合があります。

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

5. サイトの公開

設定完了後、すべての公開準備が完了したら、公開パネルにてサイトの公開ボタンをクリックしてください。

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

注意点

  • 証明書発行完了後も公開サイトが404表示となる場合は、公開パネルで「更新」ボタンをクリックしてください。

  • すでにStudioのサブドメインで公開していた場合も、独自ドメインに切り替えると、最初は非公開状態(Studio 404表示)となります。公開準備が完了した時点で、公開パネルで「更新」ボタンをクリックしてください。

トラブルシューティング

  1. 公開パネルにエラーが表示される

ドメイン接続確認の手順で、正常にドメイン接続が確認できない場合、エラーが表示されます

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

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

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

以下の記事でその詳細と対応方法をご確認ください。

2. 証書の発行に4時間以上かかる

DNSレコードの反映状況により、証明書の発行には最大で72時間程度かかる場合があります。Studioではより迅速なサイト公開を支援するため、証明書の発行に4時間以上かかる場合は手動での発行サポートを行なっています。お困りの場合にはチャットサポートまでお問い合わせください。

3. リトライボタンが表示される

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

4. 独自ドメイン設定完了後にサイトが表示されない

何らかの理由でサイトが表示されていない可能性があります。まずは、DNSレコードが正しく設定されているかを以下の記事を参考にご確認ください。

上記記事でも解決できない場合は、Studioにログインして、エディター右下の「?」をクリックしてサポートにお問い合わせください。ご状況やチェックいただいた内容を併せて送信いただくとスムーズです。

カスタムドメイン

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