HubSpot で複数言語コンテンツを管理する

HubSpot では、グローバルオーディエンス向けに複数言語コンテンツを簡単に管理できます。

• ドメインのプライマリ言語を選択する
• 翻訳済みページを作成する
• 翻訳済みページをマスターページに接続する
• ページに言語切り替え機能を追加する

注: 複数言語コンテンツは現在、ランディングページおよびウェブサイトページでのみ利用可能です。

ドメインのプライマリ言語を選択する

翻訳済みページを作成する前に、HubSpot で各ドメインのプライマリ言語を設定する必要があります。

• HubSpotアカウントにて、ナビゲーションバーに表示される［設定アイコン settings］をクリックします。
• 左のサイドバーメニューで [ドメインと URL] に移動します。
• [言語設定] タブをクリックします。
• 翻訳済みページを作成するドメインの横にある [プライマリ言語を選択] をクリックします。

• ドロップダウンメニューで、[言語] を選択します。

• 左下の [保存] をクリックします。

注: プライマリ言語を誤って設定した場合は、HubSpot サポートにご連絡ください。プライマリ言語設定のリセットには最大 3 営業日かかる場合があります。

翻訳済みページを作成する

• HubSpot Marketing Hub アカウントで、[マーケティング] > [ウェブサイト] > [ランディングページ] または [ウェブサイトページ] の順に進みます。
• ページの上にカーソルを置き、[続き] ドロップダウンメニューをクリックして [翻訳を作成] を選択します。

• ダイアログボックスで [現在のページの言語を選択] ドロップダウンメニューをクリックし、現在のページの言語を選択して [翻訳後の複製の言語を選択] ドロップダウンメニューをクリックし、作成中の新しい翻訳済みページの言語を選択します。
• [作成] をクリックします。

• ページエディターで、言語の省略形が [設定] タブにある [ページ URL] でスラッグとして追加されます。

• 左上の [言語] ドロップダウンメニューを使用して、マスターページとその他の翻訳済みページにアクセスできます。

• ランディングページまたはウェブサイトダッシュボードの翻訳済みページの横に、地球の [言語] アイコンが表示されます。地球 言語 アイコンの上にカーソルを置くと、ページの翻訳版のリストが表示されます。

• ページの言語は、ドメインの定義済み言語設定に基づいて HTML ヘッドで定義されます (言語が設定されていない場合、HubSpot は既定でドメインを英語で定義します)。

• 「hreflang」タグが、HubSpot がホストするランディングページおよびウェブサイトページに組み込まれます。

可能な場合に訪問者をページの言語固有のバージョンにリダイレクトするには、次の手順を実行します。

• HubSpotアカウントにて、ナビゲーションバーに表示される［設定アイコン settings］をクリックします。
• 左のサイドバーメニューで [ドメインと URL] に移動します。 
• [言語設定] タブをクリックします。
• [対応言語へのリダイレクトを有効にする] スイッチをクリックしてオンに切り替えます。この設定を有効にすると、次のクエリパラメータが URL に追加されます:

hslang=

特定の HTML 要素およびその子についてこの機能を無効にするには、"hs-skip-lang-url-rewrite" をその要素のクラスリストに追加します。特定のモジュールグループへのカスタムクラスの適用について詳細を確認してください。

注: 言語固有のリダイレクトは、詳細メニューモジュールまたはシンプルメニューモジュールのリンクでは動作しません。

翻訳済みページをマスターページに接続する

既定の言語の公開中のマスターページがある場合、翻訳済みページを接続してマスターページと同じ SEO ランクを付与することができます。

• HubSpot Marketing Hub アカウントで、[マーケティング] > [ウェブサイト] > [ランディングページ] または [ウェブサイトページ] の順に進みます。
• 翻訳済みページの上にカーソルを置き、[続き] ドロップダウンメニューをクリックして [翻訳を作成] を選択します。

• ダイアログボックスで、[マスターを選択] タブをクリックします。[現在のページの言語を選択] ドロップダウンメニューをクリックし、現在のページの言語を選択して [マスターページを選択] ドロップダウンメニューをクリックし、新しい翻訳済みページを関連付けるマスターページを選択します。
• [保存] をクリックします。

ページに言語切り替え機能を追加する

ページに言語切り替え機能を追加して、訪問者がページの翻訳版に切り替えられるようにできます。

注: ページの翻訳版を複数公開して接続している場合は、言語切り替え機能のみが公開中のページに表示されます。

• ページのテンプレートに移動します。
• インスペクターで [+ 追加] をクリックし、検索バーを使用して [言語切り替え機能] モジュールを検索します。
• [言語切り替え機能] モジュールをクリックしてドラッグしてテンプレートに配置し、モジュールをクリックして編集します。

• 言語切り替え機能の表示モードを選択します。
  • ローカライズ: 各言語の名前がその言語で表示されます。たとえば、フランス語の翻訳があるページの英語版を表示している場合、「English」と「Français」が言語名として言語切り替え機能に表示されます。
  • ページ言語: 言語名が現在のページの言語で表示されます。たとえば、フランス語の翻訳があるページの英語版を表示している場合、「English」と「French」が言語名として言語切り替え機能に表示されます。
  • ハイブリッド: [ローカライズ] と [ページ言語] の組み合わせです。たとえば、フランス語の翻訳があるページの英語版を表示している場合、「English」と「French (Français)」が言語名として言語切り替え機能に表示されます。
• [完了] をクリックします。
• 右上の [公開] をクリックしてテンプレートを更新します。