Bubble Bubble.io that you want to translate into various languages so that it can be reached by external customers? Bubble.io は、強力で柔軟なノーコードプラットフォームであり、Webアプリケーションの構築と管理のための強力な環境を提供します。自動翻訳を Bubble.ioアプリに統合することで、多言語コンテンツの作成とメンテナンスを簡素化し、時間とリソースを節約しながら、複数の言語にわたって一貫した高品質なユーザーエクスペリエンスを確保できます。
したがって、この記事では、自動翻訳サービスを使用して、 Bubble.ioサイトで自動翻訳を簡単に実装する方法について説明します。.
Bubble.ioでの自動翻訳の実装の利点
Bubble.ioウェブサイトに自動翻訳を実装すると、以下のような複数の利点があります。.
- グローバル市場へのアクセス: 自動翻訳により、 Bubble.io アプリは世界中のユーザに届けられます。たとえば、英語で作成されたレシピ共有アプリが、自動翻訳により日本、ブラジル、フランスの料理愛好家にも利用可能になり、ネイティブ言語でレシピを探索したり投稿したりできるようになります。
- ユーザー満足度の向上： ユーザーが好む言語でコンテンツを提供することで、より楽しく没入感のある体験が可能になります。例：旅行プランニングアプリが旅程、レビュー、現地のおすすめ情報をユーザーの言語に自動翻訳することで、旅行計画の利便性を大幅に向上させることができます。
- コンバージョン率の向上： 情報が母国語で提示されると、ユーザーは購入やサービスへの登録を行う可能性が高まります。例えば、オンラインコースプラットフォームに自動翻訳を導入すると、スペイン語圏からの登録者数が急増する可能性があります。これは、受講希望者がコースの説明やメリットを十分に理解できるようになるためです。
- 検索表示の視認性向上： 多言語コンテンツは、 さまざまな地域や言語での検索結果にアプリが表示される可能性を高めます。例えば、自動翻訳された求人情報や履歴書作成のヒントを提供する求人検索アプリは、複数の国の現地語検索結果に表示されるようになり、これまでプラットフォームを見つけられなかった求職者を引き付けることができます。
Bubble.ioを使用した多言語ウェブサイトの例
trends.builtwith.comによると、 55,000以上のサイトが Bubble.ioを使用しています。したがって、今回は、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プラットフォームやWebビルダーと連携しています を Bubble。Bubble.io 手順は以下のとおりです インストールする Linguise 自動翻訳を Bubble。
#1 ドメインウェブサイトを登録する
まず、 無料の Linguise アカウント 、ウェブサイトのドメインを追加してください。サブスクリプションプランを決める前に、30日間の無料トライアルをご利用いただけます。
次に、翻訳を承認するためにドメインを登録するよう求められます。「https://」を含むドメイン名をコピーし、プラットフォームとして「その他」を選択してください。.
次に、ソース言語とターゲット言語を選択します。.
#2 エントリを使用してドメインDNSを自動的に追加する
Linguise ダッシュボードに Web サイトを正常に登録したら、インストールを続行するための 2 つのオプションがあります。.
をクリックしてください 「DNSを自動的に接続する」 と呼ばれるこの機能は、DNSレコードを自動的に処理するため、インストールプロセスが簡単になります。または、DNSレコードをドメインプロバイダに手動でコピーすることもできます。
ボタンをクリックすると、Entriは登録されたウェブサイトのURLを分析し、パブリックDNSレコードを調べます。この分析に基づいて、必要なプロバイダーとDNSレコードを特定します。.
をクリックします 「[ドメインプロバイダー]で認証する」 （例：Cloudflare）
ドメインプロバイダーにログインすると、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 翻訳サービスは、 への自動翻訳機能をスムーズに統合します BubbleBubbleBubble BubbleBubbleBubbleBubble BubbleBubble。この統合により、多言語ウェブサイトを簡単に作成でき、ユーザーエクスペリエンス全体が向上します。
フロントエンドライブエディタ翻訳
Linguise も提供しています フロントエンドのライブエディター 。このツールにより、翻訳の正確性が維持され、迅速な変更が可能になります。さらに、プロの翻訳者と連携することで、文化や文脈に合わせた正確性を確保できます。
多言語SEOサポート
を通じて 多言語SEO機能 Linguise、 Linguise ウェブサイトのSEOを最適化することで、検索エンジンでの可視性を向上させます。多言語サイトマップの生成、hreflangコードとタグの作成、正規URLの設定、URLとメタディスクリプションの翻訳などを行います。これらの機能は、サイトの検索エンジンランキングを向上させ、さまざまな言語のユーザーにとってアクセスしやすいサイトにするのに役立ちます。
グローバル翻訳除外ルール
翻訳上の課題に対処するため、 Linguise は除外ルールが用意されており、翻訳が適切に行われない可能性のある特定の用語を保持または除外できます。 ページ、インラインコンテンツ、または特定のページを除外するルールを設定できるため、翻訳の明確さと正確性を確保できます。
共同作業のためにプロの翻訳者を追加可能
さらに、 Linguise プロの翻訳者をダッシュボードに招待できるため、コンテンツの文化的および文脈的な正確さを維持するためのコラボレーションが促進されます。.
結論
Bubble.ioウェブサイトで自動翻訳を実装すると、リーチの拡大、ユーザーエンゲージメントの向上、コンバージョン率の改善に大きく貢献します。 Linguiseを使用すると、多言語コンテンツを簡単に管理でき、さまざまな言語のユーザーにシームレスな体験を提供しながら、SEO戦略を最適化できます。.
BubbleBubbleBubbleBubble 、フロントエンドでのリアルタイム編集、動的なコンテンツ翻訳、特定の用語に対する除外ルール、そして充実したSEOサポートなど、強力な機能を備えています。これらの機能により、 BubbleBubbleBubbleBubble。さあ、今すぐ に登録して Linguise 自動翻訳ウェブサイト 変えましょう Bubbleサイトを多言語対応ウェブサイトに
