スマートサイト構築で多言語ページの言語切り替えを設定する方法

多言語対応のサイト作成ツールで、言語切り替えを設定するには？この記事では、言語切り替えの入口、ページの対応関係、切り替えの操作方法を紹介し、海外からの訪問者の閲覧体験向上に役立つ情報をお伝えします。

言語切り替えの設定では、まず各言語のページを作成して公開し、それぞれのページを対応付けたうえで、訪問者が見つけやすい場所に切り替えの入口を設置することが重要です。サイト作成プラットフォームによってメニュー名が異なる場合がありますが、この順序で確認するとよいでしょう。

設定前に準備しておく多言語ページ

まず、サイトで提供する言語と、各言語で用意するページを決めます。貿易企業の場合は、トップページ、製品ページ、会社概要、お問い合わせページ、問い合わせフォームのページから始め、海外顧客の閲覧が多く、コンバージョンに直結するコンテンツを優先して準備するとよいでしょう。

各言語のページが翻訳・校正され、公開済みであることを確認してください。特に、製品仕様、計量単位、価格に関する説明、連絡先情報を確認します。ページがまだ下書きの状態では、切り替えの入口が表示されていても、訪問者が正常にアクセスできない場合があります。

サイト作成ツールの多言語機能を使用する場合は、管理画面で言語別ページの作成、ページの複製、翻訳コンテンツの管理に対応しているか確認してください。実際のメニュー名は「多言語」「言語管理」「国際化」など、利用するプラットフォームによって異なります。

サイト作成ツールの管理画面に言語切り替えの入口を追加する方法

サイトエディターを開き、まず言語管理またはサイト設定を探して、必要な言語を追加し、デフォルト言語を設定します。デフォルト言語は、訪問者がサイトに直接アクセスした際に表示される言語です。主要なターゲット市場と、既存コンテンツの充実度を踏まえて選びましょう。

次に、ページエディターで言語切り替えコンポーネントを見つけ、サイト共通のヘッダーに追加します。プラットフォームがナビゲーションメニューで入口を管理する場合は、メニューに各言語のページリンクを追加し、主要なすべてのページにそのリンクが表示されるようにします。

言語名は、「简体中文」「English」「Español」のように、各言語で一般的に使われる表記にすることをおすすめします。国旗だけで言語を示すと誤解を招くことがあります。同じ言語が複数の国で使われている場合もあるため、文字によるラベルのほうが識別しやすくなります。

設定後は、パソコンとスマートフォンの両方で確認してください。パソコンでは入口を上部ナビゲーションの近くに配置できます。スマートフォンでは、折りたたみメニュー内に配置する場合、メニューを開きやすく、選択肢をタップでき、文字が隠れたり途切れたりしないことを確認します。

訪問者を同じ内容の対応ページへ切り替える方法

理想的な切り替えでは、訪問者が閲覧中のコンテンツを維持します。たとえば、英語の製品詳細ページを見ている訪問者が中国語に切り替えた場合、トップページに戻すのではなく、同じ製品の中国語版詳細ページに移動させます。これにより、ページを探し直す手間を減らせます。

管理画面で「ページの関連付け」「言語版の関連付け」などの機能があるか確認し、同じ内容の各言語ページを一つずつ対応付けます。製品数が多い場合は、アクセス数の多い製品ページや広告のランディングページから対応し、その後、カテゴリーページやその他のコンテンツページを確認します。

プラットフォームに自動で関連付ける機能がない場合は、言語切り替えコンポーネントでリンク先を個別に設定できるか確認してください。手動で設定する場合は、公開済みページの完全なURLを使用し、ページのパスを変更したり製品カテゴリーを調整したりした後に、リンクを再確認します。

あるページに対応する言語版がまだない場合は、代替の案内方法を明確にしておく必要があります。その言語の関連カテゴリーページへ誘導するか、該当コンテンツの対応版がないことを案内できます。トップページに戻すことしかできない場合も、訪問者が遷移先を理解しやすいようにしてください。

URLと検索エンジンの設定で確認すること

各言語ページには、言語ごとに異なるディレクトリを使用するなど、安定した個別のURLを設定します。すべての言語コンテンツが一つのURLとブラウザーのスクリプトによる切り替えだけに依存すると、訪問者によるページ共有や、検索エンジンによる言語版の識別に影響する場合があります。

プラットフォームが対応している場合は、対応するページにhreflangタグを設定して、ページの対象言語または地域を示し、各言語版のタグが互いに正しく対応しているか確認してください。言語タグは実際のページ内容に合わせ、地域コードもターゲット市場に応じて設定します。

また、各言語版のタイトル、説明文、ページリンク、canonical URLが正しいことも確認してください。言語切り替えの入口にはアクセス可能なリンクを設定します。ブラウザーの言語を自動判別する機能は補助として利用できますが、訪問者が自分で選択できるよう、手動で切り替える方法も残しておくことをおすすめします。

公開後のテストでよくある問題を見つける方法

トップページだけでテストを済ませないでください。トップページ、製品詳細ページ、お問い合わせページ、問い合わせフォームのページからそれぞれ言語を切り替え、移動先が現在のコンテンツに対応していること、リンク切れがないこと、切り替え後にメニュー、ボタン、フォームの案内文も適切な言語で表示されることを確認します。

次に、スマートフォンとパソコンでそれぞれテストします。切り替えの入口が見つけやすいか、ドロップダウンメニューを正常に操作できるか、ページの再読み込みや戻る操作の後も言語が意図どおりに表示されるかを重点的に確認してください。ログイン、カート、フォームを利用するサイトでは、言語切り替え後も操作を続けられるか確認します。

問題が発生した場合は、移動先のページが公開されているか、ページの関連付けが正しいか、リンク先URLが変更されていないか、共通ヘッダーに変更が反映されているか、キャッシュが表示に影響していないかの順に確認します。修正後に再公開し、シークレットウィンドウで改めてテストしてください。

サイト作成ツールを選ぶ際に確認したい機能

プラットフォームが、多言語ページ管理、対応ページの関連付け、モバイル端末での言語切り替え、検索エンジン関連の設定に対応しているかを確認しましょう。また、追加できる言語にプラン上の制限があるか、コンテンツを更新する際に継続して簡単に管理できるかも確認が必要です。

企業がサイト制作と海外向けプロモーションの両方を必要としている場合は、易营宝などのプラットフォームについて、実際の機能とサービス内容を確認し、多言語サイト制作、SEO、マーケティングサービスが現在の業務フローに対応できるかを検討できます。購入前に、実際のページを使って切り替えや管理の操作をデモしてもらうことをおすすめします。

このように、多言語対応のサイト作成ツールでの言語切り替えは、ボタンを一つ設置するだけではありません。ページのコンテンツがそろっており、言語版どうしが正しく対応し、切り替えの入口が明確で使いやすいことが、訪問者に快適に閲覧してもらうための基本です。公開後もリンクと翻訳の品質を継続して確認することで、その後のメンテナンス上の問題を減らせます。