ブラウザの言語を自動的に検出する方法

Rifat WordPressチュートリアル Sep 3, 2024

世界中の人々にリーチしたいウェブサイトでは、ユーザーが好みの言語でコンテンツを表示できるようにする必要があります。サイト所有者にとって、これは簡単に実行できます。ブラウザが使用している言語を自動的に判別するようにサイトを設定するだけです。

ウェブサイトの翻訳は、複数の言語で読めるサイトを作成するための最初のステップです。ただし、サイトの異なるバージョンを異なる言語で作成している場合は、ユーザーを好みのバージョンに自動的にリダイレクトすることで、ブラウジング エクスペリエンスをさらに向上させることができます。

はい、言語切り替えボタンまたはページは、複数の言語があるほとんどの Web サイトにとって依然として重要です。ただし、ブラウザの言語を自動検出すると、顧客がサイト内を移動する速度がさらに速くなります。これにより、ユーザー エクスペリエンス (UX)、エンゲージメント、売上、コンバージョンが向上します。

この記事では、ブラウザの言語の自動検出の仕組みと、それがなぜ重要なのかを見ていきます。次に、私たちのお気に入りの多言語プラグインであるTranslatePress を使用して、WordPress サイトでブラウザで使用されている言語を自動的に検出する方法を紹介します。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

ユーザーが話す言語を調べる方法

外国のブランドのウェブサイトにアクセスしたら、自分の言語で書かれていることに気づいたことがあるかもしれません。これは、ウェブサイトがあなたが使いたい言語を自動的に判断できるため可能です。

これがプライバシー法違反と関係があるかどうかはわかりません。自動ユーザー言語検出は健全なロジックに基づいているため、個人データが盗み見られることはありませんのでご安心ください。

ウェブサイトがユーザーが使用したい言語を判断する主な方法は 3 つあります。これは、使用されているブラウザ、IP アドレス、またはサイトがさまざまな国向けに設定されている方法によって異なります。

優先ブラウザの特定

これは、Web サイトがブラウザの言語を自動的に判断する最も一般的な方法です。デバイスにブラウザをインストールしたら、通常は使用する言語を選択します。

その後、このブラウザを使用して Web サイトにアクセスすると、Web サイトはブラウザの設定ファイルでユーザーの希望する言語を簡単に見つけることができます。次に、Web サイトはコード (ほとんどの場合、Javascript) を使用して、すでに翻訳されているバージョンのサイトにユーザーを送信します。Web サイトの所有者は、これを自動的に行うか、検出された言語でサイトを表示するかどうかをユーザーに確認するかを選択できます。

ブラウザの言語の自動検出を設定する場合、訪問者が Web サイトにアクセスしたら好みの言語を選択できるようにすることが重要です。自動言語切り替え機能を使用すると、これが簡単になります。

しかし、世界中の人々はさまざまな言語を話しています。そのため、Web サイトをどの言語に翻訳すればよいか迷っているかもしれません。この問題を解決する 1 つの方法は、Web サイトを世界で最も頻繁に話されている言語に翻訳することです。

しかし、ベスト プラクティスとしては、ユーザーが話す言語について考える方がよいでしょう。これは、現在サイトの訪問者のほとんどがどの国から来ているかを調べ、それらの国にもっと効果的にリーチできるように努力することで簡単に実行できます。

この場合、Google Analytics が非常に役立ちます。

IP アドレス検索

ウェブサイトは訪問者の IP アドレスを使用して、ユーザーのブラウザ言語を推測することもあります。ウェブサイトの IP アドレス検索が完了すると、ユーザーの場所が正確に表示されます。その後、ユーザーは現在の場所を考慮した新しいページにリダイレクトされます。

しかし、このアプローチにも難しさがあります。場合によっては、ユーザーの優先言語が地理的な場所と一致しないことがあります。ただし、標準的な IP アドレス検索では、この 2 つを区別できません。

