Magic Translate vs. Google Translate
Muchos visitantes ya traducen sitios web con Google Translate, que está integrado en Chrome y está disponible como aplicación y extensión. Con la traducción del navegador, los visitantes gestionan la traducción ellos mismos, tú no tienes control sobre el resultado y los motores de búsqueda solo ven tu sitio en su idioma original.
De un vistazo
| Magic Translate | Google Translate en el navegador | |
|---|---|---|
| Quién traduce | Tú, por cada visitante | Cada visitante, si así lo decide |
| Qué se traduce | El texto que marcas | Todo lo que hay en la página, incluidos los nombres y el código |
| Motores de búsqueda | HTML traducido con React SSR, Next.js o aplicaciones Angular prerenderizadas | Solo se indexa tu idioma original |
| Cambiador de idiomas | Tuyo, parte de tu sitio | La barra de herramientas del navegador |
| Aplicaciones web | Las traducciones se actualizan con tus componentes | Puede romper las aplicaciones que cambian la página, como las aplicaciones de React |
| Precio | Plan gratuito, luego planes mensuales basados en caracteres traducidos | Gratis para las visitas |
Por qué la traducción del navegador no es suficiente
La traducción del navegador funciona en la página una vez que tu aplicación la ha renderizado. Sustituye el texto de la página por el texto traducido. Si tu aplicación actualiza entonces esa parte de la página, puede que ya no encuentre el texto que ha renderizado. Algunas aplicaciones, especialmente las de React, arrojan errores o muestran una mezcla de idiomas como resultado.
También traduce todo lo que encuentra: el nombre del producto, los nombres de las personas, los ejemplos de código y el contenido generado por los usuarios. Y como solo ocurre en el navegador del visitante, los motores de búsqueda nunca ven una página traducida, por lo que tu sitio no se encuentra en otros idiomas.
Google también ofrecía un widget de traducción de sitios web que podías añadir a tu propio sitio. Ya no está disponible para sitios web nuevos.
Cómo lo hace Magic Translate
Tú marcas el texto para traducirlo y tu sitio lo muestra en el idioma del visitante. En React, por ejemplo:
import { T } from '@magic-translate/react';const Banner = () => <T>Free shipping on all orders this week</T>;
O en cualquier sitio web, con una etiqueta de guion y los elementos <t>:
<h1><t>Welcome to our shop</t></h1>
Como tu aplicación procesa las traducciones por sí misma, se actualizan con tus componentes. Con la renderización previa de React SSR, Next.js o Angular, cada idioma recibe su propio HTML traducido para los motores de búsqueda.
Cuando la traducción del navegador es suficiente
- Pocos visitantes necesitan otro idioma y no necesitas que aparezcas en los resultados de búsqueda en esos idiomas.
- Tu sitio contiene principalmente texto estático, así que la traducción no puede descifrarlo.
¿Estás listo para probarlo? Sigue la guía de inicio para traducir tu primer componente en cinco minutos.