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

Weglot を使えば、Bubble で作成したサイトの翻訳を数分で終わらせることができます。

Bubble

Bubble で作成したサイトを、簡単に翻訳しましょう。Weglotを使えば、たった数分でバブルのウェブサイトを多言語化することができます。コードの知識などは必要ありません。Weglotは、Bubbleで提供されているすべてのプラグインと互換性があり、また多言語サイトにおけるSEOのベストプラクティスに沿っています。Weglotで翻訳されたページは、Googleなどの検索結果で正しく表示されます。

Weglotのメリット

セットアップが簡単:コードなしで、数分で終わらせることができます。


これ1つでOK:ウェブサイトの全コンテンツが自動的に検出され、翻訳されます。


SEOに最適:翻訳されたページは、言語のサブドメインを通じて、検索エンジンにインデックスされます。


翻訳ツール:まず機械的に翻訳し、その後に翻訳を自分でレビューしたり、プロの翻訳者に翻訳を依頼することができます。


万全のサポート体制:20人以上の社内エキスパートがサポートします!

Weglot dancing character

翻訳されたバブルのウェブサイト例

Bubble で作成したウェブサイト

上に記載されているバブルのウェブサイトは、Weglotを使ってフランス語に翻訳されています。言語を切り替えるには、ウェブサイトの下部にある言語切替ボタンを押してください。 

  • 英語版: https://www.weglot-translate-bb.com/
  • フランス語版: https://fr.weglot-translate-bb.com/

バブルで作成したウェブサイトを翻訳しましょう

所要時間10分

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

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

javascript-translate

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

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

javascript-select

2) 追加する言語の設定

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

choose-javascript

注: 一時的なバブルドメイン(例: app.bubble.io)を使用している場合は、代わりに「Javascript 統合」を使用する必要があります。パーマネントドメインを取得した後は、この統合を続けることができ、言語のサブドメインを取得することができます。

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

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

次のステップでは、サブドメインを作成して接続するためにDNSレコードを設定します。サブドメインでは、他言語に翻訳されたコンテンツが表示されます。

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

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

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

godaddy-dns-weglot

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

4) Javascript コードを追加する

この作業は、あなたのサイトに言語切り替えボタンを追加するために必要です。

  • あなたのBubble のウェブサイトに移動し、"設定" > "SEO / メタタグ "をクリックします。 
  • "詳細設定"にアクセスして、"ヘッダーのスクリプト/メタタグ "という項目があるのを確認します。
add javascript bubble
  • あなたのWeglotアカウントに提供されているJavaScriptのスニペットをコピー&ペーストしてください。以下のようになります。

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

5) あなたのBubble ウェブサイトの多言語化が完了です!

Javascript コードを追加すると、あなたのウェブサイトの下部に言語切り替えボタンが表示されます。ご自由にテストして、言語を切り替えてみてください。Weglotが自動翻訳の第一レイヤーを自動的に生成します。そして、Weglotのダッシュボードから翻訳の編集や管理ができるようになります。

さぁ、始めましょう。
Bubble のウェブサイトを、今すぐ多言語しよう