Bubble.ioでの自動翻訳の実装の利点
Bubble.ioウェブサイトに自動翻訳を実装すると、以下のような複数の利点があります。.
- グローバル市場へのアクセス: 自動翻訳により、Bubble.io アプリは世界中のユーザに届けられます。たとえば、英語で作成されたレシピ共有アプリが、自動翻訳により日本、ブラジル、フランスの料理愛好家にも利用可能になり、ネイティブ言語でレシピを探索したり投稿したりできるようになります。
- ユーザー満足度の向上: ユーザーの好む言語でのコンテンツは、より楽しく没入感のある体験をもたらします。例: 旅行計画アプリがユーザーの言語に自動翻訳され、旅行計画体験が大幅に向上します。
- コンバージョンの可能性の向上:
- 検索の可視性向上: 多言語コンテンツにより、アプリがさまざまな地域と言語の検索結果に表示される可能性が高まります。たとえば、自動翻訳された求人情報や履歴書のヒントを提供する求人アプリは、複数の国でのローカル言語検索で表示され始め、以前はプラットフォームを見つけられなかった求職者を引き付けることができます。
Bubble.ioを使用した多言語ウェブサイトの例
trends.builtwith.comによると、55,000以上のサイトがBubble.ioを使用しています。したがって、今回は、Bubble.ioで多言語サイトを作成することを検討しているかどうかについて、いくつかの例を挙げて説明します。
Fanova.io
Fanovaは、 Bubble.ioを使用して構築された優れたウェブサイトの例です。ファンをお気に入りのコンテンツクリエーターとつなぎ、限定コンテンツへの登録を可能にします。このサイトは、 Bubble.ioが多言語サポートなどの高度な機能を備えた洗練されたユーザーフレンドリーなアプリケーションを作成する能力を示しています。.
左下隅にある言語切り替え機能は、英語、スペイン語、ブラジルポルトガル語のオプションを提供します。この多言語対応により、Fanovaは北米、ラテンアメリカ、ブラジルなどの国際的な多様なオーディエンスに対応できます。 Bubble.ioの機能を使用することで、Fanovaは複数の言語でコンテンツを管理し、表示しながら、一貫したデザインを維持し、異なる言語背景を持つ訪問者のユーザーエクスペリエンスを向上させることができます。.
IC-academy.io
インパクト・クリエイティブ・アカデミー（ICA）は、プロフェッショナルで機能的なウェブアプリケーションを作成するプラットフォームの能力です。このサイトは、無料コース、助成金コンペティション、求人応募の機会など、AIを活用したキャリアリソースを提供しています。クリーンなデザインには、目立つ見出し、簡潔な価値提案、魅力的な「Dive in」コールトゥアクションボタンが特徴です。.
ICAウェブサイトの注目すべき機能は、右上隅に配置された言語切り替え機能で、ユーザーは英語とアラビア語の選択が可能です。この多言語対応により、 Bubble.ioがグローバルにアクセス可能なプラットフォームを効果的に構築できることが実証されています。英語とアラビア語の両方でコンテンツを提供することで、ICAは英語圏の国々とアラブ世界の多様なユーザー層に対応できます。.
Bubble.ioでの自動翻訳の実装方法
Bubble.ioで作成された多言語サイトの例を調べた後、自動翻訳サービスを使用して自動翻訳を実装する方法を探ります。多くのサービスが、わずかな設定ステップでWebサイトを迅速かつ簡単に翻訳できます。そのようなサービスの1つが Linguiseです。.
Linguiseは、さまざまなCMSプラットフォームやウェブサイトビルダーと統合されています。と統合されています。Bubble.io。 ここでは、Linguise自動翻訳をBubble.ioで有効にする手順を示します。
#1 ドメインウェブサイトを登録する
次に、元の言語とターゲット言語を選択します。.
#2 entriを使用してドメインDNSを自動的に追加する
Linguise ダッシュボードにウェブサイトを正常に登録した後、インストールを続行するための2つのオプションがあります。.
DNSレコードを自動的に追加したい場合は、“DNSを自動的に接続”をクリックしてください。Entriと呼ばれるこの機能は、DNSレコードを処理するため、インストールプロセスが容易になります。または、DNSレコードをドメイン提供者に手動でコピーすることもできます。
ボタンをクリックすると、Entriは登録されたウェブサイトの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設定エリアにアクセスします。次に、指示に従ってコピーします。.
- ドメイン認証のためのTXTレコード1件
- 言語用のCNAMEレコードを1つまたは複数
各レコードタイプ（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ウェブサイトを多言語対応に変革しましょう。
