Inhaltsverzeichnis
Webflow Zugriffsanforderungen
Die automatische Cloud-KI-Übersetzung, die mit Webflow verwendet werden soll, benötigt für die Einrichtung einige Zugriffsrechte:
- Webflow Administratorzugriff
- DNS-Zugriff auf die Website-Domain
Die Einrichtung Webflow besteht aus 3 einfachen Schritten:
- Registrieren Sie Ihre Domain, um die Übersetzung zu autorisieren
- Ändern Sie die DNS-Einstellungen der Domäne entsprechend den Übersetzungssprachen
- Fügen Sie den Link zum Umschalten der Sprachauswahl zu Ihren Webflow Einstellungen hinzu
Wie Sie Ihre Webflow Website mehrsprachig gestalten (Video)
Registrieren Sie Ihre Webflow Domain
Kopieren Sie dazu einfach Ihren Domainnamen inklusive https:// und wählen Sie Webflow als Plattform aus.
Wählen Sie anschließend Ihre Quell- und Zielsprache aus.
SEO wichtiger Hinweis: Die Anzahl der Sprachen, die Sie einrichten, hat einen großen Einfluss auf SEO. Wenn Sie Ihre Übersetzungssprachen einrichten und eine große Anzahl von indizierten Seiten (>500) haben, kann die Suchmaschine viel Zeit brauchen, um sie zu verarbeiten. Dies kann sich auf Ihre SEO in Ihrer Originalsprache auswirken. Aus diesem Grund empfehlen wir, zunächst maximal 5 Sprachen hinzuzufügen. Wenn es dann indiziert ist, können Sie Sprachen in einem Stapel von 3 pro Monat hinzufügen.
Ändern Sie die DNS-Einstellungen der Domäne entsprechend den Sprachen
Automatisches Hinzufügen von Domain-DNS mithilfe von Entri
Sobald Sie Ihre Website erfolgreich im Linguise Dashboard , stehen Ihnen zwei Optionen zur Verfügung, um mit der Installation fortzufahren.
Diese Inhalte sollten Sie sich ansehen. Wenn Sie die DNS-Einträge automatisch hinzufügen möchten, klicken Sie auf „ DNS automatisch verbinden “. Diese Funktion namens Entri fügt Ihre DNS-Einträge automatisch hinzu, sodass Sie die Installation problemlos fortsetzen können. Alternativ können Sie die DNS-Einträge auch manuell bei Ihrem Domainanbieter eingeben.
Nach dem Klicken auf die Schaltfläche analysiert Entri Ihre registrierte Website-URL und überprüft Ihren öffentlichen DNS-Eintrag. Darauf basierend ermittelt es den Provider und die benötigten DNS-Einstellungen.
Klicken Sie anschließend auf „ Mit [Ihrem Domainanbieter] autorisieren “ (in diesem Beispiel Cloudflare). Daraufhin wechselt das Fenster zur Anmeldeseite Ihres Domainanbieters, wo Sie sich anmelden und fortfahren können.
Nachdem Sie sich bei Ihrem Domainanbieter angemeldet haben, erledigt Entri den Rest und fügt automatisch die entsprechenden DNS-Einträge hinzu. Ein DNS-Eintrag pro Sprache plus ein TXT-DNS-Eintrag für den Validierungsschlüssel.
Sie sollten sehen können, dass DNS in Ihrer Domain hinzugefügt wurde. Zum Beispiel:
Sobald Sie die Autorisierung erteilt haben, benachrichtigt Sie Entri, dass alle DNS-Einstellungen erfolgreich konfiguriert wurden.
Sie sollten die Übersetzungsfunktion nutzen können, sobald alle DNS-Einträge für Ihre Domain propagiert wurden (dauert in der Regel 20 bis 30 Minuten).
Falls Sie die manuelle Installation bevorzugen , können Sie diese auch manuell durchführen, indem Sie die folgenden Schritte befolgen.
DNS-Einträge kopieren
Nach der Domainvalidierung werden Sie auf eine Seite weitergeleitet, auf der die DNS-Einträge für Ihre Domain zum Kopieren bereitliegen. Je nach Hosting-Anbieter kann die Domain-Konfiguration etwas anders aussehen, die Feldnamen sind jedoch weitgehend standardisiert. Diese Einträge sind erforderlich, um Ihre mehrsprachigen Webseiten wie fr.domain.com, es.domain.com usw.
Hier die wichtigsten Elemente.
Anschließend müssen Sie sich mit Ihrem Domain-Manager verbinden und den DNS-Konfigurationsbereich aufrufen. Folgen Sie dann den Anweisungen, um Folgendes zu kopieren:
- Ein TXT-Eintrag zur Domainverifizierung
- Ein oder mehrere CNAME-Einträge für die Sprachen
Hier ist ein Beispiel für jeden Datensatztyp (TXT und CNAME):
Nachdem Sie alle Ihre Datensätze hinzugefügt haben, sollte Ihre Konfiguration wie folgt aussehen.
Überprüfung der DNS-Validierung
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 in der Regel zwischen 30 Minuten und einer Stunde. Danach sollten Sie im Linguise Dashboard rechts in der DNS-Liste grüne Punkte sehen. Sie können Ihre Webflow Website fast übersetzen; es fehlt lediglich noch der Link zum Sprachumschalter mit Länderflaggen.
Fügen Sie den Sprachumschalter zu Webflow hinzu
Der Sprachumschalter ist ein Auswahlfenster, in dem Sie die gewünschte Sprache auswählen können. Um ihn einzubinden, müssen Sie den Code aus dem Header Ihrer Webflow -Seiten kopieren. Der Sprachumschalter wird dann automatisch auf Ihrer öffentlichen Website geladen.
Den Link zum Kopieren finden Sie am Ende der Domainregistrierung oder in den Domaineinstellungen. Kopieren Sie den Link in die Zwischenablage.
anschließend in der Webflow -Website-Administration zu:
Website-Einstellungen > Benutzerdefinierter Code > Head-Code
Klicken Sie auf die Schaltfläche „Speichern“ und anschließend auf die Schaltfläche „Veröffentlichen“, um die Änderungen an Ihrer Webflow Domain zu veröffentlichen.
Auf Ihrem Webflow Frontend sollte nun der Linguise Sprachumschalter verfügbar sein.
Webflow Sprachumschalter-Design
Die Sprachauswahl kann im Linguise Dashboard unter „Einstellungen“ > „Sprachflaggenanzeige“ angepasst werden. Jede hier vorgenommene Änderung wird auf der Website angezeigt.
Auf der rechten Seite des Bildschirms befindet sich die Vorschau des Sprachumschalters. Hier sind die Elemente, die Sie einrichten können:
- 3 Layouts: Seite an Seite, Dropdown oder Popup
- Die Position des Sprachumschalters
- Der Sprachumschalter Inhalt
- Sprachnamen in Englisch oder Muttersprache
- Flaggenformen und -größe
- Farben und Kastenschatten
Frontend-Übersetzungseditor auf Webflow
Der Frontend-Editor ermöglicht es Übersetzern, beliebige HTML-Inhalte auf Webflow in jeder Sprache zu bearbeiten. Sie können eine Seite bearbeiten, indem Sie auf ein Seitenelement klicken und den Text, den Link oder das Bild ersetzen.
Lesen Sie hier mehr über den Frontend-Übersetzungseditor.
