Übersetzungs-Widget für Ihre Website: So wählen Sie aus und was Sie übersetzen möchten

Fassen Sie diesen Beitrag zusammen mit: 9 Minuten Lesezeit

ChatGPT Ratlosigkeit Grok Google AI

Ein Übersetzungs-Widget für eine Website ist ein kleines Add-on, normalerweise ein Sprachmenü plus ein Skript, mit dem Besucher Ihre Website in einer anderen Sprache lesen können. Widgets unterscheiden sich hauptsächlich in einer Hinsicht. Manche übersetzen die Seite nur im Browser jedes Besuchers, was zwar schnell, aber für Suchmaschinen unsichtbar ist und Ihnen keine Kontrolle gibt. Andere erstellen echte übersetzte Seiten mit eigenen URLs, die Sie bearbeiten und Google indizieren können. Wählen Sie für eine Business-Site die zweite Art und stellen Sie sicher, dass sie auch die Widgets übersetzt, die sich bereits auf Ihrer Site befinden: Seitenleisten, Fußzeilen, Formulare, Popups, Chat- und Bewertungsfelder.

Wichtige Erkenntnisse

• Browserseitige Widgets übersetzen für jeden Besucher im Handumdrehen. GTranslate sagt beispielsweise über seine kostenlose Version, dass “übersetzte Seiten keine separaten URLs haben und daher nicht indiziert sind” (gtranslate.io).
• Googles eigenes Website Translator-Widget ist seit 2020 nur für die nichtkommerzielle Nutzung verfügbar und daher für die meisten Unternehmen keine Option.
• SEO-fähige Widgets erstellen eine URL pro Sprache, fügen hreflang-Tags hinzu, übersetzen Metadaten und ermöglichen Ihnen das Bearbeiten von Übersetzungen.
• Die Widgets, die sich bereits auf Ihrer Site befinden (Seitenleistentext, Fußzeilen, Formulare, Cookie-Banner, Chat), werden oft in der Originalsprache belassen. Überprüfen Sie daher jedes einzelne.
• Inhalte in Iframes aus anderen Domänen (einige Chat-, Buchungs- oder Bewertungseinbettungen) können von keinem Onpage-Tool übersetzt werden. Sie müssen die Sprache in den eigenen Einstellungen dieses Anbieters festlegen.

Was ist ein Website-Übersetzungs-Widget?

Ein Website-Übersetzungs-Widget besteht aus zwei Teilen:

1. Ein Sprachumschalter, d. h. die Flagge, das Dropdown-Menü oder die Liste, auf die Besucher klicken, um die Sprache zu ändern.
2. Dahinter steckt ein Übersetzungsmechanismus, bei dem sich Widgets unterscheiden.

Es gibt drei Haupttypen:

Die ersten beiden helfen einem einzelnen Besucher, eine Seite zu lesen. Nur die dritte hilft Ihrem Unternehmen, in anderen Sprachen gefunden zu werden, da Google für jede Sprachversion eine separate URL empfiehlt und den sichtbaren Inhalt der Seite verwendet, um deren Sprache zu bestimmen (Google Search Central). Für die Leserseite des Jobs, unsere Kostenloses Tool zum Übersetzen einer Website hat die Schritte für jeden Browser.

Was ist mit dem Google Translate-Widget passiert?

Viele Websites nutzten jahrelang das kostenlose Website Translator-Widget von Google. Google beschränkte es im Jahr 2020 auf die nichtkommerzielle Nutzung (Google Search Central Blog). Wenn Sie es ersetzen, lesen Sie unseren Leitfaden zu Alternativen zum Google Translate-Widget und Was Sie anstelle von Google Translate verwenden sollten.

So wählen Sie ein Übersetzungs-Widget für Ihre Website aus

Überprüfen Sie diese, bevor Sie etwas installieren:

1. Separate URLs pro Sprache, als Unterverzeichnisse, Subdomains oder ein Sprachparameter. Ein Schalter, der nur Text im Browser ändert, zählt nicht.
2. Automatische hreflang-Tags. Jede Sprachversion muss sich selbst und alle anderen auflisten, sonst ignoriert Google sie (Google Search Central).
3. Übersetzte Metadaten: Seitentitel, Metabeschreibungen, Bildalttext und strukturierte Daten.
4. Ein visueller Editor zum Korrigieren beliebiger Sätze sowie ein Glossar für Marken- und Produktnamen.
5. Abdeckung von Menüs, Formularen, Schaltflächen, Popups und Text aus anderen Plugins und Apps sowie den Hauptinhalten.
6. Übersetzung dynamischer Inhalte, d. h. Text, der nach dem Erscheinen der Seite geladen wird (Filter, Warenkörbe, einseitige Apps).
7. Ein Umschalter, den Sie anpassen können: Position, Stil, Flaggen oder Sprachnamen und Platzierung (Menü, Fußzeile, schwebend).
8. Gute Geschwindigkeit bei übersetzten Seiten. Testen Sie sie mit einem Seitengeschwindigkeitstool, nicht nur mit dem Original.
9. Klare Preisgestaltung, die erklärt, wie Wörter, Sprachen und Websites gezählt werden.

