お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Landing Pages

多言語コンテンツを管理する

更新日時 2021年 5月 7日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

ランディングページとウェブサイトページで複数の言語でグローバルオーディエンス向けのコンテンツを管理できます。この記事では、複数の言語で翻訳されたコンテンツを含むページのグループを作成する方法について説明します。 

新しい翻訳を追加したり、既存の翻訳を新しい言語グループにリンクしたり、グローバルコンテンツを管理したりする方法を確認してください。ウェブ開発者と協力して、ページテンプレートに言語切り替えモジュールを追加することによって、訪問者がサイト上で好きな言語を選択できるようにする必要もあります。多言語のナレッジベースのコンテンツを作成するには、多言語のナレッジベース記事を作成する方法をご確認ください。 

注:ページの多翻訳バージョンのコンテンツは自動的に翻訳されるわけではありません。お客様ご自身で翻訳する必要があります。右から左に読む言語(アラビア語やヘブライ語など)を指定した場合は、翻訳済みページのコンテンツエディターがこの形式を反映して更新されます。 

HubSpotには、多言語コンテンツの管理に加えて、既定のコンテンツ作成言語用のシステム生成コンテンツも提供されています。HubSpotの言語についての詳細をご確認ください。

始める前に

  • デザインマネージャーツールでの編集に慣れているチームのウェブ開発者またはユーザーと協力して、ページテンプレートに言語切り替え機能を追加する必要があります。

多言語ページグループを作成する

ランディングページまたはウェブサイトダッシュボードから多言語バリエーションを使用して新しいグループを作成することができます。ページの多言語バリエーションを作成すると、それらのページが多言語グループの一部になります。

多言語グループを作成する

多言語ページの新しいグループを作成するには、次の手順に従います。

  • HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。
  • 複数の言語に翻訳するページの上にカーソルを重ねます。[詳細]ドロップダウンメニューをクリックし、[複数言語のバリエーションを作成する]を選択します。
  • ダイアログボックスで、[バリエーション言語]ドロップダウンメニューをクリックし、このページを翻訳する言語を選択します。
  • [保存]をクリックします。

多言語ページのコンテンツと設定を編集する

次に、コンテンツエディターで、プライマリー言語の既存のページを複製します。複製したページで、新しい言語バリエーションのコンテンツを翻訳およびローカライズできます。

  • ページエディターで、選択した[バリエーション言語]のページコンテンツを編集します。
  • ページ上部の[言語]ドロップダウンメニューをクリックして、多言語バリエーションを切り替えることができます。

manage-multi-language-content

  • 多言語バリエーションのURLには、[設定]タブの[ページURL]内のこのページの言語のスラッグが含まれています。
  • [ページ言語]ドロップダウンメニューをクリックして、新しい言語を選択することによって、このページの言語を編集できます。設定の言語を変更すると、ページURLが自動的に更新されます。

multi-language-page-url-slug

多言語グループに属するページを表示して管理する

ページダッシュボードで、既存の多言語グループに属しているページの横にlanguage地球アイコンが表示されます。right右矢印アイコンをクリックして、この多言語グループ内のページの他のバリエーションを表示します。

translated-pages

多言語ページでグローバルコンテンツを編集する

ページにグローバルコンテンツが含まれている場合は、グローバルコンテンツの個別の言語バリエーションを作成する必要があります。多言語バリエーションをグローバルコンテンツに追加するのに最適な方法は、ページエディター内で行うことです。

  • ページエディターで、globalGroupグローバルコンテンツアイコンでラベル付けされた、ページ内のグローバルコンテンツの上にカーソルを重ねます。

  • edit編集アイコンをクリックして、グローバルコンテンツ編集オプションにアクセスします。

  • 表示されたダイアログボックスで、[グローバルコンテンツエディターで開く]をクリックします。
  • グローバル コンテンツ エディターの上部にある[言語]ドロップダウンメニューをクリックし、[多言語バリエーションを追加/編集]を選択して言語グループを作成します。

