会社のグローバル展開に伴って複数言語でページを作成する際には、各市場ごとにすべてのコンテンツを簡単に作成・管理できる手法が必要となります。
ここでは、ドメインの主要言語を選択して、翻訳ページを作成し、公開ページに言語切り替えボタンを追加して、訪問者が翻訳バージョンのページに簡単にアクセスできるようにする方法をご紹介します。
注：現在、これらの機能はウェブサイトやランディングページに対してのみご利用いただけます。
主要言語を選ぶ（ドメインごと）
翻訳ページを作成する前に、HubSpotで設定した各ドメインの主要言語を設定する必要があります。以下の手順で設定してください。
- HubSpot Marketingのアカウントで、右上のギアアイコンをクリックして、設定ページを開きます。
- 左側のサイドバーメニューで、［Domains & URLs（ドメイン＆URL）］を選択し、翻訳ページの作成に使用するドメインの横にある［Choose primary language（主要言語を選択）］をクリックします。
- ダイアログボックスが表示されるので、ドロップダウンリストから言語を選択し、［Save（保存）］をクリックします。
HubSpotで翻訳済みのウェブサイトやランディングページを作成する
- HubSpot Marketingのアカウントで、［Content（コンテンツ）］ > ［Website Pages（ウェブサイトページ）］または［Landing Pages（ランディングページ）］の順に選択します。
- 既存のウェブサイトページまたはランディングページにカーソルを置くとアクションのボタンが表示されるので、［More（詳細）］ > ［Create Translation（翻訳を作成）］を選択します。
- ドメインの主要言語を選択します。
- ［Create new translation（新しい翻訳を作成）］タブにて、ドロップダウンメニューから現在のページの言語を選択し、翻訳ページの言語を選択します。
- ［Create（作成）］をクリックします。
- 翻訳ページが作成され、翻訳言語の省略形が［Settings（設定）］の［Page URL（ページURL）］に追加されます。
- これで、左上に表示される言語ドロップダウンメニューを使用して、マスターページや翻訳ページにアクセスできるようになりました。
- 翻訳ページがある場合、ウェブサイトページやランディングページのダッシュボードの横に地球儀のアイコンが表示されます。アイコンにカーソルを合わせると、翻訳言語のリストが表示されます。
- ページの言語は、ドメインの既定言語設定に基づいてHTMLヘッダーで定義します。言語が設定されていない場合、COSはドメインのデフォルト言語設定を英語として定義します。
- COSホストのウェブサイトとランディングページに「hreflang」タグを組み込む：
リンクされたページに翻訳バージョンがあることを検知すると、HubSpotは翻訳ページのリンクを自動的に書き換えます。特定のHTML要素とその子要素に対してこの機能を無効にする場合、"hs-skip-lang-url-rewrit"をその要素のクラスリストに追加します。特定のモジュールグループにカスタムクラスを適用する方法の詳細については、この記事をご覧ください。
翻訳ページをマスターページに接続する
既定言語を使用したマスターページが既に公開中で、検索順位で良い結果が得られている場合、翻訳ページをマスターページに接続することで、翻訳ページでも同様の検索順位を実現することができます。
翻訳ページをマスターページに接続する方法：
- HubSpot Marketingのアカウントで、［Content（コンテンツ）］ > ［Website Pages（ウェブサイトページ）］または［Landing Pages（ランディングページ）］の順に選択します。
- 既存のページにカーソルを置くとアクションのボタンが表示されるので、［More（詳細）］ > ［Create Translation（翻訳を作成）］を選択します。
- ［Choose a master（マスターを選択）］タブにて、ドロップダウンメニューから現在のページの言語を選択し、この翻訳に関連付けるマスターページを選択します。
- [Save（保存）]をクリックします。
ページテンプレートに言語切り替えモジュールを追加する
次に、ユーザーがマスターページと翻訳ページを切り替えるためのボタンをページに追加します。
注：このボタンは、複数の翻訳版のページを公開し接続している場合にのみ、公開ページに表示されます。
以下の手順で設定します。
- ページの テンプレートを選択します。
- 左側のモジュールのサイドバーを開きます。
- ［Language Switcher（言語切り替え）］モジュールをテンプレートにクリック＆ドラッグします。
- モジュールの右側にあるギアアイコンをクリックして、編集オプションを選択します。
- 言語切り替えボタンの表示モードを選択します。
- ［Pagelang］は、現在のページの言語で言語名を表示します。たとえば、日本語の翻訳ページがあるページの英語版を表示している場合、言語切り替えボタンをクリックすると、言語名として「English」と「Japanese」が表示されます。
- ［Localized］は、各言語名をその言語で表示します。たとえば、日本語の翻訳ページがあるページの英語版を表示している場合、言語切り替えボタンをクリックすると、言語名として「English」と「日本語」 が表示されます。
- ［Hybrid］は、上記２つの設定の組み合わせになります。たとえば、日本語の翻訳ページがあるページの英語版を表示している場合、言語切り替えボタンをクリックすると、言語名として「English」と「Japanese（日本語）」 が表示されます。
翻訳ページは、［Select a language for your translated clone（翻訳ページの言語を選択）］ドロップダウンメニュー（上記参照）で選択可能ないずれの言語でも作成することができ、言語切り替えボタンに言語名が表示されますが、次の言語名のみがその言語に翻訳されて言語切り替えボタンに表示されます。
- 中国語（中国）
- 中国語（香港）
- チェコ語
- デンマーク語（デンマーク）
- オランダ語（オランダ）
- フィンランド語（フィンランド）
- ドイツ語（ドイツ）
- ギリシャ語（ギリシャ）
- イタリア語（イタリア）
- 日本語（日本）
- ノルウェー語（ニーノシュク、ノルウェー）
- ポーランド語（ポーランド）
- ポルトガル語（ブラジル）
- スペイン語（メキシコ）
- スペイン語（スペイン）
- スウェーデン語（スウェーデン）
- フランス語（フランス）
- ［Done（完了］をクリックします。ｓ
- 右上の［Publish（発行）］をクリックして、変更をテンプレートに適用します。
翻訳ページの初期設定の主要言語を変更する
翻訳ページの初期設定の主要言語を変更したい場合、ランディングページのダッシュボードで変更できます。
- 翻訳ページ名の横にある地球儀のアイコンをクリックして、既存の翻訳のリストを表示します。マスター言語がリストの先頭に表示されます。
- マスター言語の横にあるゴミ箱アイコンをクリックすると、新しいマスターバージョンのページを選択するダイアログボックスが表示されます。マスターページを選択して、［Set new master（新しいマスターを設定）］をクリックします。
- 新しいマスターページを指定後、［Cancel（キャンセル）］またはダイアログボックスの外側の任意の場所をクリックすると、元のマスターバージョンのページを翻訳ページとして保持することができます。