Fügen Sie Ihrer Website ein Übersetzungs-Widget hinzu ConveyThis

Fassen Sie diesen Beitrag zusammen mit: 7 Minuten Lesezeit

Ein Übersetzungs-Widget ist die Schaltfläche oder das Menü, mit dem Besucher Ihre Website in eine andere Sprache wechseln. Sie können eines auf drei Arten hinzufügen: Erstellen Sie es selbst auf einer API für maschinelle Übersetzung, installieren Sie ein Übersetzungs-Plugin für Ihr CMS oder fügen Sie einen JavaScript-Ausschnitt aus einem Website-Übersetzungsdienst ein. Die richtige Wahl hängt weniger von der Schaltfläche ab, sondern vielmehr davon, was dahinter passiert: ob Übersetzungen bearbeitet werden können und ob jede Sprache ihre eigene Adresse erhält, die von Suchmaschinen indiziert werden kann.

Diese Anleitung behandelt die Optionen, die Einrichtungsschritte für ConveyThis, wie man einen Switcher entwirft, den die Leute tatsächlich verwenden können, und was man testen sollte, bevor man die neuen Sprachen ankündigt.

1. Erstellen Sie es auf einer Übersetzungs-API

Googles alter kostenloser “Website Translator” Snippet (der google_translate_element Code, den viele ältere Tutorials zeigen) erreicht das Ende seiner Unterstützung, wie in unserem erklärt Alternative zum Google Translate-Widget Führung. Google weist Websitebesitzer auf die bezahlten hin Cloud Translation API stattdessen. Mit der API kann ein Entwickler Ihren Seitentext zur Übersetzung senden und das Ergebnis hinter einem benutzerdefinierten Sprachmenü rendern.

Dadurch haben Sie die volle Kontrolle über das Aussehen der Schaltfläche, aber auch alles andere gehört Ihnen: Sie können Übersetzungen zwischenspeichern, sodass Ihnen derselbe Satz nicht zweimal in Rechnung gestellt wird, Sie können fehlerhafte Ausgaben korrigieren, sich ändernde Seiten verarbeiten und separate Sprach-URLs generieren, wenn Sie diese Seiten in den Suchergebnissen haben möchten. Für die meisten Unternehmen handelt es sich dabei um ein Softwareprojekt und nicht um ein Widget.

2. Installieren Sie ein CMS-Übersetzungs-Plugin

Wenn Ihre Site auf WordPress, Shopify, Joomla oder einer ähnlichen Plattform läuft, ist ein Übersetzungs-Plugin oder eine App normalerweise der kürzeste Weg. Die meisten Plugins fügen ihre eigene Sprachumschalter hinzu, die Sie in ein Menü, eine Seitenleiste oder eine Fußzeile einfügen können. Einige speichern Übersetzungen in Ihrer CMS-Datenbank; andere, darunter ConveyThis, speichern sie in einem Cloud-Dashboard und stellen sie Ihrer Site zur Verfügung. Siehe die WordPress-Integration „ Shopify Integration Seiten für Plattformspezifika.

3. Fügen Sie einen JavaScript-Ausschnitt aus einem Übersetzungsdienst ein

Für Websites, die auf etwas anderem basieren (einem benutzerdefinierten Stack, einem Site Builder, einer statischen Site), bietet Ihnen ein Dienst wie ConveyThis ein Skript zum Einfügen in die <head> jeder Seite. Das Skript fügt den Umschalter hinzu und stellt die übersetzte Version bereit, wenn ein Besucher eine Sprache auswählt. Es gibt 35 Integrationen für gemeinsame Plattformen und die JavaScript Integration deckt alles andere ab.

Illustration of a website with a language menu

So fügen Sie ConveyThis Sprachumschalter hinzu

Die Schritte sind unabhängig von der von Ihnen verwendeten Plattform dieselben, nur der Installationsschritt ändert sich.

