多言語のWebサイトを作成することは、特にHubspotのようなCMSを使用して、あなたが考えるかもしれないほど複雑ではありません。このプラットフォームは、複雑なコーディングや過度に技術的な設定を必要とせずに、複数の言語でサイトを作成および管理するプロセスをより簡単にするように設計されています。ページ設定、ナビゲーション、自動翻訳機能まで、すべてが利用可能であり、すぐに利用できます。
このガイドでは、言語戦略、初期サイトのセットアップ、翻訳ツールとの統合、およびさまざまな市場でのウェブサイトのパフォーマンスを最適化する重要なSEOプラクティスなど、Hubspot CMSを使用して多言語Webサイトを作成するための完全な手順をカバーします。一度に一歩ずつ取りましょう！
多言語WebサイトにHubspot CMSを選択するのはなぜですか？
強力でユーザーフレンドリーなCMS、Hubspot CMSが最適な選択かもしれません。このプラットフォームは、初心者であろうとプロであろうと、複数の言語で魅力的でよく構築されたWebサイトを構築するために、誰でも簡単にするように設計されています。
Hubspot CMSが多言語Webサイトプロジェクトに最適な選択肢である理由をいくつか紹介します。
- コーディングなしで無料で使いやすい - Hubspot CMSは、コーディングの知識なしで使用できる無料のツールを提供します。ドラッグアンドドロップエディターと柔軟なテーマを使用すると、誰でも開発者を必要とせずにプロのように見えるサイトを作成できます。これは、技術的な複雑さを扱うことなく、コンテンツとユーザーエクスペリエンスの構築に集中したい場合に最適です。
- 組み込みの多言語サポート - Hubspot CMSを使用すると、複数の言語でページのネイティブバージョンを作成できます。各バージョンは個別に管理できますが、統一されたシステム内で接続されたままで、ナビゲーションとコンテンツ制御を簡単にします。また、言語固有のURLを構成し、Hreflangタグなどの多言語SEO機能を使用することもできます。
- マーケティングおよびCRMツールと統合されている -多言語サイトをHubspotのマーケティング、販売、顧客サービスツールとシームレスに接続できます。たとえば、ユーザーの言語に基づいて、連絡先フォーム、チャットボット、または電子メールマーケティングコンテンツを表示できます。これにより、よりパーソナライズされた関連するユーザーエクスペリエンスが作成されます。
- 組み込みのWebサイト分析 - HubSpotは、Webサイトの各言語バージョンのパフォーマンスを追跡するための組み込み分析を提供します。どのページが最も訪問されているか、視聴者がどこから来ているのか、そしてそれらがどのように相互作用しているかを確認できます。すべてのダッシュボードから、追加のツールはありません。
HubspotCMSを使用して多言語Webサイトを作成するためのステップバイステップ
多言語のWebサイトを構築するには、よく考え抜かれた戦略、きれいな構造、および容易さとHubspot CMSで多言語のニーズをサポートするプラットフォームにすべてが必要です。ステップを始めましょう！
＃1多言語戦略の計画
慎重な計画は、編集者に触れる前の最初のステップです。これは非常に重要であるため、多言語のサイトは見栄えがよく、さまざまな地域の視聴者に適しています。
- 到達したいターゲット市場または視聴者に基づいて言語を選択します。分析または市場調査の視聴者データを使用して、最も関連性の高い言語に優先順位を付けます。この調査では、どの言語がウェブサイトに追加されるかを決定します。
- どのURL構造を使用するかを決定するHubspot CMSは、サブドメイン（fr.example.comなど）、サブフォルダー（example.com/fr）、またはURLパラメーター（example.com?lang=fr）などのさまざまなURL構造形式をサポートします。サブフォルダーは通常、メインドメインに残っているため、SEOに最も推奨されます。
- 各言語で使用可能なキーページを決定します。これには、ホームページ、当社に関する、サービス、連絡先、人気の記事が含まれます。このコンテンツマップを使用すると、すべての言語で平等なユーザーエクスペリエンスを確保できます。
＃2あなたのウェブサイトのセットアップ
戦略の準備ができたら、Hubspot CMSにWebサイトの基盤を設定する時が来ました。まず、hubspotアカウントを既に持っていることを確認してください。最初に試してみたい場合は、Hubspotも無料の試用版を提供することを知っておく必要があります。
アカウントを作成してログインした後、さまざまなメニューナビゲーションと製品構成オプションを備えたダッシュボードページに向けられます。次のビューを入力したら、[コンテンツ]> [Webサイト]ページメニューを選択します。 Webページの作成を開始するには、[作成]ボタンを選択します。
次に、カスタマイズが簡単なレスポンシブテーマまたはテンプレートを選択します。 HubSpotは、ドラッグアンドドロップエディターを使用して、ブランドに応じてすぐに使用または変更できるテーマの幅広い選択を提供します。テーマを選択した場合は、アクティブなテーマボタンとしてセットをクリックします。
その場合、エディターページに向けられます。ここでは、ウェブサイトのニーズに応じてさまざまな要素を直接編集できます。
要素を編集するには、それをクリックして、左側の内容
同様に、新しいセクション、モジュール、またはレイアウトを追加する場合。ここで、HubSpot CMSは次のようなさまざまなモジュールを提供します。
- 文章
- 商業
- デザイン
- フォームとボタン
- ボディコンテンツなど
（+）サインを選択するか、ページエディターの左側から右側に直接ドラッグアンドドロップする必要があります。
＃3自動翻訳ツールとの統合
Webサイトのページの作成が完了したら、 HubSpot Webサイトを自動翻訳ツールと統合する時が来ました。 Linguiseという外部ツールを使用します。
HubSpot CMSが特定の機能を自動的にサポートしていないため、特に多言語Webサイトには、HubSpotを使用してサードパーティツールを使用する必要がある理由がいくつかあります。
計画に基づく言語とページの制限 - Hubspotは、サブスクリプション層に応じてコンテンツあたりの言語の変動数を制限します。たとえば、スタータープランではコンテンツごとに最大3つの言語しか許可されていませんが、 Linguise無制限の言語サポートを提供し、すべてのプランで最大85の言語を利用でき、無制限のページを提供します。
特定のページタイプの限られた多言語サポート - 404Sのようなシステムページを複数の言語に翻訳することはできません。ブログや知識ベースのコンテンツを翻訳すると、通常のWebサイトページとは異なる手動プロセスに従います。
コード化されたファイルの言語タグサポートはありません。コード化されたテンプレートを使用する場合は、ラングタグを手動で設定する必要があります。
- RTL言語のテキストの方向設定はありません。アラビア語やヘブライ語などの言語の場合、dir =” rtl”属性を追加して、テキストの方向を正しくする必要があります。
そのため、これらすべての機能をサポートし、Hubspot CMSとうまく統合するサードパーティの翻訳ツールが不可欠です。Linguise その1つです。 Linguise 、コンテンツを自動的に80以上の言語に変換でき、高品質の結果を得ることができます。
HubSpot WebサイトにLinguise をインストールするためのいくつかの手順があります
まず、Linguiseを作成して。 Linguise にサインインまたは登録した後、翻訳するドメインを登録するように求められます。 https：//を含む完全なドメインを入力し、他のクラウドホストCMSオプションを選択します。
次に、ウェブサイトのプライマリ（ソース）言語と追加したいターゲット言語を選択します。
Linguise Dashboardにドメインが正常に登録されたら、DNSを自動的に接続するオプションが表示されます。 Entriと呼ばれる機能を使用すると、手動構成なしで必要なすべてのDNSレコードを追加できます。
Entriは、ドメインのパブリックDNSを確認し、ドメインプロバイダー（CloudFlareなど）を検出し、そのプロバイダーのログインページを表示します。ログインした後、Entriは必要なすべてのDNSレコードを自動的に追加します。
- ドメイン検証用の 1 つの TXT レコード
- 追加する各言語の1つのcnameレコード
DNS伝播プロセスには、通常、サイトが多言語ページを表示できる20〜30分かかります。
次のステップは、Linguiseで見つけることができるLinguise。次に、 設定>言語、スクリプトをヘッドHTMLフィールドに貼り付けます。
このコードは、ウェブサイトを Linguiseと自動的に統合します。さらに、デフォルトの言語スイッチャーも自動的に生成します。
＃4言語スイッチャーのカスタマイズ
さらに、言語フラグの表示メニューを選択して、 Linguise Dashboardの設定に従って言語スイッチャーを設定することもできます。たとえば、表示される言語の名前を設定してから、フラグアイコン、色、テキストなど。
このページでは、Webサイトの言語スイッチャーに最初に表示される言語を並べ替えることもできます。
＃5コンテンツを自動的に翻訳します
最後に、Hubspot Webサイトを自動的に作成したWebサイトを、 Linguiseを使用して別の言語に翻訳します。たとえば、英語からドイツ語に翻訳します。
ご覧のとおり、すべてのHubspot Webサイトコンテンツは、迅速かつ正確に自動的に翻訳されます。
多言語Hubspot WebサイトのSEOベストプラクティス
HubSpotを使用して多言語Webサイトを作成することに加えて、国際的なSEO戦略が、サイトの各言語バージョンが検索結果に適切に表示されるようにすることを確認する必要があります。以下は、Hubspotベースの多言語サイトに実装できるSEOベストプラクティスです。
hreflangおよびCanonicalタグを正しく使用します
Hreflangタグは、検索エンジンに特定のページのターゲット言語と場所を伝えます。これは、コンテンツの複製を避け、ユーザーが適切な言語バージョンに向けられるようにするために重要です。
良いニュースは、 LinguiseでHubspot CMSを使用している場合、これらのHreflangタグのサポートが自動的にセットアップされることです。これは、システムがサイトの各言語バージョンのHreflangを生成および管理するため、タグを手動で追加する必要がないことを意味します。記事のhreflang実装の例を以下に示します。
一方、標準タグは慎重に使用する必要があります。すべての言語バージョンを1つの標準的なURLを指してはいけません。各言語バージョンには標準的なものが必要です。
たとえば、フランスのページには、英語版ではなく、フランス語版のURLを標準的にする必要があります。これは、Googleが各言語バージョンが異なるオリジナルページであり、それを複製コンテンツとは見なさないことを理解するのに役立ちます。
すべての言語でタイトルタグとメタの説明を最適化する
ページタイトル（タイトルタグ）とメタの説明は、最も重要なオンページSEO要素です。 Hubspotで1つのテンプレートを複数の言語に使用する場合は、各バージョンにターゲット言語に一致するタイトルとメタ説明があることを確認してください。これにより、検索の関連性と検索結果のクリック率が向上します。
たとえば、すべてのバージョンの英語でメタ説明を記述する代わりに、コンテンツをカスタマイズします。ページが衣料品製品を販売し、スペイン市場をターゲットにしている場合、「Compra Ropa Moderna Para Hombre y Mujer ConEnvíoGratis」のようなメタの説明は、英語版よりもはるかに効果的です。
SEOフレンドリーで言語関連のURLを使用します
多言語SEOで大きな役割を果たします。サブフォルダー（example.com/fr/）、サブドメイン（fr.example.com）、またはパラメーター（example.com?lang=fr）など、コンテンツの言語を示す構造を使用します。 Hubspotでは、サブフォルダーがSEOを管理するための最も簡単なオプションです。
また、URLが構造だけでなく言語の点でも異なることを確認してください。たとえば、英語の「私たちについて」ページはexample.com/en/about-usとして書くことができますが、フランス語版はexample.com/fr/a-proposでなければなりません。これにより、ユーザーと検索エンジンが言語コンテキストをすぐに理解するのに役立ちます。
画像と視覚コンテンツのALTテキスト翻訳に注意してください
画像上のALTテキストは、Google画像のアクセシビリティと可視性に重要であるにもかかわらず、多言語SEO戦略で忘れられることがよくあります。サイトの各言語バージョンには、正しく変換され、関連する方法で画像の内容を説明するALTテキストがあることを確認します。
たとえば、本を読んでいる人が英語版で「本を読んでいる人」とフランス語版に「人のリサント国連」というaltテキストを持つことができます。これは、視覚障害を持つユーザーに役立つだけでなく、ローカル画像検索に表示される画像の可能性を高めます。
多言語のサイトマップをGoogle検索コンソールに送信します
Googleは、コンテンツの複数の言語バージョンがあることを知る必要があります。したがって、すべての多言語ページを含むXMLサイトマップをGoogle検索コンソールは非常に重要です。 HubSpot CMSはSiteMapを自動的に作成しますが、各言語バージョンがリストされていることを確認する必要があります。
多言語のサイトマップには、理想的にはanが含まれる必要があります<xhtml:link rel=“alternate” hreflang=“…”>言語間の関係を示す要素。正しいサイトマップを送信すると、Googleはサイトのすべての言語バージョンをより迅速にインデックスし、ユーザーを最も関連性の高いページに導きます。
結論
これで、Hubspot CMSを使用して多言語Webサイトを作成する方法を理解しました。言語計画、ページ作成、SEOの最適化から、すべて1つのプラットフォームで、コーディングの手間をかけずに手順を開始できます。ただし、真に最適化されたユーザーエクスペリエンスとSEOパフォーマンスの場合、 Linguise のような自動化された翻訳サービスとの統合を強くお勧めします。
Linguiseを使用すると、Webサイトのコンテンツ全体を80以上の言語に即座に正確に翻訳できます。したがって、HubSpot Webサイトで最高の多言語エクスペリエンスを提供し、より効率的に世界的な視聴者にリーチしたいとします。その場合、Linguiseを使用して、サイトを自動的かつ専門的に翻訳する時が来ました！
