Magic Translate vs. Google Translate
Muitos visitantes já traduzem sites com Google Translate, que é incorporado ao Chrome e está disponível como aplicativo e extensão. Com a tradução do navegador, os próprios visitantes lidam com a tradução, você não tem controle sobre o resultado e os mecanismos de pesquisa só veem seu site no idioma original.
Em um piscar de olhos
| Magic Translate | Google Translate no navegador | |
|---|---|---|
| Quem traduz | Você, para cada visitante | Cada visitante, se quiser |
| O que é traduzido | O texto que você marca | Tudo na página, incluindo nomes e códigos |
| Mecanismos de busca | HTML traduzido com React SSR, Next.js ou aplicativos Angular pré-renderizados | Somente seu idioma original é indexado |
| Seletor de idioma | Seu, parte do seu site | A barra de ferramentas do navegador |
| Aplicativos da Web | As traduções são atualizadas com seus componentes | Pode quebrar aplicativos que alteram a página, como aplicativos React |
| Preço | Plano gratuito e, em seguida, planos mensais baseados em caracteres traduzidos | Gratuito para visitantes |
Por que a tradução do navegador não é suficiente
A tradução do navegador funciona na página depois que seu aplicativo a renderiza. Ele substitui o texto na página pelo texto traduzido. Se seu aplicativo atualizar essa parte da página, talvez não encontre mais o texto renderizado. Alguns aplicativos, especialmente os aplicativos React, geram erros ou mostram uma mistura de idiomas como resultado.
Ele também traduz tudo o que encontra: o nome do seu produto, os nomes das pessoas, exemplos de código e conteúdo gerado pelo usuário. E como isso só acontece no navegador do visitante, os mecanismos de pesquisa nunca veem uma página traduzida, então seu site não pode ser encontrado em outros idiomas.
O Google também costumava oferecer um widget de tradutor de sites que você poderia adicionar ao seu próprio site. Ele não está mais disponível para novos sites.
Como o Magic Translate faz isso
Você marca o texto a ser traduzido e seu site o mostra no idioma do visitante. No React, por exemplo:
import { T } from '@magic-translate/react';const Banner = () => <T>Free shipping on all orders this week</T>;
Ou em qualquer site, com uma tag de script e elementos <t>:
<h1><t>Welcome to our shop</t></h1>
Como seu aplicativo renderiza as traduções em si, elas são atualizadas com seus componentes. Com a pré-renderização React SSR, Next.js ou Angular, cada idioma obtém seu próprio HTML traduzido para os mecanismos de pesquisa.
Quando a tradução do navegador é suficiente
- Poucos visitantes precisam de outro idioma e você não precisa aparecer nos resultados de pesquisa nesses idiomas.
- Seu site é composto principalmente por texto estático, então a tradução não pode quebrá-lo.
Pronto para experimentar? Siga o guia de introdução para traduzir seu primeiro componente em cinco minutos.