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

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

更新日時 2024年 4月 3日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

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

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

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

注:
  • Content Hub Starterサブスクリプションをご利用のアカウント、またはHubSpotの無料ツールをご利用のアカウント:
    • 多言語対応のランディングページを作成することはできません。
    • 多言語対応のブログ記事またはウェブサイトページは、記事またはページごとに3言語のバリエーションに制限されています。 
  • 現在のところ、404エラーページなどのシステムページを複数の言語バリエーションで作成することはできません。 

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

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
  • ページの上にカーソルを重ねて[編集]をクリックします。 
  • コンテンツエディターで[ファイル]メニューをクリックし、[新規]>[言語バリエーション]を選択します。 
  • 表示されるダイアログボックスで[バリエーション言語]ドロップダウンメニューをクリックし、言語を選択してから、[作成]をクリックします。
  • 言語バリエーションを切り替えるには、左上のlanguage[言語]ドロップダウンメニューをクリックし、言語を選択します。 

select-language-variation-in-editor

  • バリエーションの言語を編集するには、「設定」 メニューをクリックし、「言語」を選択します。ダイアログボックスで、ページ言語ドロップダウンメニューをクリックし、言語を選択します。 

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

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

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
  • 多言語バリエーションがあるページの上にカーソルを重ねます。多言語バリエーションがあるページは、languagel地球アイコンで示されます。
  • right矢印アイコンをクリックして、ページの全ての多言語バリエーションを表示します。 

expand-muti-language-group

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

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

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

  • コンテンツを開きます。

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

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

add-or-edit-multi-language-global-content

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

manage-multi-language-variations

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

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

言語切り替えモジュールを使用して、訪問者がページの翻訳版を切り替えられるようにすることができます。このモジュールがページに表示されるのは、多言語グループに含まれる複数のページが公開されている場合のみです。 

開発者ドキュメントで、コードテンプレートに言語切り替えモジュールを追加する方法について詳細をご確認ください。 

ドラッグ&ドロップ編集をサポートするページに言語切り替え機能を追加するには: 

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
  • ページの上にカーソルを重ねて[編集]をクリックします。 
  • 左のサイドバーで、add[追加]アイコンをクリックします。 
  • Functionalityセクションをクリックして展開し、「言語切り替え機能」モジュールをクリックし、所定の位置にドラッグします。
  • [表示モード]ドロップダウンメニューをクリックし、言語切り替え機能に言語を表示する方法を指定するために、次のいずれかのオプションを選択します。
    • ローカライズ:各言語の名前がその言語で表示されます。例えば、フランス語の翻訳を含むページの英語版を表示している場合は、「English」と「Français」が言語名として言語切り替え機能に表示されます。
    • ページ言語:各言語名が現在のページの言語で表示されます。例えば、フランス語の翻訳を含むページの英語版を表示している場合は、「English」と「French」が言語名として言語切り替え機能に表示されます。
    • ハイブリッド:各言語名が現在のページの言語およびその言語で表示されます。例えば、フランス語の翻訳を含むページの英語版を表示している場合は、「English」と「French(Français)」が言語名として言語切り替え機能に表示されます。
  • 言語切り替え機能のアイコンを変更するには、[アイコンオプション]ドロップダウンメニューをクリックし、オプションを選択します。 
  • 変更内容を公開するには、右上の[公開]または[更新]をクリックします。

多言語対応ページのパフォーマンスを分析する

ページの全言語のパフォーマンスを一度に分析することも、言語ごとに個別に分析することも可能です。 

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
  • ページの名前をクリックします。
  • コンテンツの詳細ページで、ページ上部にある[言語]ドロップダウンをクリックし、いずれかのオプションを選択します。 
    • [全ての言語]を選択すると、このページの全ての言語バリエーションに関する複合的な分析結果が表示されます。このオプションの横には当該ページの言語バリエーションの数が示されます。 
    • 特定の言語を選択すると、このページのその言語のバリエーションのみに関する分析結果が表示されます。 

select-language-for-analytics

 

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。