Übersetzen der Widgets auf Ihrer Website

Sobald der Hauptinhalt übersetzt ist, bestehen die Lücken fast immer in Widgets und eingebetteten Elementen. Öffnen Sie eine übersetzte Seite und gehen Sie diese Liste durch.

Theme- und CMS-Widgets

Seitenleistentext, Fußzeilenspalten, “aktuelle Beiträge” und “Kategorien” Blöcke, Suchfelder, Newsletter-Anmeldeformulare, Breadcrumbs und Cookie-Banner. In WordPress leben diese in Aussehen → Widgets (oder der blockbasierte Widget-Editor) und stammen aus Ihrem Theme und Ihren Plugins.

• Bei mehrsprachigen Post-by-Post-Plugins müssen Sie Widget-Text häufig separat übersetzen, über Zeichenfolgenübersetzungsbildschirme oder durch Erstellen eines Widgets pro Sprache.
• Website-Übersetzungsdienste übersetzen die gerenderte Seite, sodass Widget-Text zusammen mit allem anderen übersetzt wird.

Formulare

Beschriftungen, Platzhalter, Dropdown-Optionen, Validierungs- und Fehlermeldungen sowie die Bestätigungsmeldung nach der Übermittlung. Überprüfen Sie auch die Benachrichtigungs-E-Mails, die das Formular sendet; diese werden außerhalb der Seite generiert.

Pop-ups, Banner und Cookie-Zustimmung

Diese werden häufig von Skripten nach dem Laden der Seite eingefügt. Stellen Sie sicher, dass Ihr Übersetzungstool Inhalte verarbeitet, die später erscheinen, und dass der Zustimmungstext für jeden Markt rechtlich angemessen ist.

E-Commerce-Widgets

Mini-Warenkorb, Produktfilter, “vielleicht gefällt Ihnen auch” Karussells, Versandschätzer und Vertrauensabzeichen mit Text. Überprüfen Sie unter WooCommerce oder Shopify insbesondere die Warenkorb- und Checkout-Seiten.

Chat, Bewertungen, Buchung und Karten

Viele davon sind wie Iframes aus einer anderen Domäne eingebettet. Browser lassen nicht zu, dass die Skripte einer Seite Inhalte innerhalb eines ursprungsübergreifenden Iframes lesen oder ändern, sodass kein Website-Übersetzungstool sie übersetzen kann. Stattdessen:

• Suchen Sie im Dashboard des Anbieters nach einer Spracheinstellung (viele Chat- und Buchungstools verfügen über eine solche);
• Laden Sie eine andere Einbettung pro Sprache, wenn der Anbieter sie unterstützt;
• oder wählen Sie Anbieter, die Inhalte direkt in die Seite und nicht in einen Iframe einfügen.

Text in Bildern und Videos

Banner mit in das Bild eingebettetem Text können nicht als Text übersetzt werden. Verwenden Sie nach Möglichkeit HTML-Text über Bildern oder laden Sie ein übersetztes Bild pro Sprache hoch.

Wie ConveyThis mit Widgets umgeht

ConveyThis ist ein Website-Übersetzungsdienst mit einem anpassbaren Sprachumschalter. Es übersetzt die gerenderte Seite, sodass Text aus Ihrem Design, Ihren Seitenleisten, Fußzeilen, Formularen und Plugins zusammen mit Ihrem Hauptinhalt übersetzt wird und auch nach dem Laden hinzugefügte Inhalte abgerufen werden.

Bei WordPress sind die Schritte:

1. Installieren Sie die ConveyThis Plugin von WordPress.org und wählen Sie Ihre Sprachen.
2. Ihre Seiten, Menüs und Widget-Bereiche werden automatisch als erster Entwurf übersetzt.
3. Um die Sprachumschalter in einer Seitenleiste oder Fußzeile zu platzieren, gehen Sie zu Aussehen → Widgets und fügen Sie die ConveyThis Widget (beschrieben als “ConveyThis Sprachumschalter”) für den gewünschten Widget-Bereich. Sie können auch die [conveythis_switcher] Shortcode im Inhalt.
4. Öffnen Sie den visuellen Editor in Ihrem ConveyThis-Dashboard, gehen Sie zu einer Seite und klicken Sie auf einen beliebigen Text, einschließlich Widget-Text, um dessen Übersetzung zu bearbeiten.