edit-multilanguage-global-content

  • [多言語バリエーションを管理]パネルで、[プライマリー]ドロップダウンメニューをクリックし、このグローバルコンテンツのプライマリー言語を選択します。
  • [バリエーション]ドロップダウンメニューをクリックし、多言語ページの言語を選択します。このドロップダウンメニューで[言語バリエーションを追加]をクリックすることによって、バリエーションを追加できます。
  • 左下にある[保存]をクリックします。

add-multilanguage-variations

  • グローバルコンテンツの言語バリエーションを管理するには、エディター上部の[言語]ドロップダウンメニューをクリックし、[多言語バリエーションを追加/編集]を選択します。

select-language-variation-global-content

  • グローバル コンテンツ エディターの左側のパネルで、任意のモジュールをクリックし、その内容を編集します。
  • グローバル コンテンツ バリエーションの変更が完了したら、右上の[[X]件のアセットに公開] をクリックします。新しい言語バリエーションがこのグローバルコンテンツを使用してすべてのページとブログ記事に追加されます。公開された言語バリエーションは、同じページ言語を含むページまたはブログ記事にのみ表示されます。
  • 左上にある[戻る]をクリックして、ページまたはブログ記事に戻ります。

既存のページを別の言語グループに移動する

既存の多言語グループにページを追加するには、ランディングページまたはウェブサイトダッシュボードに移動します。

  • ページの上にカーソルを重ねて[アクション]ドロップダウンメニューをクリックし、[多言語グループに追加]を選択します。
  • ダイアログボックスで、[選択された言語]ドロップダウンメニューをクリックし、このページの言語を選択します。
  • 次に、プライマリーページを選択]ドロップダウンメニューをクリックし、このページを関連付けるプライマリーページを選択します。
  • [保存]をクリックします。

page-add-to-language-groupこれで、このページが、選択したプライマリーページを含む多言語グループに追加されます。

多言語バリエーションを削除する

多言語グループ内のページを削除するには、まず、多言語グループからそのページを削除する必要があります。

  • HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。
  • ページダッシュボードで、削除するページの上にカーソルを重ねて[アクション]ドロップダウンメニューをクリックし、[多言語グループから削除]を選択します。
  • ダイアログボックスで、[削除]をクリックして確認します。これで、このページをアーカイブまたは削除できるようになりました。

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

ページテンプレートに言語切り替えモジュールを追加すると、訪問者が多言語グループ内の翻訳済みバージョンのページを切り替えられるようになります。多言語グループ内の複数のページが公開されている場合は、言語切り替え機能が自分のページにしか表示されません。

  • HubSpotのアカウントで、ページのテンプレートに移動します。
  • インスペクター[+追加]をクリックし、検索バーを使用して、[言語切り替え機能]モジュールを検索します。
  • [言語切り替え機能]モジュールをクリックしたままドラッグしてテンプレートに配置します。その上で、モジュールをクリックして編集します。
  • 言語切り替え機能の表示モードを選択します。
    • ローカライズ:各言語の名前がその言語で表示されます。たとえば、フランス語の翻訳を含むページの英語版を表示している場合は、「English」と「Français」が言語名として言語切り替え機能に表示されます。
    • ページ言語:言語名が現在のページの言語で表示されます。たとえば、フランス語の翻訳を含むページの英語版を表示している場合は、「English」と「French」が言語名として言語切り替え機能に表示されます。
    • ハイブリッド:[ローカライズ][ページ言語]の組み合わせです。たとえば、フランス語の翻訳を含むページの英語版を表示している場合は、「English」と「French(Français)」が言語名として言語切り替え機能に表示されます。
  • [完了]をクリックします。
  • 右上にある[公開]をクリックしてテンプレートを更新します。

言語に関する追加考慮事項

ページのHTML内のドメイン言語

ページの言語は、ドメインの定義済み言語設定に基づいてHTMLヘッドで定義されます。言語が設定されていない場合は、既定で、HubSpotがドメインを英語として定義します。
<meta http-equiv="content-language" content="fr">
  • 「hreflang」タグが、HubSpotでホストされているランディングページとウェブサイトページに組み込まれます。
