Magic Translate vs. Google Translate
Wielu odwiedzających już tłumaczy strony internetowe za pomocą Google Translate, który jest wbudowany w Chrome i dostępny jako aplikacja i rozszerzenie. Dzięki tłumaczeniu przeglądarki odwiedzający sami obsługują tłumaczenie, nie masz kontroli nad wynikiem, a wyszukiwarki widzą Twoją witrynę tylko w oryginalnym języku.
Na pierwszy rzut oka
| Magic Translate | Google Translate w przeglądarce | |
|---|---|---|
| Kto tłumaczy | Ty, dla każdego gościa | Każdy odwiedzający, jeśli zdecyduje się |
| Co zostanie przetłumaczone | Tekst, który zaznaczasz | Wszystko na stronie, w tym nazwy i kod |
| Wyszukiwarki | Przetłumaczony kod HTML z aplikacjami React SSR, Next.js lub prerenderowanymi aplikacjami Angular | Tylko oryginalny język jest indeksowany |
| Przełącznik języka | Twoja, część Twojej witryny | Pasek narzędzi przeglądarki |
| Aplikacje internetowe | Aktualizacja tłumaczeń wraz z komponentami | Może łamać aplikacje zmieniające stronę, takie jak aplikacje React |
| Cena | Bezpłatny plan, następnie plany miesięczne oparte na przetłumaczonych znakach | Bezpłatnie dla zwiedzających |
Dlaczego tłumaczenie przeglądarki nie wystarczy
Tłumaczenie przeglądarki działa na stronie po renderowaniu aplikacji. Zastępuje tekst na stronie przetłumaczonym tekstem. Jeśli aplikacja zaktualizuje tę część strony, może już nie znaleźć renderowanego tekstu. Niektóre aplikacje, zwłaszcza aplikacje React, powodują błędy lub wyświetlają mieszankę języków.
Tłumaczy również wszystko, co znajdzie: nazwę produktu, nazwiska osób, próbki kodu i treści generowane przez użytkowników. A ponieważ dzieje się to tylko w przeglądarce odwiedzającego, wyszukiwarki nigdy nie widzą przetłumaczonej strony, więc Twojej witryny nie można znaleźć w innych językach.
Google oferował również widżet tłumacza stron internetowych, który można dodać do własnej witryny. Nie jest już dostępny dla nowych stron internetowych.
Jak to robi Magic Translate
Zaznaczasz tekst do przetłumaczenia, a Twoja witryna wyświetla go w języku odwiedzającego. Na przykład w React:
import { T } from '@magic-translate/react';const Banner = () => <T>Free shipping on all orders this week</T>;
Lub na dowolnej stronie internetowej, z jednym tagiem skryptu i elementami <t>:
<h1><t>Welcome to our shop</t></h1>
Ponieważ aplikacja sama renderuje tłumaczenia, aktualizuje się wraz z komponentami. Dzięki wstęp nemu renderowaniu React SSR, Next.js lub Angular każdy język otrzymuje własny przetłumaczony kod HTML dla wyszukiwarek.
Kiedy wystarczy tłumaczenie przeglądarki
- Niewielu odwiedzających potrzebuje innego języka i nie musisz pojawiać się w wynikach wyszukiwania w tych językach.
- Twoja witryna to głównie tekst statyczny, więc tłumaczenie nie może go złamać.
Gotowy do wypróbowania? Postępuj zgodnie z instrukcjami dotyczącymi rozpoczę cia pracy, aby przetłumaczyć pierwszy komponent w pięć minut.