ローカライズされた検索エンジン最適化と地域ルーティング

始める前に: ローカリゼーションについて詳しくは、ローカリゼーションの概要をご覧ください。 

SEO (検索エンジン最適化) ローカリゼーションにより、新しい市場での Web サイトの可視性が向上し、サイト全体のトラフィックが増加できます。ページ設定でページ レベルの SEO を完全に制御できますが、Webflow は、サイト レベルの SEO をローカライズし、サイト訪問者を希望のロケールに誘導するためのベスト プラクティスを実装します。ユーザー側で追加の手順は必要ありません。

ご注意ください： 特定のローカリゼーション機能は、特定のローカリゼーション プランでのみアクセスできます。 ローカリゼーションプランと機能の包括的な比較をご覧ください. 

このチュートリアルでは、次のトピックについて説明します。 

1. SEOのローカリゼーション
2. 地域ルーティング

SEOのローカリゼーション 

Webflow は、Google やその他の検索エンジンにページの複数の言語/ロケール バージョンを示すためにさまざまな手法を活用します。 

• HTML 言語タグ
• HTML ページレベルタグ
• サイトマップ hreflang タグ

HTML 言語タグ

HTML lang 属性 (つまり、サイト言語コード) は、ブラウザ、検索エンジン、スクリーン リーダーのページ コンテンツの言語を指定します。Webflow は、各ロケールに応じてサイトの言語コードを自動的に割り当てます。 

重要： の 言語コード フィールドイン サイト設定 > 一般的な タブ > ローカリゼーション ロケール固有の言語コードに優先します。サイトが複数のロケールをサポートしている場合は、 サイト設定 空です。

HTML ページレベルタグ

サイトの各ページには、指定されたページのローカライズされたバリアントのリストが含まれています。タグを使用すると、ローカライズされたページがどのように相互接続されているかを検索エンジンが理解できるようになります。

サイトマップ hreflang タグ

サイトマップの hreflang タグは、検索エンジンがサイト コンテンツの利用可能な言語と地域のバリエーションを認識し、ローカライズされたページの関連性を判断し、検索結果でサイト訪問者に最も関連性の高いロケールを提示するのに役立ちます。自動生成サイトマップのあるサイトの場合、Webflow はサイト上のすべての静的ページと動的ページに hreflang タグを自動的に組み込みます。自動生成サイトマップには、公開が有効になっているロケール サブディレクトリのみが表示されます。Webflow の自動生成サイトマップの詳細をご覧ください。

ご注意ください： Webflow でカスタム サイトマップを使用する場合は、各ページに hreflang タグを手動で追加する必要があります。または、ページ レベルの hreflang タグを埋め込むなどの代替のカスタム コード ソリューションを検討することもできます。

重要： セカンダリ ロケール (ロケール B など) の CMS コンテンツが、別のセカンダリ ロケール (ロケール C など) のローカライズされたコンテンツの代替として機能する場合は、プライマリ ロケール (ロケール A など) でアクティブなデフォルト バージョンを常に維持します。CMS アイテムがプライマリ ロケールで公開されていないが、2 つ以上のサポートされているロケールで公開されている場合、Webflow はフォールバックの非プライマリ ロケールを決定できず、各ローカライズ バージョンには、サイトマップでページが互いに独立していることを示す一意の「x-default hreflang」タグが付けられます。

地域ルーティング

地域ルーティングでは、サイト訪問者がサイトにアクセスしたときに、最適なロケール バージョンに誘導します。地域ルーティングは、サイト レベルとページ レベルの両方で行われます。

サイトレベルまたはドメインレベルのルーティング 

エンタープライズおよびアドバンスド ローカリゼーション プランには、自動ドメイン レベルのルーティングが含まれています。サイト訪問者が「スペイン語」を希望する場合、Webflow はサイトのルート ドメインの適切なロケール バージョンに誘導するよう努めます。希望するロケールがサイトでサポートされていない場合、またはサイト訪問者が設定していない場合、Webflow はプライマリ ロケールにリダイレクトします。 

ページレベルのルーティング

ロケール リスト要素とページ リンク (リンク設定のページ リンク タイプ) は、ページ レベルの自動ルーティングを提供し、訪問者を好みの言語のサイト ページに誘導します。たとえば、サイト訪問者が英語で「About」ページを閲覧し、その後ロケール スイッチャーからスペイン語を選択した場合、サイトは訪問者をスペイン語ロケールの「About」ページにリダイレクトします。 

サイト訪問者が特定のロケールに存在しないページにアクセスした場合、サイトは訪問者をロケールのサブディレクトリにリダイレクトします。たとえば、誰かが英語ロケールのサイトページにアクセスし、その後、指定されたページが利用できないスペイン語ロケールに切り替えると、その訪問者はスペイン語ロケールのホームページにリダイレクトされます。 

覚えておいてください: 自動ページレベルのロケールルーティングは、 リンク設定 に設定 ページ または コレクションページ — リンク設定で直接 URL を使用してサイト上の別のページまたはアイテムを参照する場合、リンクはサイト訪問者をロケール固有のページに誘導しません。リンク設定の詳細については、こちらをご覧ください。