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