Auf anderen Plattformen (Shopify, Wix, Webflow, Squarespace, benutzerdefinierte Websites) ist das Setup ein Plugin, eine App oder ein Skript-Tag; siehe die Integrationsliste.

Weitere Funktionen, die für Widgets und SEO wichtig sind:

• 210 unterstützte Sprachen, wobei jede Sprache eine eigene URL hat (Unterordner, Subdomains oder ?lang) und automatischer hreflang.
• Übersetzte Seitentitel, Metabeschreibungen und JSON-LD für mehrsprachiges SEO.
• Glossarregeln (bezahlte Pläne) und Übersetzungsspeicher für konsistente Begriffe.
• Schließen Sie jedes Element von der Übersetzung aus mit dem conveythis-no-translate Klasse (So schließen Sie Segmente aus), zum Beispiel Benutzernamen oder Bestellnummern.
• Switcher-Designoptionen; Lesen Sie mehr über die neu Sprachumschalter.

Best Practices für den Sprachumschalter

• Platzieren Sie es dort, wo die Leute suchen: in der Kopfzeile oder oberen Navigation auf dem Desktop und an einer leicht erreichbaren Stelle im mobilen Menü. Ein Fußzeilenumschalter ist ein guter zweiter Standort.
• Sprachnamen in ihrer eigenen Sprache anzeigen („Deutsch“, „Español“, „日本語“). Flaggen repräsentieren Länder, nicht Sprachen, und können Besucher in mehrsprachigen Ländern verwirren.
• Führen Sie keine automatische Umleitung über IP oder Browsersprache durch. Schlagen Sie eine Sprache vor, wenn Sie möchten, lassen Sie die Besucher aber wählen; Google rät auch von einer automatischen Umleitung zwischen Sprachversionen ab.
• Halten Sie den Besucher beim Wechsel auf derselben Seite, anstatt ihn auf die Startseite zu schicken.
• Machen Sie es zugänglich: über die Tastatur erreichbar, richtig beschriftet und groß genug zum Tippen.

Kurze Checkliste vor dem Start

• Jeder Seitentyp verfügt über eine übersetzte URL und hreflang-Tags.
• Header-, Footer- und Sidebar-Widgets werden übersetzt.
• Formulare, einschließlich Fehler- und Bestätigungsmeldungen, werden übersetzt.
• Pop-ups und Cookie-Banner werden übersetzt.
• Warenkorb und Kasse werden übersetzt (für Geschäfte).
• Iframes von Drittanbietern werden in ihren eigenen Spracheinstellungen konfiguriert.
• Marken- und Produktnamen sind durch Glossarregeln geschützt.
• Das Sprachumschalter ist auf Desktop und Mobilgeräten sichtbar.

FAQ

Was ist das beste Übersetzungs-Widget für eine Website?

Die beste Wahl für ein Unternehmen ist eine, die separate, indexierbare URLs für jede Sprache erstellt, hreflang-Tags hinzufügt, Metadaten übersetzt und Ihnen das Bearbeiten von Übersetzungen ermöglicht. Nur-Browser-Widgets eignen sich gut zum gelegentlichen Lesen, helfen aber nicht bei der SEO.

Kann ich das Google Translate-Widget weiterhin auf meiner Website verwenden?

Google hat sein Website Translator-Widget im Jahr 2020 auf die nichtkommerzielle Nutzung beschränkt, daher benötigen die meisten Unternehmensseiten eine Alternative.

Warum werden meine WordPress-Widgets nicht übersetzt?

Einige mehrsprachige Plugins übersetzen Beiträge und Seiten, erfordern jedoch eine separate Übersetzung des Widget-Textes durch Zeichenfolgenübersetzung. Ein Website-Übersetzungsdienst, der die gerenderte Seite übersetzt, deckt Widgets normalerweise automatisch ab.

Kann ein Übersetzungs-Widget Chat- oder Bewertungsfelder übersetzen?

Nur wenn ihr Inhalt Teil Ihrer Seite ist. Inhalte innerhalb eines ursprungsübergreifenden Iframes können von keinem Onpage-Tool geändert werden; verwenden Sie die eigenen Spracheinstellungen des Anbieters.

Wo soll ich das Sprachumschalter hinstellen?

In der Kopfzeile oder Hauptnavigation und im mobilen Menü. Ein zweiter Umschalter in der Fußzeile oder ein Seitenleisten-Widget hilft Besuchern, die nach unten scrollen.

Um Ihre Website mit ihren Widgets zu übersetzen, Erstellen Sie ein ConveyThis-Konto und fügen Sie den Umschalter dort hinzu, wo Ihre Besucher ihn sehen werden.