Haben Sie eine Website mit Bubble.io, die Sie in verschiedene Sprachen übersetzen möchten, damit sie von externen Kunden erreichbar ist? Bubble.io ist eine leistungsstarke und flexible No-Code-Plattform, die eine leistungsstarke Umgebung für die Erstellung und Verwaltung von Webanwendungen bietet. Die Integration automatischer Übersetzungen in Ihre Bubble.io-App ermöglicht es Ihnen, die Erstellung und Pflege von mehrsprachigen Inhalten zu vereinfachen, Zeit und Ressourcen zu sparen und gleichzeitig eine konsistente, hochwertige Benutzererfahrung in mehreren Sprachen zu gewährleisten.
Daher werden wir in diesem Artikel besprechen, wie Sie eine automatische Übersetzung auf der Bubble.io-Website mithilfe eines automatischen Übersetzungsdienstes einfach implementieren können.
Der Vorteil der Implementierung automatischer Übersetzungen auf Bubble.io
Die Implementierung der automatischen Übersetzung auf der Bubble.io-Website kann mehrere Vorteile bieten, darunter die folgenden.
- Zugang zum globalen Markt: Die automatische Übersetzung ermöglicht es Ihrer Bubble.io-App, Nutzer weltweit zu erreichen. Zum Beispiel kann eine ursprünglich auf Englisch verfügbare Rezept-App sofort für Food-Enthusiasten in Japan, Brasilien und Frankreich verfügbar gemacht werden, sodass sie Rezepte in ihrer Muttersprache erkunden und beisteuern können.
- Erhöhte Benutzerzufriedenheit: Inhalte in der bevorzugten Sprache des Benutzers führen zu einem angenehmeren und immersiveren Erlebnis. Beispiel: Eine Reiseplanungs-App, die automatisch Reiserouten, Bewertungen und lokale Empfehlungen in die Sprache des Benutzers übersetzt, kann das Reiseplanungerlebnis erheblich verbessern.
- Höheres Konversionspotenzial: Nutzer kaufen eher ein oder melden sich für Dienstleistungen an, wenn Informationen in ihrer Muttersprache präsentiert werden. Beispielsweise könnte eine Online-Kursplattform nach der Implementierung automatischer Übersetzungen einen deutlichen Anstieg der Anmeldungen aus spanischsprachigen Ländern verzeichnen, da potenzielle Studierende nun Kursbeschreibungen und -vorteile vollständig verstehen können.
- Verbesserte Suchbarkeit: Mehrsprachige Inhalte verbessern die Chancen Ihrer App, in Suchergebnissen in verschiedenen Regionen und Sprachen zu erscheinen. Beispiel: Eine Job-Such-App, die automatisch übersetzte Stellenangebote und Bewerbungstipps anbietet, könnte in lokalen Sprachsuchen in mehreren Ländern erscheinen und so Jobsuchende anziehen, die die Plattform vorher nicht finden konnten.
Beispiele für mehrsprachige Websites mit Bubble.io
Laut trends.builtwith.com nutzen mehr als 55 Tausend Websites Bubble.io. Deshalb werden wir diesmal einige Beispiele diskutieren, um Ihnen eine Vorstellung davon zu geben, ob Sie die Erstellung einer mehrsprachigen Website mit Bubble.io in Betracht ziehen.
Fanova.io
Fanova ist ein großartiges Beispiel für eine Website, die mit Bubble.io erstellt wurde. Es verbindet Fans mit ihren Lieblingsinhaltserstellern und ermöglicht es ihnen, exklusive Inhalte zu abonnieren. Die Site zeigt Bubble.io's Fähigkeit, anspruchsvolle, benutzerfreundliche Anwendungen mit erweiterten Funktionen wie mehrsprachiger Unterstützung zu erstellen.
Der Sprachumschalter in der unteren linken Ecke bietet Optionen für Englisch, Spanisch und brasilianisches Portugiesisch. Dieser mehrsprachige Ansatz ermöglicht es Fanova, ein vielfältiges, internationales Publikum in Nordamerika, Lateinamerika und Brasilien anzusprechen. Durch die Nutzung der Funktionen von Bubble.io kann Fanova Inhalte in mehreren Sprachen verwalten und präsentieren, während es ein konsistentes Design beibehält und die Benutzererfahrung für Besucher aus verschiedenen sprachlichen Hintergründen verbessert.
IC-academy.io
Impact Creative Academy (ICA) ist die Plattform, die es ermöglicht, professionelle und funktionale Webanwendungen zu erstellen. Die Website bietet KI-gestützte Karriere-Ressourcen, darunter kostenlose Kurse, Förderwettbewerbe und Stellenangebote. Ihr klares Design zeichnet sich durch eine prägnante Überschrift, ein klares Nutzenversprechen und einen ansprechenden „Jetzt loslegen“-Button aus.
Ein bemerkenswertes Merkmal der ICA-Website ist der Sprachumschalter, der sich in der oberen rechten Ecke befindet und den Benutzern die Wahl zwischen Englisch und Arabisch bietet. Diese mehrsprachige Unterstützung zeigt, wie Bubble.io effektiv global zugängliche Plattformen erstellen kann. Durch die Bereitstellung von Inhalten in sowohl Englisch als auch Arabisch kann ICA eine vielfältige Benutzerbasis in englischsprachigen Ländern und der arabischen Welt bedienen.
So implementieren Sie automatische Übersetzungen auf Bubble.io
Nachdem wir Beispiele für mehrsprachige Websites untersucht haben, die mit Bubble.io erstellt wurden, werden wir untersuchen, wie man eine automatische Übersetzung mithilfe eines automatischen Übersetzungsdienstes implementiert. Viele Dienste können Websites schnell und einfach mit nur wenigen Konfigurationsschritten übersetzen. Ein solcher Dienst ist Linguise.
Linguise integriert sich in verschiedene CMS-Plattformen und Web-Builder, einschließlich integriert mit Bubble.io. Hier sind die Schritte zur Installation von Linguise automatischer Übersetzung auf Bubble.io.
#1 Registrieren Sie Ihre Domain-Website
Erstellen Sie zunächst ein kostenloses Linguise-Konto und fügen Sie Ihre Websitedomain hinzu. Sie können die 30-tägige kostenlose Testversion nutzen, bevor Sie sich für einen Abonnementplan entscheiden.
Als Nächstes werden Sie aufgefordert, Ihre Domain zu registrieren, um die Übersetzung zu autorisieren. Kopieren Sie hierzu Ihren Domainnamen, einschließlich „https://“ und wählen Sie „other“ als Plattform aus.
Wählen Sie als Nächstes Ihre Quell- und Zielsprache aus.
#2 Domain-DNS automatisch mit entri hinzufügen
Nachdem Sie Ihre Website erfolgreich auf dem Linguise -Dashboard registriert haben, haben Sie zwei Möglichkeiten, mit der Installation fortzufahren.
Wenn Sie die DNS-Einträge automatisch hinzufügen möchten, können Sie auf “DNS automatisch verbinden.” Diese Funktion, genannt Entri, übernimmt die DNS-Einträge für Sie und erleichtert so den Installationsprozess. Alternativ können Sie die DNS-Einträge manuell zu Ihrem Domain-Anbieter kopieren.
Nach dem Klicken auf die Schaltfläche analysiert Entri Ihre registrierte Website-URL und prüft Ihre öffentlichen DNS-Einträge. Basierend auf dieser Analyse ermittelt es den benötigten Provider und die entsprechenden DNS-Einträge.
Klicken Sie anschließend auf „Mit [Ihrem Domainanbieter] autorisieren“ (z. B. Cloudflare). Sie werden dann zur Anmeldeseite Ihres Domainanbieters weitergeleitet, wo Sie sich anmelden und fortfahren können.
Sobald Sie sich bei Ihrem Domain-Anbieter anmelden, übernimmt Entri den Rest und fügt automatisch die entsprechenden DNS-Einträge hinzu – einen DNS pro Sprache und einen TXT-DNS für den Validierungsschlüssel. Sie sollten die zu Ihrer Domain hinzugefügten DNS-Einträge sehen, wie zum Beispiel:
Nach der Autorisierung benachrichtigt Entri Sie darüber, dass alle DNS-Einstellungen erfolgreich konfiguriert wurden. Sie sollten die Übersetzungsfunktion nutzen können, sobald alle DNS-Einträge auf Ihrer Domain übertragen wurden, was normalerweise etwa 20 bis 30 Minuten dauert.
Wenn Sie bevorzugen manuelle Installation, können Sie dies auch manuell tun, indem Sie die unten aufgeführten Schritte befolgen.
#3 DNS-Einträge kopieren
Wenn Sie eine manuelle Installation bevorzugen, werden Sie zu einem Bildschirm mit den DNS-Einträgen weitergeleitet, die zum Einrichten Ihrer mehrsprachigen Seiten erforderlich sind, wie z.B. fr.domain.com oder es.domain.com.
Kopieren Sie diese wesentlichen Elemente in Ihre Bubble.io-DNS-Konfiguration.
Verbinden Sie sich anschließend mit Ihrem Domain-Manager und rufen Sie den Bereich für die DNS-Einstellungen auf. Folgen Sie dann den Anweisungen zum Kopieren.
- Ein TXT-Eintrag zur Domänenüberprüfung
- Ein oder mehrere CNAME-Einträge für die Sprachen
Hier sind Beispiele für jeden Datensatztyp (TXT und CNAME)
Sobald Sie alle Ihre Einträge hinzugefügt haben, sollte Ihre Konfiguration diesem ähneln.
#4 DNS überprüfen
Nachdem Sie alle Ihre Einträge zu Ihrem Domain-DNS hinzugefügt haben, können Sie die DNS-Propagation überprüfen, indem Sie auf die Schaltfläche „DNS-Konfiguration prüfen“ klicken.
Die DNS-Validierung dauert normalerweise etwa 30 Minuten bis 1 Stunde. Nach dieser Zeit sollten Sie grüne Indikatoren auf der rechten Seite der DNS-Liste im Linguise -Dashboard sehen. Sie sind fast bereit, Ihre Bubble -Website zu übersetzen; es fehlt nur noch der Link zum Sprachumschalter mit Länderflaggen.
#5 Dynamische Übersetzung aktivieren
Aus technischer Sicht integriert Bubble JavaScript-codierte Module, CSS und HTML in eine funktionale Node.js-Anwendung. Die Programmiersprache von Bubblebasiert auf JSON.
Mit unserer „Dynamic Translation“-Funktion können Sie Inhalte auf Ihrer Bubble.io-Website mühelos übersetzen, einschließlich Inhalten, die asynchron (dynamisch) nach dem ersten Laden der Seite geladen werden. Diese Verbesserung bietet Ihren Besuchern eine reibungslosere mehrsprachige Erfahrung!
Um diese Funktion zu verwenden, klicken Sie auf Ja unten auf der Einstellungsseite.
#6 Aktivieren und passen Sie das Design des Sprachumschalters an
Der Sprachumschalter ist ein Flaggen-Popup, mit dem Sie Ihre gewünschte Sprache auswählen können. Um es zu implementieren, kopieren Sie den Code, der im Header Ihrer Bubble.io-Seiten bereitgestellt wird. Der Flaggen-Sprachumschalter wird dann automatisch auf Ihrer öffentlichen Website erscheinen.
Der Link zum Kopieren befindet sich am Ende des Domänenregistrierungsprozesses oder in den Domäneneinstellungen. Stellen Sie sicher, dass Sie den Link in Ihre Zwischenablage kopieren.
Navigieren Sie als Nächstes zu Ihrem Bubble Website-Bedienfeld. Klicken Sie im linken Seitenleistenmenü auf „Einstellungen“ und wählen Sie dann „SEO / Metatags“
Scrollen Sie im Einstellungsmenü etwas nach unten, bis Sie unter „Erweiterte Einstellungen“ die Option „Script/Meta-Tags im Header“
Fügen Sie das Linguise Skript, das Sie zuvor kopiert haben, ein und klicken Sie dann auf ‚Speichern‘ und veröffentlichen Sie Ihre Website.
Sie können die Sprachauswahl im Linguise Dashboard unter Einstellungen > Sprachflaggenanzeige anpassen. Alle hier vorgenommenen Änderungen werden auf der Website angezeigt.
Auf der rechten Seite des Bildschirms sehen Sie eine Vorschau des Sprachumschalters. Hier sind die Elemente, die Sie konfigurieren können.
- Drei Layouts, nebeneinander, Dropdown oder Popup
- Position des Sprachumschalters
- Inhalt des Sprachumschalters
- Sprachbezeichnungen in Englisch oder in ihrer jeweiligen Muttersprache
- Formen und Größen der Flaggen
- Farben und Schlagschatten
#7 Automatische Übersetzung Ihrer Website Bubble
Hier ist eine Demonstration, wie Bubble.io erscheint, wenn es mithilfe des automatischen Übersetzungsdienstes von Linguiseautomatisch übersetzt wird.
Übersetzen Sie Ihre Bubble.io-Website automatisch mit Linguise
Linguise Übersetzungsdienst bietet eine nahtlose Integration der automatischen Übersetzung für Ihre Bubble.io-Website. Als führender Übersetzungsdienst unterstützt er über 80 Sprachen und arbeitet mit über 40 CMS-Plattformen zusammen, einschließlich Bubble.io. Diese Integration erleichtert die Erstellung einer mehrsprachigen Website und verbessert das gesamte Benutzererlebnis.
Front-End-Live-Editor-Übersetzung
Linguise bietet außerdem einen Live-Editor im Frontend , mit dem Übersetzungen bei Bedarf schnell angepasst werden können. Dieses Tool gewährleistet die Genauigkeit der Übersetzungen und ermöglicht schnelle Änderungen. Zusätzlich können Sie mit professionellen Übersetzern zusammenarbeiten, um kulturelle und kontextuelle Präzision sicherzustellen.
Multilinguale SEO-Unterstützung
Durch seine mehrsprachigen SEO-Funktionen Linguise kann Linguise die Sichtbarkeit Ihrer Website in Suchmaschinen verbessern, indem es die SEO optimiert. Es generiert mehrsprachige Sitemaps, erstellt hreflang-Codes und -Tags, richtet kanonische URLs ein und übersetzt URLs und Meta-Beschreibungen. Diese Funktionen helfen, die Platzierung Ihrer Website in Suchmaschinen zu verbessern und sie für Benutzer in verschiedenen Sprachen zugänglicher zu machen.
Globale Regeln für den Ausschluss von Übersetzungen
Um Übersetzungsprobleme zu beheben, enthält Linguise Ausschlussregeln, mit denen Sie bestimmte Begriffe beibehalten oder ausschließen können, die möglicherweise nicht gut übersetzt werden. Sie können Regeln erstellen, um Seiten auszuschließen, Inline-Inhalte oder bestimmte Seiten, um Klarheit und Genauigkeit in Ihren Übersetzungen zu gewährleisten.
Möglichkeit, professionelle Übersetzer für die Zusammenarbeit hinzuzufügen
Darüber hinaus ermöglicht Ihnen Linguise , professionelle Übersetzer in Ihr Dashboard einzuladen, wodurch die Zusammenarbeit erleichtert und die kulturelle und kontextuelle Präzision Ihrer Inhalte sichergestellt wird.
Fazit
Die Implementierung automatischer Übersetzungen auf Ihrer Bubble.io-Website kann Ihre Reichweite erheblich verbessern, das Nutzerengagement steigern und die Konversionsraten erhöhen. Mit Linguisekönnen Sie mehrsprachige Inhalte einfach verwalten, ein nahtloses Erlebnis für Nutzer in verschiedenen Sprachen bieten und gleichzeitig Ihre SEO-Strategien optimieren.
Linguise bietet leistungsstarke Funktionen wie Front-End-Live-Bearbeitung, dynamische Inhaltsübersetzung, Ausschlussregeln für bestimmte Begriffe und umfangreiche SEO-Unterstützung. Diese Funktionen machen es zur idealen Wahl für die Integration automatischer Übersetzungen mit Bubble.io. Also, worauf warten Sie? Registrieren Sie sich für eine Linguise automatische Übersetzungswebsite und verwandeln Sie Ihre Bubble.io-Website in eine mehrsprachige.
