Vercelのドメイン設定・DNS追加手順5ステップ【初心者向け】

Vercelにデプロイしたアプリに独自ドメインを割り当てたいけれど、具体的なVercelのドメイン設定の手順やエラーの解決方法がわからず、スムーズにサイトを公開できるか不安を感じていませんか。Vercel Domainの管理を適切に行うことで、サイトの信頼性は大きく向上します。

こうした疑問に答えます。

Vercelのドメイン設定は、管理画面の指示に従ってAレコードやCNAMEを正しく追加するだけで簡単に完了します。Vercelでドメイン取得を検討している方や、Vercelの独自ドメイン料金が気になる方も多いはず。基本的にVercelではドメインは無料ではありませんが、外部で取得したドメインの接続は非常にシンプルです。

SSL証明書の発行といったセキュリティ対策も自動で最適化されるため、専門知識がなくても安全なWebサイト運用が可能。サブドメインの追加やドメイン変更も柔軟に対応できます。最短で作業を終わらせるために、具体的なVercelのDNS設定の手順を詳しく見ていきましょう。

Vercelのドメイン設定の基礎知識

vercelとはNext.js開発元が提供するクラウドプラットフォームのことで、デプロイしたWebアプリケーションにはデフォルトで「.vercel.app」というサブドメインが付与されます。商用利用やブランディングの観点からは、Vercelドメイン設定による独自ドメインの適用が不可欠です。

プロジェクトのSettingsタブ内にあるDomainsセクションから、簡単に設定を行えます。外部サービスでVercelドメイン取得をした後、適切に紐付けることでオリジナルのURLによるサイト公開が可能です。

独自ドメインの利用料金

Vercelで独自ドメインを利用する際、Vercel側へ支払う追加費用や手数料は発生しません。全てのプランにおいて、Vercel独自ドメイン料金は無料で標準機能として提供されています。

あわせて読みたい

Vercelの料金・無料枠での商用利用と高額請求対策【プロ解説】

Vercelの料金でお悩みの方に、無料プランやProの違い、商用利用と独自ドメインの条件を解説し、高額請求を防いで自社に最適なコスト管理を実現します。

ユーザーが負担するのは、レジストラに支払うドメインの年間更新料のみです。Vercelと外部サービスにおける料金負担の違いを以下の表にまとめました。

ランニングコストを最小限に抑えながら、本格的なWeb運用をスタートできます。

無料サブドメインの提供

Vercelではプロジェクト作成時に、Vercelドメイン無料のサブドメインが自動で割り当てられます。「プロジェクト名.vercel.app」の形式で、即座にサイトを公開できる仕組みです。

Vercel Domainの主な特徴は以下の通りです。

• プロジェクトごとに一意のURLが生成される
• 設定により任意の文字列へVercelドメイン変更ができる
• Vercelサブドメインはステージング環境の確認にも役立つ

独自ドメインを適用するまでの準備期間や、開発中の動作確認に最適な機能といえます。

SSL証明書の自動発行

セキュリティ保護に欠かせないVercel SSL証明書は、ドメイン設定時にすべて自動で管理されます。DNSの紐付けが成功すると、認証局を通じて証明書が即座に発行される仕組みです。

手動で証明書を購入したり、サーバーへアップロードしたりする手間は一切ありません。Vercelでは有効期限が切れる前に自動更新が行われるため、メンテナンスフリーで安全な通信を維持できます。

Aレコードによる接続

外部のDNSサーバーを使いながらVercelへ接続する際は、Vercel DNS設定にてAレコードを指定します。ドメインの管理権限をレジストラに残したまま、サイトのトラフィックだけをVercelへ向けたい場合に適した方法で、Next.jsプロジェクトではVercelとNext.jsの連携を含む既存構成にそのまま適用できます。

設定の手順は以下の通りです。

1. VercelのDomains画面でドメインを追加する
2. 指定されたIPアドレスをコピーする
3. ドメイン管理会社のパネルでAレコードを登録する

主な設定値の例は以下の通りです。

設定反映後、管理画面で「Valid Configuration」と表示されれば接続完了です。

