Landing Pages

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

更新日時 2020年 10月 19日

対象製品

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営業日かかる場合があります。