多言語ウェブサイトの作成 は、思っているほど複雑ではありません。特にHubSpotのようなCMSを使えばなおさらです。このプラットフォームは、複雑なコーディングや過度に技術的な設定を必要とせずに、多言語でのサイト作成と管理のプロセスを容易にするように設計されています。ページ設定、ナビゲーションから自動翻訳機能まで、すべてが利用可能で、すぐに活用できます。
このガイドでは、HubSpot CMSを使った多言語ウェブサイト作成の完全な手順を解説します。言語戦略の立案から、初期サイトのセットアップ、翻訳ツールとの連携、そしてさまざまな市場でウェブサイトのパフォーマンスを最適化するための重要なSEO実践方法までを網羅します。一つずつ順を追って進めていきましょう！
多言語ウェブサイトに HubSpot CMS を選択する理由は何ですか?
強力でありながら使いやすい CMS を探していて、多言語ウェブサイトを構築したいなら、HubSpot CMSは最適な選択肢かもしれません。このプラットフォームは、初心者でもプロでも、魅力的で構造化されたウェブサイトを複数の言語で簡単に構築できるように設計されています。
ここでは、HubSpot CMS が多言語ウェブサイト プロジェクトに最適な選択肢である理由をいくつか紹介します。.
- コーディング不要で無料、そして簡単に使える – HubSpot CMSは、コーディングの知識がなくても使える無料ツールを提供しています。ドラッグ＆ドロップエディタと柔軟なテーマにより、開発者を必要とせずに誰でもプロフェッショナルな見た目のサイトを作成できます。技術的な複雑さに対処することなく、コンテンツとユーザーエクスペリエンスの構築に集中したい場合に最適です。
- 多言語サポートを標準搭載 – HubSpot CMSでは、ページのネイティブ版を複数の言語で作成できます。各バージョンは個別に管理しながらも、統合されたシステム内で連携を保てるため、ナビゲーションとコンテンツ管理が簡単です。言語別のURLを設定したり、hreflangタグなどの多言語SEO機能を利用することもできます。
- マーケティングおよびCRMツールとの統合 – 多言語サイトをHubSpotのマーケティング、営業、カスタマーサービスツールとシームレスに連携できます。たとえば、ユーザーの言語に基づいてお問い合わせフォーム、チャットボット、メールマーケティングのコンテンツを表示できます。これにより、よりパーソナライズされた関連性の高いユーザー体験を実現します。
- ウェブサイト分析機能を標準搭載 – HubSpotは、ウェブサイトの各言語版のパフォーマンスを追跡するための分析機能を標準で提供しています。どのページが最も閲覧されているか、オーディエンスがどこから来ているか、どのように相互作用しているかを、追加のツールなしで単一のダッシュボードからすべて確認できます。
HubSpot CMS で多言語ウェブサイトを作成する手順
多言語ウェブサイトを構築するには、よく考えられた戦略、クリーンな構造、そして多言語のニーズを簡単にサポートするプラットフォームが必要です。HubSpot CMSなら、そのすべてが揃っています。それでは、手順を始めましょう！
#1 多言語戦略の計画
エディターに触れる前の最初のステップは慎重な計画です。これは、多言語サイトがさまざまな地域のオーディエンスにとって見栄えがよく、適切に機能するために極めて重要です。.
- ターゲット市場やリーチしたいオーディエンスに基づいて言語を選択しましょう。アナリティクスや市場調査のオーディエンスデータを使用して、最も関連性の高い言語を優先します。この調査により、ウェブサイトに追加する言語も決定されます。.
- 使用するURL構造を決定します。HubSpot CMSは、サブドメイン（例：fr.example.com）、サブフォルダ（example.com/fr）、URLパラメータ（example.com?lang=fr）など、さまざまなURL構造形式をサポートしています。サブフォルダはメインドメイン上に残るため、通常SEOに最も推奨されます。.
- 各言語でどの主要ページを利用可能にするかを決めましょう。これには、ホームページ、会社概要、サービス、お問い合わせ、人気記事が含まれます。このコンテンツマップがあれば、すべての言語で均等なユーザー体験を確保できます。.
#2 ウェブサイトの設定
戦略が固まったら、HubSpot CMS上でウェブサイトの基盤を構築する時です。まず、HubSpotアカウントをすでにお持ちであることを確認してください。まず試してみたい場合は、HubSpotが無料トライアルも提供していることを知っておく必要があります。.
アカウントを作成してログインすると、さまざまなメニューナビゲーションと製品設定オプションがあるダッシュボードページに移動します。次の画面が表示されたら、 コンテンツ > ウェブサイトページ メニューを選択します。ウェブページの作成を開始するには、作成ボタンを選択します。
次に、カスタマイズしやすいレスポンシブテーマまたはテンプレートを選択します。HubSpotには、すぐに使用できるテーマや、ドラッグアンドドロップエディターでブランドに合わせて変更できるテーマが多数用意されています。テーマを選択したら、 アクティブテーマとして設定 ボタンをクリックします。
その場合は、エディターページに移動します。ここでは、ウェブサイトのニーズに応じてさまざまな要素を直接編集できます。.
要素を編集するには、その要素をクリックして、左側のコンテンツセクションで調整します。
同様に、新しいセクション、モジュール、またはレイアウトを追加したい場合も。ここでは、HubSpot CMSが以下のようなさまざまなモジュールを提供しています:
- 文章
- 商業
- デザイン
- フォームとボタン
- 本文内容等.
ページエディタの左側から右側へ、(+) 記号を選択するか、直接ドラッグアンドドロップするだけです。.
#3 自動翻訳ツールとの連携
ウェブサイトのページの構築が完了したら、次は HubSpotウェブサイトを統合する 自動翻訳ツールを導入しましょう。今回は、 Linguiseという外部ツールを使用します。
特に多言語ウェブサイトの場合、HubSpotでサードパーティ製ツールを使用する必要がある理由はいくつかあります。HubSpot CMSは、次のような特定の機能を自動的にサポートしていないためです。.
プランに基づく言語数とページ数の制限 – HubSpotでは、サブスクリプションの階層に応じて、コンテンツごとの言語バリエーション数が制限されます。たとえば、Starterプランではコンテンツごとに最大3言語までしか許可されていませんが、 Linguise は無制限の言語サポートを提供し、すべてのプランで最大85言語が利用可能で、ページ数も無制限です。
特定のページタイプにおける多言語サポートの制限 – 404などのシステムページは複数の言語に翻訳できず、ブログやナレッジベースのコンテンツの翻訳は、通常のウェブサイトページとは異なる、より手動的なプロセスに従います
コード化されたファイルの言語タグはサポートされていません – コード化されたテンプレートを使用する場合は、
- RTL言語のテキスト方向設定がありません – アラビア語やヘブライ語などの言語では、テキストの方向を正しくするために、dir="rtl"属性を自分で追加する必要があります。
だからこそ、これらすべての機能をサポートし、HubSpot CMSと適切に連携するサードパーティの翻訳ツールが不可欠です—Linguise もその一つです。 Linguise は、コンテンツを80以上の言語に高品質な結果で自動翻訳できます。.
HubSpotウェブサイトに インストールする Linguise 自動翻訳を導入するには、いくつかの手順があります。
まず、 Linguise アカウントを作成したことを確認してください。 Linguise ダッシュボードにサインインまたは登録すると、翻訳したいドメインを登録するよう求められます。https:// を含む完全なドメインを入力し、OTHER CLOUD HOSTED CMS オプションを選択してください。
次に、ウェブサイトの主要（ソース）言語と追加したいターゲット言語を選択します。.
ドメインが Linguise ダッシュボードに正常に登録されると、DNSを自動的に接続するオプションが表示されます。Entriという機能を使用すると、手動設定なしで必要なDNSレコードをすべて追加できます。.
Entriはドメインの公開DNSを確認し、ドメインプロバイダー（Cloudflareなど）を検出して、そのプロバイダーのログインページを表示します。ログイン後、Entriは必要なDNSレコードをすべて自動的に追加します：
- ドメイン認証用のTXTレコード1件
- 追加する言語ごとに 1 つの CNAME レコード
DNSの伝播プロセスには通常20～30分かかり、その後サイトで多言語ページを表示できるようになります。.
次のステップは、 Linguise スクリプトを貼り付けることです。このスクリプトは Linguise ダッシュボードで確認できます。次に、HubSpotアカウントで 設定 > 言語 に移動し、スクリプトをHead HTMLフィールドに貼り付けてください。
このコードは、あなたのウェブサイトを Linguiseと自動的に統合します。さらに、デフォルトの言語切り替えツールも自動的に生成します。.
#4 言語スイッチャーのカスタマイズ
さらに、 Linguise ダッシュボードで「言語フラグの表示」メニューを選択することで、好みに合わせて言語スイッチャーを設定することもできます。たとえば、表示される言語の名前、フラグアイコン、色、テキストなどの設定から始められます。.
このページでは、ウェブサイトの言語切り替えツールに最初に表示される言語を並べ替えることもできます。.
#5 コンテンツを自動的に翻訳する
最後に、自動的に作成された HubSpot のウェブサイトを、 Linguiseを使って別の言語に翻訳します。たとえば、英語からドイツ語に翻訳します。.
ご覧のとおり、HubSpotのウェブサイトコンテンツはすべて自動的に迅速かつ正確に翻訳されます。.
多言語対応HubSpotウェブサイトのSEOベストプラクティス
HubSpotで多言語ウェブサイトを作成するだけでなく、実装する 国際SEO戦略 が、サイトの各言語版が検索結果で適切に表示されるようにする必要があります。以下は、HubSpotベースの多言語サイトに実装できるSEOのベストプラクティスです。
hreflang タグと canonical タグを正しく使用する
hreflangタグ は、特定のページの対象言語と地域を検索エンジンに伝えます。これは、コンテンツの重複を避け、ユーザーが適切な言語バージョンに誘導されるようにするために重要です。
良いニュースは、HubSpot CMSを Linguiseと一緒に使用している場合、これらのhreflangタグのサポートが自動的に設定されることです。つまり、タグを手動で追加する必要はなく、システムがサイトの各言語バージョンに対してhreflangを生成および管理します。以下は、記事におけるhreflang実装の例です。.
一方、canonicalタグは慎重に使用する必要があります。すべての言語版を1つのcanonical URLにポイントさせないでください。各言語版にはそれぞれのcanonicalが必要です。.
たとえば、フランス語のページには、英語版のURLではなくフランス語版のURLへのcanonicalを設定する必要があります。これにより、Googleは各言語版が異なるオリジナルページであると理解し、重複コンテンツと見なさなくなります。.
あらゆる言語でタイトルタグとメタディスクリプションを最適化する
ページタイトル（titleタグ）とメタディスクリプションは、オンページSEOにおいて最も重要な要素です。HubSpotで1つのテンプレートを複数言語に使用する場合は、各バージョンにターゲット言語に合ったタイトルとメタディスクリプションを設定してください。これにより、検索の関連性が高まり、検索結果のクリック率が向上します。.
例えば、すべてのバージョンでメタディスクリプションを英語で書くのではなく、コンテンツをカスタマイズしましょう。もしあなたのページが衣料品を販売していて、スペイン市場をターゲットにしているなら、「男性と女性のためのモダンな服を送料無料で購入」のようなメタディスクリプションの方が、英語版よりもはるかに効果的です。.
SEOに優しく言語に関連したURLを使用する
URL構造は 多言語SEOにおいて大きな役割を果たします。サブフォルダ（example.com/fr/）、サブドメイン（fr.example.com）、パラメータ（example.com?lang=fr）など、コンテンツの言語を示す構造を使用してください。HubSpotでは、サブフォルダがSEO管理において最も簡単な選択肢であることが多いです。
また、URLは構造だけでなく言語の面でも異なるものにしてください。たとえば、英語の「About Us」ページは example.com/en/about-us とし、フランス語版は example.com/fr/a-propos とするのがよいでしょう。これにより、ユーザーと検索エンジンが言語のコンテキストをすぐに理解できるようになります。.
画像やビジュアルコンテンツのALTテキスト翻訳に注意を払いましょう
画像のAltテキストは、アクセシビリティやGoogle画像検索での表示において重要であるにもかかわらず、多言語SEO戦略ではしばしば忘れられがちです。サイトの各言語版に、正しく翻訳され、画像の内容を適切に説明するAltテキストを必ず設定してください。.
たとえば、本を読んでいる人を写した画像には、英語版では「Person reading a book」、フランス語版では「Personne lisant un livre」というaltテキストを設定できます。これは視覚障害のあるユーザーの助けになるだけでなく、ローカルの画像検索で画像が表示される可能性も高めます。.
Google Search Console に多言語サイトマップを送信する
Google は、あなたのコンテンツに複数の言語バージョンがあることを認識する必要があります。そのため、すべての多言語ページを含む XML サイトマップを Google Search Console に送信することが非常に重要です。HubSpot CMS はサイトマップを自動的に作成しますが、各言語バージョンが記載されていることを確認する必要があります。
多言語サイトマップには、言語間の関係を示すために <xhtml:link rel=“alternate” hreflang=“…”> 要素を含めるのが理想的です。正しいサイトマップを送信すれば、Google はサイトのすべての言語バージョンをより迅速にインデックスし、ユーザーを最も関連性の高いページへ誘導します。.
Conclusion
HubSpot CMSで多言語ウェブサイトを作成する方法を理解できたはずです。言語計画からページ作成、SEO最適化まで、コーディングの手間なく、すべてを1つのプラットフォームで始められます。ただし、真に最適化されたユーザー体験とSEOパフォーマンスを実現するには、 Linguise のような自動翻訳サービスとの連携を強くおすすめします。.
Linguiseを使用すると、ウェブサイトのコンテンツ全体を80以上の言語に瞬時に、かつ正確に翻訳できます。HubSpotのウェブサイトで最高の多言語体験を提供し、グローバルなオーディエンスにより効率的にリーチしたいなら、今こそ Linguiseを使い始めて Linguise 、サイトを自動的かつプロフェッショナルに翻訳しましょう！
