カスタムドメインの接続
Inblogで運用するブログを、サブドメイン (例: blog.example.com) またはサブディレクトリ (例: example.com/blog) で接続します。DNS設定のガイダンスも含みます。
概要
ドメイン設定のセクションでは、特にDNS設定やコードの実装において、開発者のサポートが必要になる場合があります。必要に応じて技術サポートのセッションをご利用いただけます。
Inblogで運用するブログは、次の2つの方法のいずれかで接続できます:
- サブドメイン (例:
blog.example.com) - サブディレクトリ (例:
example.com/blog)
サブドメインの設定
Custom Domain設定でSubdomainを選択し、希望するサブドメインを入力します。
Activate Custom Domain をクリックすると、DNS設定の手順が表示されます。ドメインプロバイダーでDNS設定を更新すると、サブドメインは5分以内に接続されます。
サブディレクトリ (サブフォルダ) の設定
「サブディレクトリ接続は現在、Next.js、Vercel、AWS Amplify、Framer、Webflowで構築されたウェブサイトのみサポートしています。」
サポート対象のプラットフォームは次のとおりです:
- Next.js: 静的エクスポートを除きサポート
- Vercel / AWS Amplify: ホスティングプラットフォームとしてサポート
- Framer / Webflow: Cloudflareを使ったリバースプロキシ経由でサポート
Custom Domain設定でSubdirectoryを選択し、ドメインを入力します(例: example.com/blog)。Activate Custom Domain をクリックすると、完全な設定ガイドが表示されます。サブディレクトリの設定には通常コードの実装が必要である点にご注意ください。
AWS CloudFrontでのサブディレクトリ設定
AWS CloudFrontを使って、Inblogのブログをサブディレクトリのパス(例: example.com/blog)に接続できます:
- CloudFrontコンソールでDistributionを開き、Origins タブに移動します。
- 新しいOriginを追加します:
- Origin domain: InblogダッシュボードのDomainタブに表示されるCNAME値(例:
cname.vercel-dns.com) - Origin path: 空欄のまま — ここにパスを入力するとOriginCommErrorが発生します
- Protocol: HTTPS only
- Origin domain: InblogダッシュボードのDomainタブに表示されるCNAME値(例:
- Behaviors タブに移動し、新しいBehaviorを追加します:
- Path pattern:
/blog/*(サブディレクトリのパスに合わせて調整します) - Origin: 先ほど作成したorigin
- Viewer Protocol Policy: Redirect HTTP to HTTPS
- Origin Request Policy: AllViewerExceptHostHeader
- Path pattern:
- 保存して、ディストリビューションがデプロイされるまで待ちます。
OriginCommError (502)
設定後に OriginCommError が表示される場合、最も一般的な原因は、空であるべき Origin path に値が入っていることです。Origin pathフィールドをクリアして再試行してください。
サブディレクトリと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)を引き続き使用できます。カスタムドメインへのアップグレードはいつでも可能です。