米国からウェブサイトにアクセスし、その後、公用語が英語ではない国に移動すると、IP アドレスによって自動的に位置情報が更新され、ウェブサイトのローカライズ版にリダイレクトされます。そのため、移動先の国の言語を知らないと、サイトのコンテンツを操作するのが難しくなる可能性があります。

カナダやカメルーンなどの国では、同様の理由から複数の共通語が存在します。デフォルトの言語選択が必ずしも最適とは限りません。ユーザーが仮想プライベート ネットワーク (VPN) を使用して Web サイトにアクセスする場合も同様の状況が発生します。場所に基づいてサイトの翻訳を行うと、予期しない結果が生じる可能性があります。前述の問題があるため、ブラウザー言語を検出するこの方法は Web サイトではほとんど使用されていません。

国際化

ウェブサイトでは、完全に異なる言語のブラウザ言語を自動的に検出するだけでなく、言語の違いも考慮する必要があります。英語は、アメリカ英語とイギリス英語という 2 つの異なる種類があるため、よく例として挙げられます。これらの種類は、さまざまな方法で書かれ、表現されます。

ローカリゼーションの取り組みを成功させるには、Web サイトに 2 つの種類を区別できる自動言語検出機能が必要です。ビジネスの国際化を成功させるには、最初の 2 つのアプローチのいずれかを採用できます。

ブラウザ言語を自動的に検出することがなぜ重要なのか?

初めてサイトを訪問した人がコンテンツを母国語で読みたいと思うのは当然です。そのため、訪問者の言語を自動的に検出する機能を実装することが重要です。

訪問者のブラウザ言語を自動的に認識するようにサイトを設定すると、Cookie を参照して、その訪問者が以前使用した言語が常に使用されます。こうすることで、訪問者がサイトに戻ったときに、好みの言語に簡単に切り替えることができます。

グローバル Web サイトへの訪問者のほとんどは、ブラウザーまたは IP アドレスをサイトのデフォルト言語以外の言語に設定しています。自動ユーザー言語検出プラグインがアクティブなときにサイトにアクセスするユーザーには、検出された言語に切り替えるためのポップアップが表示されます。

また、ユーザーが自動的に適切な言語にリダイレクトされるように設定することもできます。問題は、Google のアルゴリズムは常に進化しているため、この方法ではサイトがインデックスに登録されない可能性があることです。

どちらのシナリオでも、次の利点が得られます。

  • サイトのユーザー エクスペリエンスが大幅に向上します。
  • 一般的に、ランディング ページや Web サイトにアクセスするユーザーが増えます。
  • 顧客がサイトに滞在する時間が長くなり、ユーザー エクスペリエンスと SEO の両方に良い影響が及びます。
  • より多くの顧客があなたの会社から購入するでしょう。

簡単に言えば、ブラウザの言語を自動検出すると、多言語サイトのユーザー エクスペリエンスが向上し、国際化への取り組みの投資収益率 (ROI) が向上します。

ブラウザ言語検出に最適な WordPress プラグイン

TranslatePress はブラウザの言語を最適に検出します。Web ページを即座に翻訳します。TranslatePress を使用すると、技術的な手間をかけずにフロントエンド ページを翻訳できます。

WordPress ウェブサイトを DeepL または Google 翻訳で即座に翻訳し、変更を加えることができます。ユーザーフレンドリーなプラグインは、他の WordPress プラグインと連携して動作します。

WordPress 翻訳プラグインは 200 以上の言語に対応しています。翻訳を修正し、完了した場合にのみ公開できます。プラグインの言語スイッチャーを使用すると、ユーザーはサイトのバージョンを簡単に切り替えることができます。

SEO フレンドリーな Translate Press を使用すると、写真を翻訳できます。さらに嬉しいことに、問題が発生した場合には、評判が高く有能な TranslatePress サポート チームにすぐに連絡できます。

TranslatePressの仕組み