ネームサーバーによる接続

ドメインのDNS管理をすべてVercelに委任する方法が、ネームサーバーによる接続設定です。この方法を選択すると、レコードの追加や編集といった操作がすべてVercelのダッシュボード上で完結します。

ネームサーバー設定のポイントは次の3点です。まず、Vercelから指定される4つのネームサーバーを控えます。次に、レジストラの管理画面で指定されたネームサーバーへ書き換えます。最後に、設定内容が世界中のサーバーに浸透するまで時間を要する場合がある点に留意してください。

ネームサーバーを切り替えると、メールサーバーの設定などもVercel側で管理することになります。すでにメール運用を行っているドメインの場合は、慎重に設定方法を選択してください。

あわせて読みたい

VercelのEdgeFunctionsとは？仕組み・関数との違い・実装方法

VercelのEdgeFunctionsとVercelサーバーレス関数の違いや実装手順を解説し、制約を把握してUXを最適化した高速なWebアプリ構築の実現を支援します。

Vercelドメイン設定の手順

Vercelで作成したプロジェクトに独自ドメインを設定することは、サイトの信頼性を高める上で非常に重要です。Vercelなら外部サービスで取得したドメインを、簡単なDNS設定だけで紐付けられます。

設定の全体像を把握するために、以下の手順を順番に進めていきましょう。

Vercelの管理画面でプロジェクトを開く

まずは独自ドメインを適用したいプロジェクトを選択する必要があります。

あわせて読みたい

Vercelのデプロイ手順・GitHub連携とエラーの対処法【図解】

Vercelのデプロイ手順からGitHub連携や無料プランの料金、エラー対処まで網羅し、インフラ構築の手間を省いて自社アプリの迅速な公開を実現します。

Vercelにログインし、ダッシュボードから対象のプロジェクトをクリックしてください。画面上部メニューのSettingsタブをクリックし、左サイドバーのDomainsを選択すると設定画面へアクセスできます。リポジトリと連携して運用するなら、事前にVercelとGitHub連携も済ませておくとスムーズです。

独自ドメインを追加する

次に使用したいVercel Domainをプロジェクトに登録します。

Addボタンをクリックし、入力欄に取得済みのドメイン名を入力してください。Vercelはapexドメインとwwwサブドメインの両方の追加を推奨しています。

一般的にはどちらか一方をメインとし、もう一方からリダイレクトをかける構成が主流です。

• Redirectオプション：wwwの有無による自動転送設定が可能
• ドメイン検証：所有権確認用のTXTレコードが提示される場合がある

DNS設定値を確認する

ドメインを追加すると、Vercel側で必要なVercel DNS設定の値が表示されます。

設定すべきレコードの値は、接続するドメインの種類によって異なります。Vercelが指定する一般的な値は下記の通りです。

これらの値をメモして、次の手順へ進みます。

ドメイン取得元でDNSレコードを追加する

各ドメイン管理サービスのパネルにログインし、確認したレコードを登録します。

お名前.comやムームードメインなど、Vercel ドメイン取得を行ったサービスの設定画面を開いてください。主なサービスごとの設定箇所は以下の通りです。

• お名前.com：DNS設定からDNSレコード設定を選択
• ムームードメイン：ムームーDNSのセットアップ画面
• Xserver：ドメイン設定内のDNSレコード設定
• Cloudflare：DNS設定のRecordsセクション

レコードを追加する際は、既存のAレコードなどと重複しないよう注意が必要です。設定が反映されるまでには、数分から最大48時間程度かかる場合があります。

サイトへの接続状況を確かめる

最後にVercelのダッシュボードに戻り、Vercel ドメイン 変更が正しく反映されたかを確認します。

設定が成功すると、ステータスがValid Configurationに変わります。このタイミングで、Vercel SSL 証明書も自動的に発行される仕組みです。

接続確認時のチェックリスト：

1. ブラウザに独自ドメインを入力してサイトが表示されるか
2. URLの横に鍵マークが表示され、保護されているか
3. Vercel 独自ドメイン 料金や更新状況に問題はないか

