Magic Translate vs. Google Translate
Molti visitatori traducono già siti Web con Google Translate, che è integrato in Chrome e disponibile come app ed estensione. Con la traduzione tramite browser, i visitatori gestiscono la traduzione da soli, non hai alcun controllo sul risultato e i motori di ricerca vedono il tuo sito solo nella sua lingua originale.
A colpo d'occhio
| Magic Translate | Google Translate nel browser | |
|---|---|---|
| Chi traduce | Tu, per ogni visitatore | Ogni visitatore, se lo desidera |
| Cosa viene tradotto | Il testo che contrassegni | Tutto sulla pagina, inclusi nomi e codici |
| Motori di ricerca | HTML tradotto con React SSR, Next.js o app Angular prerenderizzate | Solo la tua lingua originale è indicizzata |
| Commutatore di lingua | Tuo, parte del tuo sito | La barra degli strumenti del browser |
| App Web | Aggiornamento delle traduzioni con i tuoi componenti | Può interrompere le app che cambiano pagina, come le app React |
| Prezzo | Piano gratuito, poi piani mensili basati sui caratteri tradotti | Gratuito per i visitatori |
Perché la traduzione tramite browser non è sufficiente
La traduzione del browser funziona sulla pagina dopo che la tua app l'ha renderizzata. Sostituisce il testo della pagina con testo tradotto. Se poi la tua app aggiorna quella parte della pagina, potrebbe non trovare più il testo renderizzato. Alcune app, in particolare le app React, generano errori o mostrano di conseguenza un mix di lingue.
Inoltre traduce tutto ciò che trova: il nome del tuo prodotto, i nomi delle persone, gli esempi di codice e i contenuti generati dagli utenti. E poiché accade solo nel browser del visitatore, i motori di ricerca non vedono mai una pagina tradotta, quindi il tuo sito non può essere trovato in altre lingue.
Google offriva anche un widget per il traduttore di siti web che potevi aggiungere al tuo sito. Non è più disponibile per i nuovi siti web.
Come fa Magic Translate
Tu contrassegni il testo da tradurre e il tuo sito lo mostrerà nella lingua del visitatore. In React, ad esempio:
import { T } from '@magic-translate/react';const Banner = () => <T>Free shipping on all orders this week</T>;
O su qualsiasi sito web, con un tag di script e gli elementi <t>:
<h1><t>Welcome to our shop</t></h1>
Poiché la tua app esegue il rendering delle traduzioni da sola, si aggiornano con i tuoi componenti. Con il prerendering React SSR, Next.js o Angular, ogni lingua riceve il proprio codice HTML tradotto per i motori di ricerca.
Quando la traduzione del browser è sufficiente
- Pochi visitatori hanno bisogno di un'altra lingua e tu non devi apparire nei risultati di ricerca in quelle lingue.
- Il tuo sito è composto principalmente da testo statico, quindi la traduzione non può romperlo.
Pronto a provarlo? Segui la guida introduttiva per tradurre il tuo primo componente in cinque minuti.