Erstellen Sie ein Konto und fügen Sie Ihre Domain hinzu. Wählen Sie im Dashboard ConveyThis Ihre Plattform (oder “JavaScript” für eine benutzerdefinierte Site), geben Sie Ihre Domäne ein und legen Sie die Originalsprache und die Sprachen fest, die Sie hinzufügen möchten.
Installieren. Installieren Sie auf WordPress das Plugin ConveyThis aus dem Plugin-Verzeichnis und geben Sie den API-Schlüssel von Ihrem Dashboard aus ein. Installieren Sie auf Shopify die ConveyThis-App. Kopieren Sie für andere Websites den im Dashboard angezeigten Codeausschnitt und fügen Sie ihn in die <head> Abschnitt aller Seiten. Die meisten Site-Builder haben hierfür eine Einstellung “benutzerdefinierter Code” oder “Header-Code”.
Überprüfen Sie den Umschalter. Laden Sie Ihre Site neu. Standardmäßig erscheint der Umschalter in der unteren rechten Ecke; beim ersten Mal kann es einige Minuten dauern.
Überprüfen Sie die Übersetzungen. Der erste Durchgang ist die maschinelle Übersetzung. Öffnen Sie das Dashboard, um einzelne Sätze zu bearbeiten, verwenden Sie die visueller Editor Um Text im Kontext zu korrigieren, fügen Sie hinzu Glossar Regeln für Marken- und Produktnamen und laden Sie Übersetzer oder Kollegen mit Teamrollen ein.

ConveyThis language button settings in the WordPress plugin

Stil und Position des Umschalters

In den Domäneneinstellungen können Sie wählen:

Position. Eine feste Ecke des Bildschirms oder “Benutzerdefiniert”, um den Umschalter in einem von Ihnen ausgewählten Element zu platzieren, beispielsweise in Ihrem Hauptmenü. Sie geben die ID des Elements ein (zum Beispiel menu, ohne die #). Die Positionsführung Zeigt an, wo sich die Einstellung für JavaScript und WordPress-Sites befindet.
Dropdown oder Liste, und in welche Richtung sich das Menü öffnet.
Flaggen, Namen oder Codes. Sie können Sprachnamen, Sprachcodes, Flaggen oder eine Kombination anzeigen. Sie können auch Ändern Sie, welche Flagge stellt eine Sprache dar, beispielsweise eine britische Flagge anstelle einer US-Flagge für Englisch.

Entwerfen eines Umschalters, den die Leute verwenden können

Eine Schaltfläche zum Übersetzen ist klein, aber oft das Erste, wonach ein Besucher sucht, der Ihre Standardsprache nicht lesen kann. Ein paar Regeln machen es einfacher zu finden und weniger nervig zu bedienen:

Zeigen Sie Sprachnamen an, nicht nur Flaggen. Flaggen repräsentieren Länder, nicht Sprachen. Spanisch wird in mehr als zwanzig Ländern gesprochen und ein Besucher aus Mexiko muss möglicherweise nicht nach einer spanischen Flagge suchen. Wenn Sie Flaggen verwenden, koppeln Sie diese mit dem Sprachnamen.
Schreiben Sie jeden Sprachnamen in dieser Sprache. „Deutsch“, „Español“, „日本語“ sind für die Leute, die sie brauchen, leichter zu erkennen als „German“, „Spanish“, „Japanese“.
Platzieren Sie es dort, wo die Leute es erwarten. Die Kopfzeile bzw. Hauptnavigation ist der häufigste Ort, die Fußzeile dient als zweiter Ort. Eine schwebende Eckschaltfläche funktioniert, stellen Sie jedoch sicher, dass sie keine Chat-Widgets oder Cookie-Banner auf Mobilgeräten abdeckt.
Halten Sie den Besucher auf derselben Seite. Beim Wechsel der Sprache sollte die übersetzte Version der Seite angezeigt werden, auf der sie sich befinden, und nicht, dass sie auf die Startseite gesendet werden.
Denken Sie an die Wahl. Sobald jemand eine Sprache ausgewählt hat, behalten Sie sie beim Durchsuchen bei.
Seien Sie vorsichtig mit automatischen Weiterleitungen. Das Umleiten von Personen nach Browsersprache kann hilfreich sein, aber lassen Sie den Umschalter immer sichtbar, damit sie ihn ändern können. ConveyThis hat eine Optionale Weiterleitung in Browsersprache das ist ausgeschaltet, es sei denn, Sie schalten es ein.

Ein Widget, das den Text im Browser des Besuchers vertauscht, hilft nur Personen, die bereits auf Ihrer Site sind. Suchmaschinen indizieren URLs. Wenn also jede Sprache eine Adresse gemeinsam hat, können Ihre übersetzten Seiten nicht in den Suchergebnissen in diesen Sprachen angezeigt werden.

Um in anderen Sprachen zu finden, benötigt jede Übersetzung eine eigene URL, wie zum Beispiel example.com/es/ oder es.example.com, mit dem übersetzten Titel und der Metabeschreibung auf dieser Seite und hreflang Tags, die die Versionen miteinander verbinden. Google erklärt dies in seinem Leitfaden zu Verwaltung mehrsprachiger Websites.

ConveyThis stellt Übersetzungen auf URLs in echter Sprache bereit (Unterordner, Subdomains oder a ?lang Parameter), übersetzt Meta-Tags und strukturierte Daten und fügt hreflang automatisch hinzu. Wenn Sie Ihr eigenes Widget auf einer API erstellen, müssen Sie das alles selbst erstellen. Die Mehrsprachige SEO-Seite deckt die Details ab.

Testen Sie, bevor Sie es ankündigen

Bevor Sie den Kunden mitteilen, dass die Website ihre Sprache spricht, gehen Sie eine kurze Checkliste durch:

Wechseln Sie die Sprache auf der Startseite, einer Produkt- oder Serviceseite, einem Blogbeitrag und der Kontaktseite.
Testen Sie es auf einem Telefon. Umschalter, die auf dem Desktop gut aussehen, überlappen oft andere Schaltflächen auf kleinen Bildschirmen.
Senden Sie in jeder Sprache ein Formular und prüfen Sie, ob Bestätigungen und E-Mails übersetzt ankommen.
Schauen Sie sich Text in Bildern, PDFs und Popups an. Dies sind die Teile, die am häufigsten unübersetzt bleiben.
Überprüfen Sie von rechts nach links verlaufende Sprachen wie Arabisch oder Hebräisch, falls Sie welche hinzugefügt haben, auf Layoutprobleme.
Sehen Sie sich die Seitenquelle einer übersetzten URL an und bestätigen Sie die lang Attribut, übersetzter Titel und hreflang-Tags sind vorhanden.
Bitten Sie einen Muttersprachler, die wichtigsten Seiten zu lesen, normalerweise Preise, Checkout und alles Legale.

Was es kostet

ConveyThis hat einen kostenlosen Plan für eine Sprache und bis zu 5.000 Wörter, was ausreicht, um den Umschalter auf einer kleinen Site auszuprobieren. Bezahlte Pläne beginnen bei 12 $ pro Monat für 30.000 Wörter. Wörter werden nur gezählt, wenn den Besuchern übersetzte Inhalte angezeigt werden, und Bot-Verkehr zählt nicht. Die Preisseite listet jeden Plan auf.

Wenn Sie entscheiden, wie viel von der Website Sie übersetzen möchten und in welcher Reihenfolge, beginnen Sie mit So übersetzen Sie eine ganze Website. Einen schrittweisen Projektplan finden Sie unter So übersetzen Sie eine Website.

Fügen Sie Ihrer Website ein Übersetzungs-Widget hinzu

Drei Möglichkeiten, ein Übersetzungs-Widget hinzuzufügen