これらが確認できれば、独自ドメインへの切り替え設定は完了です。コマンドラインから状態を確認したい場合は、Vercel CLIでDNS確認も活用できます。

あわせて読みたい

VercelのPostgres導入手順・Prisma連携と料金【初心者向け】

VercelのPostgresにおけるNextjs連携やローカル接続、料金に悩む方へ、Prismaを用いた実装手順を解説し、手間を省き最速で開発する手法を提供します。

Vercelドメイン設定が反映されない場合の対処法

Vercelで独自ドメインを設定する際、画面にInvalid Configurationという警告が出てサイトを公開できない場合があります。これはDNS設定が正しくないか、世界中のサーバーに情報が伝わる反映待ちの時間が原因です。

Vercel Domainを正常に運用するには、エラーの原因を特定して正確なDNSレコードを構成してください。設定が反映されない場合の具体的な解消手順を分かりやすく解説します。

Invalid Configurationエラーの解消

Invalid Configurationエラーは、Vercelが指定する値とドメイン管理サービス側のレコードが一致しないときに発生します。お名前.comやムームードメインなど、利用中のサービスで設定内容を確認してください。

多くはRefreshボタンを押すと解消しますが、30分以上消えない場合は値の打ち間違いを疑いましょう。不要なレコードが干渉していないか再点検することも大切です。

TXTレコードによる代替認証

Aレコードの設定だけでエラーが消えない場合や、ネームサーバーを切り替えずにVercel SSL証明書を発行したいときはTXTレコードを使います。これはドメインの所有権を証明するためのテキスト情報です。

• Vercelの管理画面でView DNS Records & Moreをクリックする
• SSL CertificatesにあるVerification Requiredを確認する
• 提示されたHost名とValueをコピーしてドメイン管理側のDNS設定に追加する

認証が終わるとVercel側でドメイン所有者として確認され、SSL証明書の発行が自動で進みます。Vercel独自ドメイン料金は無料ですが、この認証ステップが必要になるケースは少なくありません。

外部ツールによるDNS反映状況の調査

DNS設定を変更しても、パソコンに古いキャッシュが残っていると正確な状況は分かりません。世界中のサーバーからどう見えているかを外部のDNSチェッカーやコマンドで調査するのが確実です。

• nslookupやdigコマンドでドメインに紐付くIPアドレスを直接問い合わせる
• DNS反映確認用Webツールで主要国の反映状況を一覧でチェックする
• 取得したIPがVercel DNS設定で指定されたものと一致するか照合する

調査の結果、正しいIPが返っていれば時間の経過とともに解決する反映待ちの状態です。Vercel上でエラーが消えないときは、Refreshボタンを何度か試してクローラーに再認識させてください。

Vercelのドメイン設定後に行うSEO施策

Vercelで独自ドメインの設定を終えた後は、検索エンジンからの評価を高めるSEO施策が重要です。適切な設定を行わないと、検索エンジンが優先すべきURLを判別できず、サイトの評価が分散してしまいます。

重複コンテンツを避けるためのリダイレクト設定や、安定した通信を支えるDNS管理に注力しましょう。Vercelならダッシュボードの操作だけで、SEOに有利なサイトの正規化を簡単に実現できます。

Apexドメインへのリダイレクト設定

ApexドメインをメインURLにする場合、適切なリダイレクト設定がSEO評価の統合を左右します。example.comのようにwwwを含まない形式をApexドメイン、またはネイキッドドメインと呼びます。配信パフォーマンスはVercel CDNとの関係も大きく影響するため、合わせて理解しておきましょう。

独自ドメインへ切り替えないと、初期ドメインと内容が重複し、検索順位に悪影響が出る恐れがあります。Vercel Domainの管理画面から、デフォルトURLを独自ドメインへ転送するよう設定しましょう。

• DNS設定：ドメイン管理側でAレコードに「76.76.21.21」を指定するか、Vercelのネームサーバーを利用します。
• リダイレクト設定：VercelダッシュボードのDomainsメニューで、正規のドメインへ転送をかけます。
• URLの正規化：末尾のスラッシュの有無を統一し、サイト全体の構造を一貫させます。

