Lingvit
  • ガイド
  • 翻訳

ウェブサイトを翻訳する方法:完全ガイド(2026年版)

8分で読めます

ウェブサイトに2つ目(あるいは5つ目)の言語を追加すると、何十億人もの追加の読者にコンテンツが 開かれます。しかし「サイトを翻訳する」という言葉は、技術スタック、チーム構成、そしてどれだけ 早く公開する必要があるかによって、大きく異なる意味を持ちます。このガイドでは、それぞれの アプローチを正直に解説します。

ウェブサイト翻訳が重要な理由

インターネット利用者のうち、英語を第一言語とするのはわずか25%ですが、ウェブサイトの60%以上が 英語のみです。潜在的な読者がいる場所と、コンテンツが実際に届く場所とのギャップは非常に大きく — そして概ね解消可能です。

EC においては、この数字はさらに明確です。買い手は母国語で商品情報を読める場合、購入する可能性が 2〜3倍高くなるという調査結果が一貫して示されています。SaaS でも、多言語対応は英語圏以外の市場での コンバージョン率を大幅に押し上げます。

ウェブサイト翻訳の4つのアプローチ

唯一の正解はありません。ここでは主な4つのアプローチと、それぞれが適する場面を紹介します。

1. ブラウザ側での翻訳(無料のブラウザ翻訳ウィジェット)

おなじみの無料ブラウザ翻訳ウィジェットを使えば、訪問者は自分のブラウザでサイトを翻訳できます。 無料で、すぐに追加できます。デメリットは、見た目が洗練されておらず、翻訳結果は表示されるだけで キャッシュされず、サードパーティのブランディングが目立つ形で表示されることです。トラフィックの少ない サイトや社内システムには妥当な選択肢ですが、プロフェッショナルな製品には向いていません。

  • 手間ゼロ
  • 無料
  • サードパーティのブランディング
  • 出力を制御できない

2. CMS ローカリゼーション(WPML、Polylang、Contentful のロケール)

CMS レベルのローカリゼーションでは、言語ごとに別のコンテンツエントリを作成します — たとえば WordPress のすべての投稿のフランス語版などです。人が執筆した翻訳、ロケール固有のコンテンツ、 言語ごとの SEO 用 URL(/fr/)が必要な場合はこのアプローチが適しています。 コストとしては、かなりのセットアップ時間、重複コンテンツの管理負荷、そして CMS の ローカリゼーションアーキテクチャへの依存が挙げられます。

  • 言語ごとの完全な管理
  • URL レベルの SEO
  • セットアップが遅い
  • 重複コンテンツの管理

3. JavaScript 翻訳ウィジェット(Lingvit、Weglot、GTranslate)

JavaScript ウィジェットは、既存のサイトをその場で翻訳します — 1つのスクリプトタグがテキスト ノードを検出し、翻訳のために送信し、訪問者が別の言語を選択すると差し替えます。これはゼロから 多言語対応に至る最速の経路です:CMS の作り直しも、新しいルートも、コード変更も不要です。 トレードオフとして、翻訳されたコンテンツは HTML ソースには含まれないため、検索エンジンは 元の言語のみをインデックスします。ダッシュボード、Web アプリ、各言語での検索順位が重要でない コンテンツサイトに向いています。

  • セットアップは数分
  • CMS の変更不要
  • 翻訳されたコンテンツが HTML ソースに含まれない

4. i18n フレームワークの統合(next-intl、react-i18next、Lingui)

最も徹底したアプローチ:アプリ内のすべての文字列が抽出され、言語ごとに翻訳ファイルが維持され、 フレームワークが実行時またはビルド時に正しいファイルを読み込みます。これにより、完全な 型安全性、SSR でレンダリングされた翻訳、ロケール固有のルーティング、そして最良の多言語 SEO が得られます。コストとしては、かなりの事前エンジニアリング(全文字列の抽出、翻訳ファイル用 CI/CD の整備、チームへのワークフロー教育)と、新しい文字列を追加するたびに発生する継続的な 負荷が挙げられます。

  • SEO に最適
  • 型安全
  • エンジニアリングの負荷が高い
  • すべての文字列が管理対象になる

どのアプローチを使うべきか

ウェブサイトを翻訳する方法:完全ガイド(2026年版)の補足データ
あなたの状況最適なアプローチ
個人プロジェクト、低トラフィック無料のブラウザ翻訳ウィジェットまたは Lingvit の月額プラン
コンテンツサイト、多言語 SEO が重要CMS ローカリゼーション(WPML、Polylang)+ 橋渡しとしての翻訳ウィジェット
プロダクト/ダッシュボード、素早く多言語化したいJavaScript ウィジェット(Lingvit、Weglot)
新規の React/Next.js アプリ、SEO が重要最初から i18n フレームワーク(next-intl、Lingui)
既存アプリ、作り直しの余裕がない現実的な解決策としての JavaScript ウィジェット
EC、5言語以上の商品説明スピード重視ならウィジェット、長期的には CMS ローカリゼーション

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

Lingvit でウェブサイトを翻訳する方法

プロジェクトに JavaScript ウィジェットが適していると判断した場合、ガイド付きウィジェットセットアップで Lingvit を始める方法は次のとおりです。

  1. スクリプトタグを追加

    すべてのページで、閉じタグの</body>の直前にこれを貼り付けます。

    <script src="https://cdn.lingvit.com/widget/v1/widget.bundle.js" async></script>
  2. ダッシュボードでプロジェクトを作成

    app.lingvit.com でサインアップし、プロジェクトを作成して、サイトのドメインを追加します。

  3. 言語を選択

    30以上の言語から選択します。翻訳は自動的に生成され、以降の訪問者向けにキャッシュされます。

  4. 確認して公開

    翻訳ブラウザを使って、機械翻訳を確認したり上書きしたりできます。サイトの再デプロイなしに公開できます。

よくある質問

翻訳されたコンテンツはサイトの読み込み速度に影響しますか?

ウィジェットは非同期で読み込まれますが、全体的なパフォーマンスはページ、ネットワーク、ブラウザ、翻訳リクエストによって左右されます。実際の本番ページで Core Web Vitals と目に見える言語切り替えの挙動をテストしてください。

自分が所有・管理していないウェブサイトを翻訳できますか?

Lingvit はサイトにスクリプトタグを追加する必要があります。サードパーティの SaaS ツールなど、サイトの HTML を変更できない場合、Lingvit では翻訳できません。所有していない公開ウェブサイトについては、ブラウザ拡張が唯一の選択肢です。

Lingvit はどの言語に対応していますか?

Lingvit はスペイン語、フランス語、ドイツ語、ポルトガル語、イタリア語、オランダ語、ポーランド語、ロシア語、日本語、中国語(簡体字・繁体字)、韓国語、アラビア語、トルコ語などを含む、30以上の言語に対応しています。

無料でウェブサイトを翻訳する方法はありますか?

Lingvit は新しい翻訳に対して月間の文字数枠を使用します。保存・キャッシュされた翻訳は、枠を再度消費することなく繰り返し提供できます。