Ghost i18n：Ghost ブログを多言語化する方法（2026年版）

Ghost 標準の i18n アプローチ

Ghost にはネイティブの多言語ルーティングがありません。/fr/post-slug のようなロケール別 URL の組み込みの概念や、投稿の言語バージョンを自動的に切り替える仕組みは存在しません。代わりに、Ghost のエコシステムは手動でのコンテンツ複製というワークフローで翻訳に対応しています。

典型的なパターンは次のとおりです。言語ごとに翻訳済みの投稿を別途作成し、ロケールでタグ付けし（例：lang:fr）、{{lang}} テーマヘルパーを使ってページの HTML の lang 属性を設定します。Ghost にはテーマ翻訳システムも搭載されており、テーマ内に locales/fr.json ファイルを配置することで、ナビゲーションラベル、ボタンテキスト、メンバーシップの案内文などの固定 UI 文字列を翻訳できます。

スクリプトタグによる自動翻訳

DOM ベースの翻訳アプローチは、Ghost のコンテンツモデルの内部ではなく、公開後の HTML レベルで動作します。Ghost 管理画面 → Settings → Code Injection → Site Footer にスクリプトタグを1つ貼り付けるだけで、ウィジェットは完全に描画された DOM — すべての投稿、ページ、タグアーカイブ、Ghost Portal のメンバーシップ UI を含む — を検知し、自動的に翻訳します。

これは Ghost(Pro) とセルフホスト型の Ghost インスタンスのどちらでも同じように動作します。Code Injection はすべてのプランで利用できる Ghost 標準機能なので、テーマへのアクセスやカスタムテーマは不要です。

ステップバイステップ：Ghost に多言語対応を追加する

1. 1

   Lingvit プロジェクトを作成

   app.lingvit.com でサインアップし、新しいプロジェクトを作成して、Ghost サイトのドメインを入力します。ダッシュボードから対応させたい言語を選択してください。

2. 2

   Ghost 管理画面 → Settings → Code Injection を開く

   Ghost 管理画面で Settings → Code Injection に移動します。Site Header と Site Footer の2つのテキストエリアが表示されます。Site Footer フィールドを使用してください — Ghost サイトのすべてのページで </body> タグの直前にコードを挿入します。

3. 3

   Lingvit のスクリプトタグを貼り付ける

   Lingvit のプロジェクト設定に表示されるスクリプトタグを Site Footer フィールドに貼り付けます。次のような形式です。

   <script src="https://cdn.lingvit.com/widget/v1/widget.bundle.js"
     data-project-id="YOUR_PROJECT_ID"
     async></script>

   YOUR_PROJECT_ID を Lingvit ダッシュボードに表示されるプロジェクト ID に置き換えてください。Code Injection の設定を保存します。

4. 4

   言語切り替えウィジェットがサイトに表示されるか確認する

   ブラウザで Ghost サイトを開きます。Lingvit の言語切り替えウィジェットが自動的に表示されます。対象言語をクリックすると、最初の翻訳リクエストで翻訳が生成されキャッシュされます。それ以降のその言語へのアクセスはすべてキャッシュから即座に配信されます。

Ghost における SEO と hreflang

多言語 SEO では、検索エンジンがコンテンツの各言語バージョンを発見し、クロールし、正しく紐づけられる必要があります。Ghost の2つのアプローチではこの点が大きく異なります。

• →

  自動翻訳（Lingvit）の場合

  Lingvit は、有効なすべての言語について hreflang リンクタグをページの <head> に自動的に挿入します。翻訳済みのメタタイトルとメタディスクリプションもロケールごとに配信されるため、フランス語、ドイツ語、日本語の検索結果でも正しくローカライズされたスニペットが表示されます。テーマの変更は不要です。

• →

  Ghost の手動アプローチの場合

  言語ごとに投稿を手動で複製する場合、hreflang アノテーションの追加は自分で行う必要があります。通常は、Ghost テーマを編集して <link rel="alternate" hreflang="fr" href="..." /> タグを <head> パーシャルに挿入することになります。これらのタグがないと、検索エンジンが翻訳済みの投稿を言語別の代替版ではなく重複コンテンツとして扱ってしまう可能性があります。

• →

  URL 構造

  Lingvit では、各言語に /fr/、/de/、/ja/ のような URL プレフィックスのパスが割り当てられます。これらの URL はクロール・インデックス可能で、Google がその言語のクエリに対して各言語バージョンを個別にランク付けできます。

どちらのアプローチが適していますか？

横にスクロールしてすべての列を表示できます。

出版物に専任の翻訳チームがあり、公開前にすべての文について編集承認が必要で、保守コストが許容できる1〜2言語をターゲットにする場合は手動での投稿複製を選んでください。

Ghost アーカイブ全体を即座に多言語対応させたい場合、カスタムテーマにアクセスできない Ghost(Pro) を利用している場合、あるいはチームが現実的に手動で翻訳・保守できる範囲を超える言語数をターゲットにする場合は自動翻訳を選んでください。

よくある質問