<link rel="alternate" hreflang="fr">

<link rel="alternate" hreflang="en">

<link rel="alternate" hreflang="de">

既定で、HubSpotは言語固有のページのリンクを変更し、同じ言語のページにつながるようにします(例:日本語のページでは、www.domain.com/page1へのリンクが自動的にwww.domain.com/jp/page1に変更されます)。これはリダイレクトではなく、リンクのURL内のハード変更です。必要に応じて(考えられるSEO上の理由などで)、訪問者をページの言語固有のバージョンにリダイレクトするには、次の手順に従います。

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

hslang=<lang path>

これにより、ページの言語固有のバージョンのリンクが同じ翻訳を含む該当するリンクにリダイレクトされます。特定のHTML要素のクラスリストに“hs-skip-lang-url-rewrite”を追加することによって、その要素とその子に対してこの機能を無効にすることができます。特定のモジュールグループへのカスタムクラスの適用の詳細をご確認ください。

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

ドメインのプライマリー言語を設定する

ドメイン全体のプライマリー言語は、HubSpotに接続中にまたは接続後に設定することができます。新しいサブドメインの接続中のプライマリー言語の設定の詳細をご確認ください。

注:ブログでは、ブログ設定内の言語によって、この設定内で選択されたプライマリー言語が上書きされます。ブログのプライマリー言語を更新する方法をご確認ください。

すでに接続されているドメイン用のプライマリー言語を設定するには、次の手順に従います。

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで[ドメインとURL]に進みます。
  • [言語設定]タブをクリックします。
  • [プライマリー言語]列で、[プライマリー言語を選択]ドロップダウンをクリックし、言語を選択します。
  • この言語のページURLに既定の言語の言語プレフィックスを自動的に追加するには、[スラッグにプレフィックスを使用]トグルをオンに切り替えます。このアクションによって、プライマリー言語のこのドメイン上でホストされているすべてのページにプライマリーページ言語の2文字の略語が追加されます。多言語コンテンツを作成する場合は、このステップは必要ありません。

set-primary-language-for-domains

  • 左下にある[保存]をクリックします。

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

多言語ページのチャットフローを作成する(任意)

多言語のランディングページやウェブ サイト ページにチャットフローを追加できます。ターゲティングルールを使用すると、チャットフローを表示するページを制御できるため、該当する言語ドメインでホストされているページにのみ、正しい言語のチャットフローが表示されるようにすることができます。訪問者のブラウザーの言語や国に基づいてターゲットを設定するのではなく、ウェブサイトのURLに基づいてターゲットを設定することをお勧めします。

  • HubSpotアカウントにログインした状態で[コミュニケーション]>[チャットフロー]を選択します。
  • 目的の言語のコンテンツ用に作成したチャットフローの上にカーソルを重ねて[編集]をクリックします。または、特定の言語を対象とした ボットあるいはライブチャットを作成することもできます。チャットフローの言語設定の編集についての詳細をご確認ください。
  • 左のサイドバーで[ターゲット]タブをクリックします。
  • ターゲットとするウェブサイトのURLを編集します。
    • 最初のドロップダウンメニューをクリックし、[ウェブサイトURL]を選択します。
    • 特定のドメインのすべてのページをターゲットとして設定するには、2番目のドロップダウンメニューをクリックし、[含む]を選択します。
    • テキストフィールドに完全な言語ドメインを入力します。たとえば、www.company.com/fr/でフランス語のコンテンツがホストされている場合は、www.company.com/fr/と入力します。URLにwww.company.com/fr/が含まれるページのすべてに、チャットフローが表示されます。または、ページの言語スラッグ(/fr/)を入力することもできます。 

enter-language-domain-or-slug

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

複数のページバリエーションがある場合は、言語ごとに異なるチャットフローを作成できます。チャットフローのターゲット設定で、目的の言語URLのみがターゲットになるようにしてください。