カスタムドメインの接続

Inblogで運用するブログを、サブドメイン (例: blog.example.com) またはサブディレクトリ (例: example.com/blog) で接続します。DNS設定のガイダンスも含みます。

概要

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

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

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

サブドメインの設定

Custom Domain設定でSubdomainを選択し、希望するサブドメインを入力します。

接続を開始する をクリックすると、DNS設定の手順が表示されます。ドメインプロバイダーでDNS設定を更新すると、サブドメインは5分以内に接続されます。

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

「サブディレクトリ接続は現在、Next.js、Vercel、AWS Amplify、Framer、Webflowで構築されたウェブサイトのみサポートしています。」

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

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

Custom Domain設定でSubdirectoryを選択し、ドメインを入力します(例: 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-07-23