Apexドメインは技術的にCNAMEが使えないため、Aレコードを活用した正確なVercel DNS設定が必要です。設定後はVercel SSL 証明書が自動で適用され、セキュアな通信が維持されます。

あわせて読みたい

VercelでBasic認証を設定する手順・効かない原因【無料対応】

VercelのBasic認証を無料で設定しアクセス制限を行う手順や効かない時の解決策を解説しており、テスト環境を保護して安全なサイト共有を実現できます。

サブドメインへのリダイレクト設定

wwwを冠したURLなどのVercel サブ ドメインを利用する場合も、リダイレクトによる正規化が欠かせません。検索エンジンはwwwの有無を別サイトとみなすため、301リダイレクトで評価を一本化する必要があります。

外部でVercel ドメイン取得を行った場合は、Vercel管理画面での紐付けに加えて、ドメイン管理サービス側でのレコード登録も必要です。お名前.comなどのサービス側で、指定されたレコードを正しく設定しましょう。

設定は次の3ステップで進めます。まず、VercelのDomains管理画面にある「Add」ボタンからサブドメインを追加します。次に、外部のDNS設定でCNAMEレコードの値に「cname.vercel-dns.com」を入力します。最後に、Vercel上でApexドメインからサブドメイン、あるいは逆方向へのリダイレクト設定を有効にします。

これらを正しく構成すれば、Vercel ドメイン 変更後も検索エンジンへ正しくサイトの情報を伝えられます。

あわせて読みたい

VercelのBlobとは？料金や実装手順を徹底解説【初心者向け】

ファイル管理に悩む方へ、VercelのBlobの料金や公式sdkの活用、private設定を解説し、保守を省き最速でプロダクト構築が完了する手法を紹介します。

メールサーバー用DNSレコードの保護

SEO施策と同時に、メールサーバー用のMXレコードを保護することも非常に重要です。Vercel ドメイン設定の過程でメールが止まると、ビジネスの信頼性が損なわれてしまいます。

特にネームサーバーをVercel側に切り替える際は、既存のレコードが消えないよう注意を払いましょう。Google Workspace等を使っている場合、以下の手順で設定の漏れを防ぎます。

• レコードの移行：VercelのDNS設定画面で、現在利用しているMXレコードを必ず手動で追加してください。
• 検証用レコードの管理：SSL発行に必要なレコードのみを追加し、不必要な削除は控えましょう。
• ドメインプロパティの認証：Google Search Consoleでの認証を済ませ、サイトマップを送信します。

Vercel ドメイン 無料の範囲でも、高度なDNS管理機能を利用することが可能です。設定完了後は反映まで時間を置いて、不具合がないか慎重に確認しましょう。

あわせて読みたい

Vercelの環境変数設定・反映されない時の対処法【初心者向け】

Vercelで環境変数が反映されない原因を究明し、本番環境やクライアント設定、キャッシュのクリア手順を解説して再デプロイで安全な運用を実現します。

まとめ：Vercelのドメイン設定はDNSレコードの追加で簡単に完了する

Vercelのドメイン設定は、管理画面から独自ドメインを追加し、ドメイン取得元で必要なDNSレコードを登録するだけでスムーズに完了します。Vercel Domainの管理機能にはSSL証明書の自動発行も含まれており、別途料金をかけずにセキュアな環境を構築可能です。

公開後のVercel独自のDNS設定や、無料枠での運用方法を理解すれば、誰でも簡単にサイトを公開できます。Vercelでサブドメインを運用したり、後からドメイン変更を行ったりする場合も手順は非常にシンプルです。

反映が遅いときは、DNSの浸透状況やTXTレコードによる認証を確認するのがコツです。設定を正しく完了させることで、信頼性の高い独自ドメインによるブランディングやSEO効果の向上を最短ルートで実現できます。

設定手順に不安がある方や、高度なインフラ構成を検討されている方はぜひ他記事も参考にしてください。個別のカスタマイズや導入支援が必要な場合は、お気軽にご相談ください。