Magentoで言語スイッチャーを設定することは不可欠です。 現在の市場では言語を簡単に切り替える機能が緊急のニーズとなっているため、この機能は世界中の閲覧者を対象とする Web サイトにとって非常に重要です。
最初はプロセスが難しそうに思えるかもしれませんが、このガイドでは、 Magento Web サイトに言語スイッチャーを効率的かつ効果的に設定する手順を説明します。 これらの手順に従うことで、この貴重な機能をスムーズに実装し、多様な多言語を話す視聴者に対応するサイトの機能を強化することができます。
Magento用に言語スイッチャーをセットアップする必要があるのはなぜですか?
Magentoに言語スイッチャーを設定する必要がある 4 つの主な理由を次に示します。
- ユーザー エクスペリエンスの強化:言語スイッチャーを使用すると、訪問者は好みの言語でコンテンツにアクセスできるようになり、Web サイトへの理解とエンゲージメントが向上します。 たとえば、英語ベースのMagentoストアを訪れたスペイン語を話す顧客は簡単にスペイン語に切り替えることができ、製品の閲覧、説明の読み、購入の完了がより簡単になります。
- 市場リーチの拡大:複数の言語を提供することで、世界中の視聴者をターゲットにして新しい市場に参入でき、顧客ベースと売上が増加する可能性があります。 たとえば、米国のオンライン衣料品店は、英語、フランス語、ドイツ語のオプションを備えた言語スイッチャーを実装しています。 これにより、別の Web サイトを作成することなく、カナダや他のヨーロッパ諸国の顧客に製品を効果的に販売できるようになります。
- SEO パフォーマンスの向上:適切に実装された言語スイッチャーにより、多言語 SEO の取り組みが強化され、さまざまな言語や地域の検索結果でサイトがより目立つようになります。 たとえば、 Magentoベースの家電量販店では、英語と日本語の両方でコンテンツを提供しています。 日本人ユーザーが自分の言語で商品を検索すると、ストアの日本語ページが検索結果に表示される可能性が高く、よりターゲットを絞ったトラフィックが増加します。
- コンバージョン率の向上:訪問者が製品の詳細、ポリシー、購入プロセスを母国語で理解できれば、取引を完了して顧客になる可能性が高くなります。 たとえば、 Magento、イタリア語に切り替えるオプションを見つけます。 製品の成分、使用方法、配送ポリシーを簡単に理解できるようになり、購入に対する自信が高まりました。
これらの機能を実装すると、世界中の多様なユーザーにとってMagento Web トラフィック、エンゲージメント、売上が増加する可能性があります。
Magentoで言語スイッチャーをセットアップするにはどうすればよいですか?
Web サイト翻訳サービスは通常、この機能を提供しており、特定の要件に合わせてカスタマイズできます。
ただし、すべての翻訳サービスが、簡単にカスタマイズ可能で使いやすい言語スイッチャーを提供しているわけではないことに注意してください。 したがって、さまざまなフレームワークと互換性のある自動翻訳サービスを選択し、柔軟な言語スイッチャー機能を提供することが重要です。
これらの基準を満たす際に優れているサービスの 1 つがLinguiseです。 簡単にカスタマイズ可能でユーザーフレンドリーな言語スイッチャー機能を提供し、 Magentoとシームレスに統合します。
LinguiseMagento のスムーズな統合を活用することで、言語スイッチャーを多言語 Web サイトに簡単に組み込むことができます。 Linguiseにより Magento での言語スイッチャーのセットアップと保守が大幅に簡単になります。 Magento Web サイトにLinguiseをインストールし、言語スイッチャーを構成する手順の概要を説明します
ステップ 1: 無料のLinguiseアカウントに登録する
ステップ 2: ドメイン Web サイトMagentoを追加する
Linguiseが正常に作成されると、ダッシュボードにリダイレクトされます。 Web サイトのドメイン情報を追加する必要があります。 「ドメインの追加」を探してクリックします。 次に、入力するいくつかのフィールドを含むフォームが表示されます。
- アカウント詳細
- ウェブサイトのURL
- プラットフォームの選択 ( Magentoを選択)
- サイトの主言語
- 翻訳したい言語
- URLを翻訳するオプション
- 動的コンテンツ翻訳の設定
必要な情報をすべて入力したら、「次のステップ」ボタンをクリックします。
次の段階では、API キーを入力する必要があります。 このキーは提供され、セットアップ プロセスに不可欠です。
ステップ 3: Linguiseスクリプトをアップロードする
次のステップでは、 Linguise翻訳スクリプトをMagentoサーバーに追加します。
- Linguiseから PHP-JS 変換スクリプトを入手します。
- ダウンロードしたファイルの内容を解凍します。
- 抽出したファイルをMagentoインストールのメイン ディレクトリに転送します。
確認しておいて:
- スクリプトは、Web サイトの最上位ディレクトリにMagentoファイルと一緒に配置されます。
- フォルダーは元の名前「 linguise 」のままです。
これに続いて、アップロードしたばかりの Configuration.php ファイルにLinguise API キーを組み込む必要があります。 このファイルを編集のために開き、プレースホルダー テキスト「REPLACE_BY_YOUR_TOKEN」を見つけて、引用符で囲んだ状態で実際の API キーに置き換えます。
ステップ 4: Magentoの URL 書き換えを構成する
Magentoにアクセスし、サイドバー メニューから次のパスに従います: [ストア] > [設定] > [構成] > [一般] > [Web] > [検索エンジンの最適化]
そこに到達したら、「Use Web Server Rewrite」オプションを見つけてアクティブにします。
次に、.htaccess ファイルに言語固有の URL を設定する必要があります。 デフォルトのMagento 2 .htaccess ファイルを開き、「RewriteEngine on」という行を見つけます。 この行の直後に、特定のコード スニペットを挿入します。
この構成により、 Magentoサイトのさまざまな言語バージョンに対するリクエストを適切に処理およびルーティングできるようになり、多言語セットアップが強化されます。
.htaccess ファイルを変更するには、変更を誤るとサイトの機能に影響を与える可能性があるため、細部まで細心の注意を払う必要があることに注意してください。 これらの変更を自分で行うことに不安がある場合は、 Magento構成に詳しい開発者に支援を求めることを検討してください。
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA,END]
ステップ 5: 言語スイッチャーをアクティブにしてカスタマイズする
言語スイッチャーは、ユーザーが好みの言語を選択できるようにするフラグ ポップアップです。 これをロードするには、Web サイト設定の最後にあるコードをコピーし、HTML ページの先頭に配置します。 フラグ言語スイッチャーが自動的にロードされます。
Linguiseで Web サイトのヘッダーにコピーして読み込むコードを見つけるには [ドメイン] > [設定] > [タブ] > [スクリプト PHP]に移動します
このコードはページのヘッダーに挿入する必要があります。 Magento 2 では、構成設定を通じてページの先頭にコンテンツを追加できます。
管理パネルで、 [コンテンツ] > [構成]、デフォルトのストア テーマ ビューを編集します。 次に、「HTML ヘッド」セクションをクリックし、コピーしたスクリプトを「スクリプトとスタイルシート」入力フィールドに貼り付けます。 最後に、設定を保存します。
言語スイッチャーは、最初は Web サイトの右下のフローティング位置に表示されます。 Linguiseダッシュボード > 設定 > 言語フラグ表示に移動して、外観と配置をカスタマイズできます
ステップ 6: メインディスプレイをセットアップする
言語スイッチャーは、デフォルトでは Web サイトの右下のフローティング位置に表示されます。 Linguiseダッシュボードから [設定] > [言語フラグの表示] に移動して、外観と配置を調整できます。
ステップ 7: 旗のデザインを構成する
メインの表示設定を調整した後、言語フラグのデザインをさらにカスタマイズできます。
- 言語名の表示: 「フランス語」や「Français」など、国または言語自体に基づいて言語名を表示するように選択できます。
- 英語の国旗タイプ:これは、米国英語、英国英語、スペイン語、台湾語、ドイツ語、ポルトガル語など、複数のバリエーションがある言語に便利です。
- フラグ スタイル:フラグ アイコンの形状を円形または長方形から選択します。
ステップ 8: 色とサイズを設定する
旗のデザインを完成させたら、次の設定を使用して旗の色とサイズのカスタマイズに進むことができます。
- フラグの境界線の半径:長方形のフラグ スタイルの境界線の半径をピクセル単位で調整します。
- 言語名の色:言語名のデフォルトのテキストの色を選択します。
- ポップアップ言語の色:ポップアップまたはドロップダウン領域の言語タイトル テキストの色を設定します。
- 旗のサイズ:旗のアイコンのサイズを調整します。
- 言語名のホバー色:ユーザーが言語名の上にマウスを置いたときに表示されるテキストの色を定義します。
- ポップアップ言語のホバー色:ユーザーがポップアップまたはドロップダウン領域の言語タイトルの上にマウスを移動したときに表示されるテキストの色を指定します。
ステップ 9: フラグ box-shadow を設定する
最後に、フラグ ボックスの影の設定を調整できます。 最初のオプションでは、Web サイトに表示される各旗アイコンに影効果を追加できます。 2 番目のオプションは、ユーザーが言語フラグの上にマウスを置いたときの影の効果を制御します。
必要な調整をすべて行ったら、 「保存」ボタンをクリックしてカスタマイズの変更を適用します。 次に、 Magento Web サイトにアクセスして、構成が正常に適用されていることを確認します。 これにより、言語スイッチャーがどのように表示されるかがわかります。
セットアップが完了すると、 Magento多言語 Web サイトで言語スイッチャーが表示されます。
Magento Web サイトをスペイン語などの他の言語に自動的に翻訳します。
Magentoの言語スイッチャーを強化するための 4 つの戦略
Magentoで言語スイッチャーを設定したら言語セレクターを設計し、そのパフォーマンスを最適化してサイトとユーザー エクスペリエンスを向上させるための最適な戦略を把握する必要があります
言語インジケーターを簡単に実装する
言語スイッチャーでは、世界的に認識されている言語記号またはフラグを使用することが重要です。 これにより、訪問者は好みの言語をすばやく見つけて選択できるようになります。 使い慣れたシンボルを実装することで直感的なユーザー エクスペリエンスが生まれ、訪問者が希望する言語バージョンに簡単に移動できるようになります。 重要なのは、誤解を防ぐために世界的に認知されている指標を選択することです。
たとえば、スポーツ用品を販売する多言語電子商取引サイトなどです 言語スイッチャーは、国旗と言語の略語を組み合わせて使用できます。
- EN (英語の場合)
- ES (スペイン語用)
- FR (フランス語)
- DE (ドイツ語)
- JP(日本人向け)
このアプローチでは、視覚的な手がかり (フラグ) とテキスト (言語コード) を組み合わせることで、さまざまな背景を持つユーザーが好みの言語を簡単に識別できるようにします。 国旗はすぐに認識でき、略語によりさらに明確になります。
たとえば、スペイン語を話す訪問者はスペイン国旗と「ES」の略語をすぐに見つけて、ワンクリックでサイトをスペイン語に切り替えることができます。 このユーザー フレンドリーなデザインにより、全体的なブラウジング エクスペリエンスが向上し、サイトでのエンゲージメントとコンバージョンが増加する可能性があります。
言語名とフラグを組み合わせる
国旗は視覚的に魅力的ですが、言語のネイティブ名と組み合わせることが有益です。 この戦略は、特に一部の言語が異なる国旗を持つ複数の国で使用されているため、混乱を防ぐのに役立ちます。
実際の言語名を使用することで曖昧さがなくなり、訪問者が誤解なく好みの言語を正確に識別して選択できるようになります。 さらに、このアプローチは包括性を促進し、文化的多様性を尊重します。
たとえば、多様な視聴者に対応するグローバル ニュース Web サイトなどです。 言語スイッチャーは次のようになります。
この場合:
- フラグを使用すると、視覚的な手がかりがすぐに得られます。
- 言語名は、その言語の話者がすぐに認識できるネイティブの文字 (日本語、フランス語など) で書かれています。
このアプローチは、複数の国で話されているスペイン語や英語などの言語に特に役立ちます。 たとえば、メキシコまたはアルゼンチンのユーザーには、複数のスペイン語圏の国旗から選択するのではなく、「スペイン語」が表示されます。 同様に、英国、米国、オーストラリア、またはその他の英語圏の国のユーザーは、使用されている国旗に関係なく、すべて「英語」を認識できます。
言語スイッチャーを戦略的に配置する
言語スイッチャーを Web サイト上の目立つ、アクセスしやすい場所に配置することが重要です。 一般的で効果的な位置には、ヘッダー、フッター、またはメイン ナビゲーション メニューが含まれます。 これらのスポットは、ほとんどの Web ユーザーにとって直感的であり、言語オプションを探すときの期待と一致します。
すべてのページにわたって一貫した配置を維持することで、訪問者は、エントリ ポイントや現在のページに関係なく、言語スイッチャーに簡単にアクセスできるようになります。 この一貫性は、スムーズで予測可能なユーザー エクスペリエンスに貢献します。
たとえば、世界中のユーザーを対象とした国際的なホテル予約 Web サイトなどです。 次のように言語スイッチャー戦略を実装できます。
- ヘッダーの配置:言語スイッチャーはヘッダーの右上隅、ユーザー アカウント アイコンと通貨セレクターの隣にあります。 これはすべてのページに表示され、ユーザーは閲覧または予約のプロセス中にいつでも言語を切り替えることができます。
- 一貫したデザイン:言語スイッチャーは地球儀のアイコンの後に現在の言語が表示されます (例: 「🌐 英語」)。 クリックすると、他の言語オプションを含むドロップダウン メニューが開きます。
- フッターのバックアップ:フッターには、使用可能なすべての言語のテキストベースのリストが含まれており、代替アクセス ポイントを提供します。
この戦略的な配置により、ユーザーがホームページ、特定のホテルのページ、予約確認ページのいずれにアクセスしても、言語スイッチャーを簡単に見つけて使用できるようになります。 たとえば、東京でホテルの選択肢を閲覧しているフランス人ユーザーは、部屋の説明や予約条件を理解しやすくするためにサイトをフランス語にすぐに切り替えることができ、ユーザー エクスペリエンスが向上し、予約が完了する可能性が高まる可能性があります。
すべてのページにわたる言語スイッチャーの一貫性を維持する
言語スイッチャーが Web サイト全体で均一な外観と機能を維持することが重要です。 ユーザーは、現在のページや表示しているコンテンツに関係なく、言語を簡単に変更できる必要があります。 この一貫性により、シームレスなユーザー エクスペリエンスが提供され、言語オプションのアクセシビリティが強化され、多言語 Web サイトに対する信頼と自信が促進されます。
たとえば、電子機器を販売するグローバルな電子商取引プラットフォームです。 一貫した言語スイッチャー戦略を実装する方法は次のとおりです。
- 統一されたデザイン:言語スイッチャーは、製品リスト、個々の製品ページ、ショッピング カート、チェックアウト ページを含むすべてのページの右上隅に、現在の言語コード (例: 「🌐 EN」) を含む地球アイコンとして表示されます。
- 一貫した機能:言語スイッチャーをクリックすると、ページに関係なく、使用可能なすべての言語を含む同じドロップダウン メニューが常に開きます。
- コンテンツの保持: ユーザーが言語を切り替えても、同じページに残りますが、コンテンツは新しく選択した言語で表示されます。 たとえば、ユーザーがラップトップの仕様を英語で表示しているときにスペイン語に切り替えると、同じラップトップの詳細がスペイン語で表示されます。
- URL 構造: 言語を切り替えると、URL 構造が一貫して変わります。 例えば:
ケーススタディ:ラップトップを使用して英語版のサイトを閲覧している日本の顧客は、理解を深めたいと考えて日本語に切り替えることにしました。 ヘッダーの「🌐 JP」アイコンをクリックし、ドロップダウンから「日本語」を選択すると、ページが更新され、同じラップトップの詳細が日本語で表示されます。 URLが「/products/…」から「/ja/製品/…」に変わります。
サイトのすべてのページと機能にわたるこの一貫したエクスペリエンスにより、ユーザーは自信を持って好みの言語でナビゲートしてショッピングできるようになり、将来的に購入を完了してサイトに戻る可能性が高まる可能性があります。
Linguiseを使用してMagentoに言語スイッチャーをセットアップします。
ここまでで、多言語のMagento Web サイト用に言語スイッチャーをセットアップしていることに気づいたはずです。 言語スイッチャーを実装すると、多くの利点が得られ、ガイドラインに従ってカスタマイズできます。
Magentoの全体的なユーザー エクスペリエンスが大幅に向上します。 次のステップでは、 Linguiseを作成し、 Magento と統合して、言語スイッチャーの設定を微調整します。 これらのアクションによりユーザー エクスペリエンスが向上し、多言語 e コマース サイトがよりアクセスしやすく、ユーザーフレンドリーになります。
Magentoプラットフォームに適切に実装された言語スイッチャーは、さまざまな言語市場にわたってエンゲージメントの向上、コンバージョンの増加、顧客満足度の向上につながる可能性があることを忘れないでください。 これは、真の多言語 Web サイトを作成する上で重要な要素です。