HubSpotのウェブサイトを翻訳しよう

Want to translate your HubSpot website? Weglot is a no code tool that allows you to create a multilingual HubSpot website in minutes. Created to be compatible with HubSpot CMS and following Google multilingual SEO best practices, all your translated pages will be indexed on search engines so you’ll be searchable in your new markets! 

A Translated HubSpot website example

This HubSpot website has been translated into French using Weglot. Use the language switcher at the bottom of the website to switch between languages.

• Find the English version here: https://www.weglot-translate-hubspot.com/
• Find the French version here: https://fr.weglot-translate-hubspot.com/

Let’s start translating your HubSpot website

10分

1) Weglotでアカウントを作成する

Weglot アカウントで、あなたの翻訳を管理・編集することができます。Weglotのアカウントはこちらから作成できます。

アカウント登録時に入力したメールアドレスに、確認メールが送信されます。

それから、「WEBSITE TECHNOLOGY(ウェブサイトのテクノロジー)」で「Other(その他)」を選択してください。

2) 追加したい言語の設定

アカウントを設定したら、ドメイン名を追加し、サイトで使用している母国語と、翻訳先の外国語を選択します。

NOTE: If you’re using a temporary HubSpot domain name (for example: hs-sites.com) you should use the “Javascript integration” instead. Once you have a permanent domain you can continue with this integration, which will give you language subdomains.

「次へ」ボタンをクリックします。

3) DNSレコード内のサブドメインを設定

This next step is where you’ll configure your DNS records to create and connect the subdomains. These subdomains will display the translations of your HubSpot website once configured.

今回の例では、ドメインのプロバイダとしてGoDaddyを使用していますが、どのドメインプロバイダ（例：Google Domains、NameCheap、Dreamhostなど）からドメインを購入した場合でも、プロセスは同じです。DNSレコードの設定について不明な点がありましたら、support@weglot.com までお気軽にお問い合わせください。

Weglot アカウントをセットアップすると、追加するDNS エントリが次のように表示されます (この例はフランス語の設定です)。

次に、ドメインプロバイダのアカウントにアクセスして、DNSを管理できるセクションやページにアクセスし、Weglotのダッシュボードに表示されているエントリを追加します(例えば、GoDaddyの場合は、以下のようになります)。

エントリを保存し、Weglotのダッシュボードに戻り、'Check DNS'ボタンをクリックしてください。この処理には10分ほどかかる場合がありますので、Weglot設定ダッシュボードに緑色のチェックマークがすぎに表示されなくても心配しないでください。これが完了すると、次のステップに進むことができます。

4) Javascript コードを追加する

This will allow you to add a language-switcher button to your HubSpot website.

• Go on your HubSpot website, click on “Settings” > “Advanced option” 
• Go to “Additional code snippet”, and you should see a field that’s titled “Head HTML”

• あなたのWeglotアカウントに提供されているJavaScriptのスニペットをコピー&ペーストしてください。以下のようになります。

緑色のボタンをクリックして"変更を保存"、右上の青いボタンをクリックして変更を公開します。

5) Your HubSpot website is now multilingual!

Once it’s done, you’ll be able to see the language switcher button at the bottom of your website. Feel free to test it and switch between languages. Weglot automatically generates a first layer of automatic translation, you’ll then be able to edit and manage your translation from your Weglot dashboard.