カスタムドメインの接続

Inblogで運用するブログを、サブドメイン、ルートドメイン、またはサブディレクトリで接続します。DNS設定のガイダンスも含みます。

概要

ドメイン設定のセクションでは、特にDNS設定やコードの実装において、開発者のサポートが必要になる場合があります。必要に応じて技術サポートのセッションをご利用いただけます。

Inblogで運用するブログは、次の3つの方法のいずれかで接続できます:

  • サブドメイン (例: blog.example.com)
  • ルートドメイン (例: example.com)
  • サブディレクトリ (例: example.com/blog)

サブドメインの設定

カスタムドメイン設定でサブドメインを選択し、固定された https://blog. の後に続くドメインだけを入力します。たとえば example.com と入力すると blog.example.com に接続されます。

接続を開始する をクリックするとDNSレコードが表示されます。表示された値をDNSプロバイダーにそのまま追加してください。DNSの伝播には最大24時間かかる場合があり、Inblogが接続を自動的に確認します。

ドメインを別の担当者が管理している場合は、レコード下の 依頼メッセージをコピー を使って開発者またはドメイン管理者へ送信してください。

ルートドメインの設定

ブログをメインウェブサイトとして運用する場合は、ルートドメインを選択して example.com を入力します。その後、サブドメインと同じように画面に表示されたDNSレコードを追加します。

サブディレクトリ (サブフォルダ) の設定

ダッシュボードには Next.js、Vercel、AWS Amplify、AWS CloudFront、Cloudflare、Nginx、Webflow、Framer のガイドがあります。該当する環境がない場合は その他 / お問い合わせ を選択してください。

サポート対象のプラットフォームは次のとおりです:

  • Next.js: 静的エクスポートを除きサポート
  • Vercel / AWS Amplify: ホスティングプラットフォームとしてサポート
  • Framer / Webflow: Cloudflareを使ったリバースプロキシ経由でサポート

カスタムドメイン設定でサブディレクトリを選択し、ドメインを入力します(例: example.com/blog)。接続を開始する をクリックすると、完全な設定ガイドが表示されます。サブディレクトリの設定には通常コードの実装が必要である点にご注意ください。

AWS CloudFrontでのサブディレクトリ設定

AWS CloudFrontでInblogをサブディレクトリに接続するには、下の設定項目を確認してください。

  1. メインのウェブサイトを配信している既存のdistributionを使用するか、CloudFrontがまだ設定されていない場合は新しいdistributionを作成してください。
  2. Distribution nameinblog proxyDomainexample.comに設定してください。
  3. Origin typeOtherCustom originproxy.inblog.devOrigin path/{subdomain}に設定してください。
  4. CloudFrontが訪問者のHostヘッダーをproxy.inblog.devへ転送しないように、origin request policyをManaged-AllViewerExceptHostHeaderに設定してください。
  5. URIの書き換えのためのCloudFront Functionを作成し、下のコードを貼り付けてください。
function handler(event) {
  var request = event.request;
  var uri = request.uri;
  var basePath = "/blog";

  if (basePath === "/") {
    return request;
  }

  if (uri === basePath) {
    request.uri = "/";
    return request;
  }

  if (uri === basePath + "/") {
    request.uri = "/";
    return request;
  }

  if (uri.startsWith(basePath + "/")) {
    request.uri = uri.substring(basePath.length);
    return request;
  }

  return request;
}
  1. /blog/blog/*/robots.txtのbehaviorを追加してください。
  2. FunctionをLiveにpublishした後、3つのbehaviorすべてのViewer requestイベントに連結してください。

デプロイが完了したら、ターミナルから下のURLを確認してください。

curl -I https://example.com/blog
curl -I https://example.com/robots.txt

サブディレクトリとGoogle Search Console

サブディレクトリ(例: example.com/blog)を接続すると、ブログのトラフィックは既存のルートドメインのSearch Consoleプロパティに含まれます。ブログのみのデータを個別に分析したい場合は、追加でURLプレフィックスプロパティを追加できます:

  • プロパティタイプ: URL prefix
  • URL: https://example.com/blog

この別個のプロパティにも、独自のHTMLタグによる確認が必要です。このプロパティ用のメタタグを、Inblogダッシュボードの Design タブ → Advanced settings (Code injection) で追加してください。

ドメインをお持ちでない場合も問題ありません。

カスタムドメインをお持ちでない場合は、設定時に「I don't own a domain」オプションを選択することで、デフォルトのブログドメイン(例: example.inblog.io)を引き続き使用できます。カスタムドメインへのアップグレードはいつでも可能です。

最終更新 2026-09-04