Studioで多言語サイトを作る3つの方法——公式機能がない中での現実的な選択肢

日本語のサイトに英語版も用意したい、と考えることがあります。ただしStudioには、サイトを多言語化する専用機能は用意されていません。

それでも、プロジェクトの構成を工夫することで多言語サイトを実現した事例はあります。この記事では、代表的な3つの方法と、それぞれの向き不向きを整理します。

「言語設定」は「多言語化」とは別の機能

Studioには、ページやサイト全体が何語で書かれているかを明示する「言語設定」という機能があります。この設定があることで、翻訳ツールやスクリーンリーダーがそのページの言語を正確に認識でき、より正確な翻訳や読み上げにつながります。

ただし、この機能はあくまで「このページは日本語で書かれています」と伝えるためのものであり、英語版のページを自動的に用意してくれるわけではありません。多言語化を考えるときは、この2つを混同しないようにしましょう。

多言語サイトを作る3つの代表的な方法

公式機能はない前提で、実現方法として次の3つが知られています。

• 同一プロジェクト内でページを分ける（例：example.com／example.com/en/）
• 言語ごとにプロジェクトを分け、サブドメインで公開する（例：example.com／en.example.com）
• 言語ごとにプロジェクトを分け、カスタムプロキシでサブディレクトリとして繋ぐ（例：example.com/en/）

方法1：同一プロジェクト内でページを分ける

1つのプロジェクトの中で、言語ごとにページを作り分ける方法です。もっともコストを抑えて始められますが、ページ数がプランの上限に含まれるため、ページ数の多いサイトでは上限管理が必要になります。

方法2：プロジェクトを分けてサブドメインで公開する

言語ごとに別のプロジェクトを用意し、サブドメインに割り当てて公開する方法です。それぞれが独立したサイトとして運用されるため、SEOの評価やアクセス解析も言語ごとに別々に見ていく必要があります。複数プロジェクトの契約と、独自ドメインの用意が前提になります。

方法3：プロジェクトを分けてサブディレクトリで繋ぐ

言語ごとに別のプロジェクトを用意しつつ、カスタムプロキシという機能を使って、メインサイトの下層パス（例：/en/）として表示する方法です。SEOの評価やアクセス解析を1つのドメインでまとめて管理できる利点がありますが、対象はBusiness Plus以上のプランで、カスタムプロキシの追加契約も必要になります。

外部の翻訳サービスを使う方法もある

このほか、外部のWebサイト翻訳サービスと組み合わせて多言語化する方法もあります。ただし、どのツールを使うか・どう連携するかによって仕上がりが変わるため、特定のツールを一律にすすめられる状況ではありません。導入を検討する場合は、目的に合ったツールを個別に見比べる必要があります。

まとめ

Studioで多言語サイトを作るなら、まずは同一プロジェクト内でページを分ける方法から検討するのが現実的です。SEOやアクセス解析を一元管理したくなったタイミングで、サブドメインやサブディレクトリでの構成を検討するとよいでしょう。多言語対応そのものの進め方（翻訳範囲の決め方、画像・日付表記の見直しなど）はノーコードサイトを多言語対応させるときに、最初に確認しておきたいことでも扱っているので、あわせてご覧ください。プロジェクトを分けずにカスタムコードだけで実現したい場合は、Studioの多言語化を、スプレッドシートとGASで実装する方法もあわせてご覧ください。