Bubble.ioでの自動翻訳の実装の利点
Bubble.ioウェブサイトに自動翻訳を実装すると、以下のような複数の利点があります。.
- グローバル市場へのアクセス: 自動翻訳により、Bubble.io アプリは世界中のユーザに届けられます。たとえば、英語で作成されたレシピ共有アプリが、自動翻訳により日本、ブラジル、フランスの料理愛好家にも利用可能になり、ネイティブ言語でレシピを探索したり投稿したりできるようになります。
- ユーザー満足度の向上：ユーザーの好みの言語でコンテンツを提供することで、より楽しく没入感のある体験が実現します。例：旅程、レビュー、現地のおすすめ情報をユーザーの言語に自動翻訳する旅行計画アプリは、旅行計画体験を大幅に向上させます。
- コンバージョン率の向上：情報が母国語で提示されると、ユーザーは購入やサービスへの登録を行う可能性が高まります。例えば、オンラインコースプラットフォームに自動翻訳を導入すると、スペイン語圏からの登録者数が急増する可能性があります。これは、受講希望者がコースの説明やメリットを十分に理解できるようになるためです。
- 検索表示の向上： 多言語コンテンツは、アプリが様々な地域や言語の検索結果に表示される可能性を高めます。例えば、求人情報や履歴書作成のヒントを自動翻訳する求人検索アプリは、複数の国で現地語検索に表示されるようになり、これまでプラットフォームを見つけられなかった求職者を引き付けることができます。
Bubble.ioを使用した多言語ウェブサイトの例
trends.builtwith.comによると、55,000以上のサイトがBubble.ioを使用しています。したがって、今回は、Bubble.ioで多言語サイトを作成することを検討しているかどうかについて、いくつかの例を挙げて説明します。
ファノバ
Fanovaは、 Bubble.ioを使用して構築された優れたウェブサイトの例です。ファンをお気に入りのコンテンツクリエーターとつなぎ、限定コンテンツへの登録を可能にします。このサイトは、 Bubble.ioが多言語サポートなどの高度な機能を備えた洗練されたユーザーフレンドリーなアプリケーションを作成する能力を示しています。.
左下隅にある言語切り替え機能は、英語、スペイン語、ブラジルポルトガル語のオプションを提供します。この多言語対応により、Fanovaは北米、ラテンアメリカ、ブラジルなどの国際的な多様なオーディエンスに対応できます。 Bubble.ioの機能を使用することで、Fanovaは複数の言語でコンテンツを管理し、表示しながら、一貫したデザインを維持し、異なる言語背景を持つ訪問者のユーザーエクスペリエンスを向上させることができます。.
ICアカデミー
Impact Creative Academy (ICA) は、プロフェッショナルで機能的なウェブアプリケーションを作成できるプラットフォームです。このサイトでは、AIを活用したキャリアリソースを提供しており、無料コース、助成金コンペ、求人応募の機会などを提供しています。すっきりとしたデザインには、目立つ見出し、簡潔な価値提案、そして魅力的な「Dive in」CTAボタンが採用されています。.
ICAウェブサイトの注目すべき機能は、右上隅に配置された言語切り替え機能で、ユーザーは英語とアラビア語の選択が可能です。この多言語対応により、 Bubble.ioがグローバルにアクセス可能なプラットフォームを効果的に構築できることが実証されています。英語とアラビア語の両方でコンテンツを提供することで、ICAは英語圏の国々とアラブ世界の多様なユーザー層に対応できます。.
Bubble.ioでの自動翻訳の実装方法
Bubble.ioで作成された多言語サイトの例を調べた後、自動翻訳サービスを使用して自動翻訳を実装する方法を探ります。多くのサービスが、わずかな設定ステップでWebサイトを迅速かつ簡単に翻訳できます。そのようなサービスの1つが Linguiseです。.
Linguiseは、さまざまなCMSプラットフォームやウェブサイトビルダーと統合されています。と統合されています。Bubble.io。 ここでは、Linguise自動翻訳をBubble.ioで有効にする手順を示します。
#1 ドメインウェブサイトを登録する
次に、ソース言語とターゲット言語を選択します。.
#2 エントリを使用してドメインDNSを自動的に追加する
Linguise ダッシュボードに Web サイトを正常に登録したら、インストールを続行するための 2 つのオプションがあります。.
「DNSを自動接続」をクリックしてくださいと呼ばれるこの機能はDNSレコードを自動的に処理するため、インストールプロセスが簡単になります。または、DNSレコードをドメインプロバイダーに手動でコピーすることもできます。
ボタンをクリックすると、Entriは登録されたウェブサイトのURLを分析し、パブリックDNSレコードを調べます。この分析に基づいて、必要なプロバイダーとDNSレコードを特定します。.
「[ドメインプロバイダー]で承認」 をクリックします。この操作により、ドメインプロバイダーのログインページにリダイレクトされ、ログインして続行できます。
ドメインプロバイダーにログインすると、Entriが残りの作業を処理し、適切なDNSレコード（言語ごとに1つのDNSと検証キー用のTXT DNS）を自動的に追加します。ドメインに追加されたDNSレコードは、以下のようになります。
認証後、EntriからDNS設定が正常に完了した旨の通知が届きます。ドメインにすべてのDNSエントリが反映されると、変換機能が使用できるようになります。反映には通常20～30分かかります。.
手動インストールを希望する場合は、以下に示す手順に従って手動でインストールすることもできます。
#3 DNSレコードをコピーする
手動でインストールする場合は、fr.domain.com や es.domain.com など、多言語ページの設定に必要な DNS レコードを含む画面にリダイレクトされます。.
これらの必須要素を Bubble.ioのDNS設定にコピーしてください。.
次に、ドメインマネージャーに接続し、DNS設定エリアにアクセスします。指示に従ってコピーしてください。.
- ドメイン検証用のTXTレコード1件
- 言語用の1つまたは複数のCNAMEレコード
各レコードタイプ（TXTおよびCNAME）の例を以下に示します。
すべてのレコードを追加すると、構成は次のようになります。.
#4 DNSを検証する
すべてのレコードをドメイン DNS に追加したら、「DNS 構成の確認」ボタンをクリックして DNS 伝播を確認できます。.
DNSの検証には通常約30分から1時間かかります。この期間の後、 Linguise ダッシュボードのDNSリストの右側に緑色のインジケーターが表示されるはずです。 Bubble ウェブサイトを翻訳する準備はほぼ整っています。国旗付きの言語切り替えへのリンクを追加するだけです。.
#5 動的翻訳を有効にする
技術的な観点から、 Bubble はJavaScriptでコーディングされたモジュール、CSS、HTMLを機能的なNode.jsアプリケーションに統合します。 Bubbleのプログラミング言語はJSONで構築されています。.
当社の「動的翻訳」機能を使用すると、 Bubble.ioウェブサイト上のコンテンツ（初期ページロード後に非同期でロードされるコンテンツを含む）を簡単に翻訳できます。この改善により、訪問者にとってよりスムーズな多言語体験が提供されます！
この機能を使用するには、「設定」ページの下部にある「はい」をクリックします。.
#6 言語スイッチャーのデザインを有効にしてカスタマイズする
言語スイッチャーは、希望する言語を選択できるフラグポップアップです。これを実装するには、 Bubble.ioサイトページのヘッダーに提供されているコードをコピーします。フラグ言語スイッチャーは、公開ウェブサイトに自動的に表示されます。.
コピー用のリンクは、ドメイン登録プロセスの最後、またはドメイン設定内にあります。必ずリンクをクリップボードにコピーしてください。.
次に、 Bubble ウェブサイトパネルに移動します。左側のサイドバーメニューで「設定」をクリックし、「SEO / メタタグ」を選択します。
「詳細設定の下にあるヘッダー内のスクリプト/メタタグ」が見つかるまで少し下にスクロールします
先ほどコピーしたLinguiseを貼り付けて 「保存」、サイトを公開します。
Linguiseダッシュボードから「設定」>「言語フラグ表示」に移動して、言語スイッチャーをカスタマイズできます。ここで行った変更はウェブサイトに反映されます。
画面右側に言語スイッチャーのプレビューが表示されます。設定できる要素は次のとおりです。.
- 3つのレイアウト（サイドバイサイド、ドロップダウン、ポップアップ）
- 言語スイッチャーの位置
- 言語スイッチャーの内容
- 英語または母国語での言語名
- フラグの形状とサイズ
- 色とボックスの影
#7 ウェブサイト Bubbleの自動翻訳
Bubble.ioが Linguiseの自動翻訳サービスを使用して自動翻訳されたときにどのように表示されるかのデモンストレーションです。.
Bubble.ioウェブサイトを Linguiseで自動翻訳する
フロントエンドライブエディタ翻訳
Linguiseフロントエンドのライブエディターも提供しています。このツールにより、翻訳の正確性が維持され、迅速な変更が可能になります。さらに、プロの翻訳者と連携することで、文化や文脈に合わせた正確性を確保できます。
多言語SEOサポート
グローバル翻訳除外ルール
翻訳上の課題に対処するため、 Linguiseは除外ルールが用意されており、翻訳が適切に行われない可能性のある特定の用語を保持または除外できます。ページ、インラインコンテンツ、または特定のページを除外するルールを設定できるため、翻訳の明確さと正確性を確保できます。
共同作業のためにプロの翻訳者を追加可能
さらに、 Linguise プロの翻訳者をダッシュボードに招待できるため、コンテンツの文化的および文脈的な正確さを維持するためのコラボレーションが促進されます。.
結論
Bubble.ioウェブサイトで自動翻訳を実装すると、リーチの拡大、ユーザーエンゲージメントの向上、コンバージョン率の改善に大きく貢献します。 Linguiseを使用すると、多言語コンテンツを簡単に管理でき、さまざまな言語のユーザーにシームレスな体験を提供しながら、SEO戦略を最適化できます。.
Linguiseは、フロントエンドのライブ編集、動的コンテンツ翻訳、特定の用語の除外ルール、広範なSEOサポートなどの強力な機能を提供します。これらの機能により、自動翻訳を.ioと統合するための理想的な選択肢となります。何を待っていますか？自動翻訳ウェブサイトに登録して、Bubble.ioウェブサイトを多言語対応に変革しましょう。
