多言語サイトを作成する
エディターを使えば、高品質な多言語ウェブサイトを作成できます。各サブページをコピーしてコンテンツを翻訳したり、他の言語用に別のデザインを作成したりできます。この記事では、その使い方をご紹介します。
エディタで作成された多言語ウェブサイトは、ウェブサイト訪問者のブラウザ言語を認識し、対応する言語が利用可能な場合は自動的にその言語を表示します。ウェブサイトに訪問者のブラウザ言語に対応するバージョンがない場合、デフォルトの言語が使用されます。
複数の言語を設定する
Section titled “複数の言語を設定する”サイトに言語を追加する方法を説明するために、英語のウェブサイトにスペイン語版を追加する方法をご紹介します。多言語化を有効にするには、以下の手順に従ってください。
- トップメニューの右上にある 「その他」 をクリックします
- 言語設定にアクセスするには、 言語 を選択してください
- 多言語 の下のフィールドをクリックし、 多言語を有効 にするを選択します。
多言語を有効にすると、現在のデフォルト言語が既にリストに表示されます。この言語は削除または変更できないため、グレー表示されています。マウスをその上に移動すると、左側に「+」記号が表示されます。これをクリックすると、プロジェクトに別の言語を追加できます。
次に、空のフィールドをクリックして、ドロップダウンリストから言語を選択します。今回は「スペイン語」を選択します。次に、エディターの左上にあるメニューバーの保存アイコンをクリックするか、ショートカット [Ctrl] + [S] を使用してプロジェクトを保存します。保存すると、「スペイン語」がグレー表示になり、変更できなくなります。
エディターは、以前に作成されたすべてのページとそのコンテンツをバックグラウンドで複製し、それに応じて必要な言語情報を保存しました。
新しい言語でサブページを編集するには、 「ページ」 に移動します。上部では、ウェブサイトで有効になっているすべての言語を切り替えることができます。この場合は、英語とスペイン語を切り替えることができます。
新しい言語を追加すると、各言語ごとに少なくとも1つのページが常に利用可能である必要があるため、ホームページのみが自動的にアクティブになります。ページ名からもわかるように、言語は対応するISO略語で表されます。この場合、スペイン語は「es」です。
他の言語のページを新しい言語で表示したい場合は、 「翻訳」 ボタンをクリックしてください。ただし、翻訳とは、最初の言語の既存のコンテンツをコピーするだけであり、選択した言語に翻訳されるわけではありません。コンテンツをご自身で翻訳し、交換する必要があります。
新しい言語を追加するときにすべてのサブページをデフォルトでアクティブにしたい場合は、左上隅のバーガー メニューを開いて [設定] をクリックし、 言語コピー モードを [すべてのページをコピー] に変更することで、この設定を変更できます。
ある言語でページに加えられた変更は、他の言語のページには影響しませんのでご注意ください。そのため、変更をすべての言語で表示したい場合は、言語ごとに調整を行う必要があります。
各言語のページごとに SEO 設定やその他の詳細を個別に変更することもできます。
今後、それぞれのページは www.your-domain.com/subpage 経由ではアクセスできなくなり、 www.your-domain.com/en/subpage または www.your-domain.com/es/subpage 経由でアクセスできるようになります。
ウェブサイト訪問者がサイト上で言語を選択できるようにする
Section titled “ウェブサイト訪問者がサイト上で言語を選択できるようにする”前述の通り、ウェブサイト訪問者のブラウザ言語に対応するウェブサイトのバリエーションが利用可能な場合、訪問者は自動的にそのバージョンにリダイレクトされます。しかし、ウェブサイト訪問者がウェブサイトのどのバージョンを表示するか手動で選択できるようにしたい場合もあるでしょう。そのような選択オプションを追加するには、サイドバーの 「機能」 カテゴリに移動し、 「言語」 を ページにドラッグ＆ドロップしてください。
「言語」をダブルクリックして左側の設定パネルを開き、 「言語」 に移動すると、言語の表示方法を選択できます。
国コード、国旗、テキストから選択できます。
URLと「hreflang」
Section titled “URLと「hreflang」”エディターは、現在アクセスしているページ（例：www.your-domain.com/en/subpage/ ）のすべての利用可能な言語に対して、次のように「hreflang」を自動的に配置します。
<link rel="alternate" hreflang="en" href=" https://www.your-domain.com/en/subpage/ >
<link rel="alternate" hreflang="es" href=" https://www.your-domain.com/es/subpage/ >
「hreflang」は言語要素でも使用され、検索エンジンにリンク先の言語を知らせます。その他のリンクには「hreflang」は含まれません。なぜなら、含まれている場合、リンク先は常に同じ言語だからです。
正規 URL は、複数の URL からアクセスできる場合（重複コンテンツを避けるため）に、現在開いているページにアクセスできる実際の URL を表しますが、実際には言語とは関係ありません。
多言語を無効にする
Section titled “多言語を無効にする”ウェブサイトの多言語設定を無効化したい場合は、他の言語をすべて削除し、利用可能な言語を1つだけにする必要があります。その後、 「多言語設定を無効化」 を選択してください。