Magic Translate vs. Google Translate
De nombreux visiteurs traduisent déjà des sites Web avec Google Translate, qui est intégré à Chrome et disponible sous forme d'application et d'extension. Avec la traduction par navigateur, les visiteurs s'occupent eux-mêmes de la traduction, tu n'as aucun contrôle sur le résultat et les moteurs de recherche ne voient ton site que dans sa langue d'origine.
En un coup d'œil
| Magic Translate | Google Translate dans le navigateur | |
|---|---|---|
| Qui traduit | Toi, pour chaque visiteur | Chaque visiteur, s'il le souhaite |
| Qu'est-ce qui est traduit | Le texte que tu marques | Tout ce qu'il y a sur la page, y compris les noms et le code |
| Moteurs de recherche | HTML traduit avec React SSR, Next.js ou les applications Angular prérendues | Seule ta langue d'origine est indexée |
| Changeur de langue | Le tien, cela fait partie de ton site | La barre d'outils du navigateur |
| Apps Web | Les traductions sont mises à jour avec tes composants | Peut désactiver les applications qui changent de page, comme les applications React |
| Prix | Forfait gratuit, puis forfaits mensuels basés sur la traduction de caractères | Gratuit pour les visiteurs |
Pourquoi la traduction par navigateur ne suffit pas
La traduction par navigateur fonctionne sur la page une fois que ton application l'a rendue. Il remplace le texte de la page par du texte traduit. Si ton application met ensuite à jour cette partie de la page, il se peut qu'elle ne trouve plus le texte qu'elle affiche. Certaines applications, en particulier React, génèrent des erreurs ou affichent une combinaison de langues.
Il traduit également tout ce qu'il trouve : le nom de ton produit, les noms des personnes, des exemples de code et le contenu généré par les utilisateurs. Et comme cela ne se produit que dans le navigateur du visiteur, les moteurs de recherche ne voient jamais de page traduite. Ton site ne peut donc pas être trouvé dans d'autres langues.
Google proposait également un widget de traduction de site Web que tu pouvais ajouter à ton propre site. Il n'est plus disponible pour les nouveaux sites Web.
Comment s'y prend Magic Translate
Tu marques le texte à traduire et ton site l'affiche dans la langue du visiteur. Dans React, par exemple :
import { T } from '@magic-translate/react';const Banner = () => <T>Free shipping on all orders this week</T>;
Ou sur n'importe quel site web, avec une seule balise de script et le hashtag <t> :
<h1><t>Welcome to our shop</t></h1>
Comme ton application affiche les traductions elle-même, elles sont mises à jour avec tes composants. Avec le prérendu React SSR, Next.js ou Angular, chaque langue obtient son propre code HTML traduit pour les moteurs de recherche.
Quand la traduction par navigateur suffit
- Peu de visiteurs ont besoin d'une autre langue, et tu n'as pas besoin d'apparaître dans les résultats de recherche dans ces langues.
- Ton site est composé principalement de texte statique, donc la traduction ne peut pas l'altérer.
Prête à l'essayer ? Suis le guide de démarrage pour traduire ton premier composant en cinq minutes.