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

複数の言語でページを作成する

更新日時 2021年 5月 23日

対象製品

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

HubSpotページ上のコンテンツを複数の言語に翻訳できます。ページのテンプレートに言語切り替えモジュールを追加すると、訪問者が優先する言語を選択できるようにすることができます。 

カスタムの多言語コンテンツは自動的に翻訳されません。ただし、右から左に読む言語(アラビア語、ヘブライ語など)を指定した場合は、コンテンツエディターがその形式を使用します。 

この記事では、多言語のウェブサイトのページまたはランディングページを操作する方法を説明します。多言語のブログ多言語のナレッジベースを作成する方法、またはドメインのプライマリー言語を設定する方法について詳細をご確認ください。

ページの多言語バリエーションを作成する

  • HubSpotアカウントで、ランディングページまたはウェブサイトのページに移動します。
  • ページの上にカーソルを重ねて[詳細]ドロップダウンメニューをクリックし、[複数言語のバリエーションを作成する]を選択します。
  • 表示されるダイアログボックスで[バリエーション言語]ドロップダウンメニューをクリックし、言語を選択します。
  • [作成]をクリックします。これにより、既存のページが選択した言語で複製されます。 
  • コンテンツエディターで、選択した言語のページのコンテンツを作成します。多言語バリエーションを切り替えるには、ページ上部の[言語]ドロップダウンメニューをクリックし、目的のバリエーションを選択します。

manage-multi-language-content

  • [設定]タブに移動します。
  • バリエーションの言語を編集するには、[ページの言語]ドロップダウンをクリックし、目的の言語を選択します。これにより、ページURLの[言語]フィールドの言語スラッグが自動的に更新されます。

multi-language-page-url-slug

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

ページの多言語バリエーションは多言語グループにまとめられます。ページダッシュボードで、多言語バリエーションまたは多言語グループを編集できます。 

  • HubSpotアカウントで、ランディングページまたはウェブサイトのページに移動します。
  • 多言語バリエーションがあるページの上にカーソルを重ねます。多言語バリエーションがあるページは、language地球アイコンで示されます。
  • right矢印アイコンをクリックして、ページのすべての多言語バリエーションを表示します。

translated-pages

  • 多言語バリエーションを削除するには:
    • バリエーションの上にカーソルを重ねて[その他]ドロップダウンメニューをクリックし、[多言語グループから削除]を選択します。
    • 表示されるダイアログボックスで、[削除]をクリックして確認します。これにより、複数言語のバリエーションが独立したページになります。 
    • ページの上にカーソルを重ねて[その他]ドロップダウンメニューをクリックし、[削除]を選択します。
    • 表示されるダイアログで「delete」と入力してから、[削除]をクリックします。
  • 既存の多言語グループにページを追加するには:
    • ページの上にカーソルを重ねて[その他]ドロップダウンメニューをクリックし、[多言語グループに追加]を選択します。ページがすでにグループに含まれている場合は、[複数言語グループから削除]を選択してから、これらの手順を再開します。
    • 表示されるダイアログボックスで、[プライマリーページを選択]ドロップダウンメニューをクリックし、既存のグループに含まれるプライマリーページを選択します。
    • [保存]をクリックします。
  • グループ内でプライマリーページとする多言語バリエーションを切り替えるには:
    • ページの上にカーソルを重ねて[その他]ドロップダウンメニューをクリックし、[これを多言語グループのプライマリーページにする]を選択します。
    • ダイアログボックスで[続ける]をクリックします。

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

ページにグローバルコンテンツが含まれている場合は、コンテンツエディターでグローバルコンテンツの個別の言語バリエーションを作成する必要があります。新しい言語バリエーションがこのグローバルコンテンツを使用してすべてのページとブログ記事に追加されます。公開された言語バリエーションは、同じページ言語を含むページまたはブログ記事にのみ表示されます。

  • HubSpotアカウントで、ランディングページまたはウェブサイトのページに移動します。
  • 対象のページの上にマウスポインターを合わせて、[編集]をクリックします。
  • コンテンツエディターで、グローバルコンテンツの上にカーソルを重ねます。グローバルコンテンツは、globalGroupグローバルコンテンツアイコンで示されています。

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

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

edit-multilanguage-global-content

  • 右側のパネルで、[プライマリー]ドロップダウンメニューをクリックし、このグローバルコンテンツのプライマリー言語を選択します。ページの言語に対応するグローバルコンテンツが存在しない場合は、この言語バリエーションが表示されます。 
  • [言語バリエーションを追加]ドロップダウンメニューをクリックし、多言語ページの言語を選択します。
  • 別の言語のバリエーションを追加するには、[言語バリエーションを追加]ドロップダウンメニューをクリックし、新しい言語を選択します。 
  • 左下にある[保存]をクリックします。

manage-multi-language-variations

  • グローバル コンテンツ エディターの上部にある[言語]ドロップダウンメニューをクリックし、編集するバリエーションを選択します。グローバルコンテンツを編集する方法について詳細をご確認ください。
  • グローバル コンテンツ バリエーションの変更が完了したら、右上のPublish to [x] assets([X]件のアセットに公開)]をクリックします。これにより、グローバルコンテンツを使用している、指定された言語のすべてのページに変更が公開されます。 
  • 表示されるダイアログボックスで、[公開してページエディターに戻る]をクリックします。

テンプレートに言語切り替え機能を追加する

ページテンプレートに言語切り替え機能を追加すると、訪問者がページの翻訳バージョンに切り替えることが可能になります。言語切り替え機能がページ上に表示されるのは、多言語グループに含まれる複数のページが公開されている場合のみです。

  • HubSpotのアカウントで、ページのテンプレートに移動します。
  • インスペクターで、[+追加]をクリックし、検索バーに「言語切り替え機能」と入力します。
  • [言語切り替え機能]モジュールをクリックしたままドラッグしてテンプレートに配置します。
  • このモジュールをクリックし、編集します。 
  • インスペクターで、[既定のコンテンツ]セクションまでスクロールダウンします。 
edit-display-mode-for-language-switcher
  • [表示モード]ドロップダウンメニューをクリックし、言語切り替え機能に言語を表示する方法を指定するために、次のいずれかのオプションを選択します。
    • ローカライズ:各言語の名前がその言語で表示されます。例えば、フランス語の翻訳を含むページの英語版を表示している場合は、「English」と「Français」が言語名として言語切り替え機能に表示されます。
    • ページ言語:各言語名が現在のページの言語で表示されます。例えば、フランス語の翻訳を含むページの英語版を表示している場合は、「English」と「French」が言語名として言語切り替え機能に表示されます。
    • ハイブリッド各言語名が現在のページの言語およびその言語で表示され、ます。例えば、フランス語の翻訳を含むページの英語版を表示している場合は、「English」と「French(Français)」が言語名として言語切り替え機能に表示されます。
  • 右上にある[変更を公開]をクリックしてテンプレートを更新します。