Magic Translate vs. Google Translate
Viele Besucher übersetzen bereits Websites mit Google Translate, das in Chrome integriert ist und als App und Erweiterung verfügbar ist. Bei der Browserübersetzung übernehmen die Besucher die Übersetzung selbst, du hast keine Kontrolle über das Ergebnis und Suchmaschinen sehen deine Website nur in der Originalsprache.
Auf einen Blick
| Magic Translate | Google Translate im Browser | |
|---|---|---|
| Wer übersetzt | Du, für jeden Besucher | Jeder Besucher, wenn er möchte |
| Was wird übersetzt | Der Text, den du markierst | Alles auf der Seite, einschließlich Namen und Code |
| Suchmaschinen | Übersetztes HTML mit React SSR, Next.js oder vorgerenderten Angular-Apps | Nur deine Originalsprache ist indexiert. |
| Sprachumschalter | Deins, Teil deiner Seite | Die Toolbar des Browsers |
| Web-Apps | Übersetzungen werden mit deinen Komponenten aktualisiert | Kann Apps kaputt machen, die die Seite ändern, wie React-Apps |
| Preis | Kostenloses Abo, dann Monatspläne, die auf übersetzten Zeichen basieren | Kostenlos für Besucher |
Warum eine Browserübersetzung nicht genug ist
Die Browserübersetzung funktioniert auf der Seite, nachdem deine App sie gerendert hat. Es ersetzt den Text auf der Seite durch übersetzten Text. Wenn deine App dann diesen Teil der Seite aktualisiert, findet sie möglicherweise den Text, den sie gerendert hat, nicht mehr. Einige Apps, insbesondere React-Apps, geben Fehler aus oder zeigen daher eine Mischung von Sprachen an.
Es übersetzt auch alles, was es findet: deinen Produktnamen, die Namen der Leute, Codebeispiele und nutzergenerierte Inhalte. Und weil das nur im Browser des Besuchers passiert, sehen Suchmaschinen niemals eine übersetzte Seite, sodass deine Website nicht in anderen Sprachen gefunden werden kann.
Google bot früher auch ein Webseiten-Übersetzer-Widget an, das du zu deiner eigenen Website hinzufügen konntest. Es ist nicht mehr für neue Websites verfügbar.
Wie Magic Translate macht es
Du markierst den zu übersetzenden Text und deine Website zeigt ihn in der Sprache des Besuchers an. In React, zum Beispiel:
import { T } from '@magic-translate/react';const Banner = () => <T>Free shipping on all orders this week</T>;
Oder auf einer beliebigen Website, mit einem Skript-Tag und <t>-Elementen:
<h1><t>Welcome to our shop</t></h1>
Weil deine App die Übersetzungen selbst rendert, werden sie mit deinen Komponenten aktualisiert. Mit React SSR, Next.js oder Angular Pre-Rendering erhält jede Sprache ihren eigenen übersetzten HTML-Code für Suchmaschinen.
Wenn die Browserübersetzung ausreicht
- Wenige Besucher benötigen eine andere Sprache, und du musst in diesen Sprachen nicht in den Suchergebnissen erscheinen.
- Deine Seite besteht hauptsächlich aus statischem Text, also kann eine Übersetzung ihn nicht kaputt machen.
Bereit, es zu versuchen? Folge der Anleitung für die ersten Schritte, um deine erste Komponente in fünf Minuten zu übersetzen.