TranslatePress は、自動ユーザー言語検出アドオンを使用してユーザー言語を検出します。Maxmind の GeoLite2 データベースは、IP 言語アドレス サービスの登録なしでローカル言語の認識に役立ちます。

サイトは、ブラウザの言語設定または IP アドレスによってユーザーの言語を検出できます。前述のように、ブラウザの言語設定が最適です。ただし、Web サイトの最適な選択は、ターゲット ユーザーによって異なります。

WordPress ダッシュボードの「設定」→「TranslatePress」→「詳細設定」で、プリセット モードを変更して、IP アドレスよりもブラウザの言語を優先させることができます。訪問者の言語は、ブラウザの言語、IP アドレス、またはその両方で判断できます。両方を使用する場合は、いずれかを先に使用してください。

その後、訪問者がウェブサイトを開いたときに、識別された言語にリダイレクトするように選択できます。ポップアップまたは Hello バーで、言語検出についてユーザーに警告できます。リダイレクト前にユーザーに表示されるメッセージをカスタマイズできます。

ブラウザの言語を自動検出した後、ハード リダイレクトまたはソフト リダイレクトを利用できます。キャッシュ システムはサーバー側のハード リダイレクトを処理できません。

これは、プラグインベースおよびホストベースのキャッシュに適用されます。訪問者はキャッシュされたページのみを表示します。サーバー コードによって誘導される翻訳された Web サイトを表示することはありません。

ハードリダイレクトでは、キャッシュに加えて、ユーザーが Cookie を受け入れて JavaScript を実行する必要があります。

幸いなことに、自動ユーザー言語検出アドオンを使用すると、これらの直接的な課題に簡単に対処できます。ソフト リダイレクトはクライアント側のみです。

TranslatePressの設定

TranslatePress は WordPress ソースでは無料ですが、自動ユーザー言語識別を使用するには、開発者ライセンスまたはビジネス ライセンスが必要です。

TranslatePress Pro をインストールするには、ライセンスを購入し、アカウント ページから plugin.zip ファイルをダウンロードします。

次に、WordPress ダッシュボードで、「プラグイン」>「新規追加」に移動し、プラグイン ファイルをアップロードして、「インストールして有効化」をクリックします。

サイトにプラグインを追加すると、ダッシュボードの上部パネルに新しい「サイトを翻訳」ボタンが追加されます。このボタンの上にマウスを移動して「設定」をクリックすると、多言語サイトを設定できます。

次に行うことは、サイトに自動ユーザー言語検出プラグインをインストールすることです。

「設定」>「翻訳」に移動し、アドオンをオンにします。次に、「アドオン」タブをクリックします。

リストで自動ユーザー言語検出アドオンを見つけて、「アクティブ化」を選択します。

自動言語検出アドオンをオンにすると、[詳細設定] タブで設定を変更できます。

ここでは、4 つの異なるプレイ方法から選択できます。訪問者の IP アドレスまたはブラウザの言語設定に基づいて言語検出モードを設定できます。また、いずれかのオプションに重点を置く優先順位を設定することもできます。

この場合、Web サイトは、最初に選択したオプションを使用して、ユーザーの優先言語を判断します。最初のオプションが機能しない場合は、2 番目のオプションを参照します。

完了したら、ページの下部にある「変更を保存」をクリックすることを忘れないでください。

これで、TranslatePress がサイト上でデフォルトとは異なる言語選択を見つけると、次のようなポップアップが表示されます。

まとめ

複数の言語で読めるウェブサイトを構築すると、あなたのビジネスが世界中で知られるようになります。そのため、同じ言語を話さないユーザーでもコンテンツにアクセスできるようにウェブサイトを設定する必要があります。

この記事では、自動言語検出とは何か、どのように機能するかについて説明しました。また、最高の多言語 WordPress プラグインであるTranslatePressを使用して、サイトでブラウザーが使用している言語を簡単に確認する方法も紹介しました。

Divi WordPress Theme