Magic Translate vs. Google Translate
많은 방문자들이 이미 크롬에 내장되어 앱 및 확장 프로그램으로 제공되는 Google Translate 으로 웹사이트를 번역해.브라우저 번역을 사용하면 방문자가 직접 번역을 처리하므로 결과를 제어할 수 없고 검색 엔진은 원래 언어로만 사이트를 볼 수 있어.
한 눈에
| Magic Translate | 브라우저에서 Google Translate | |
|---|---|---|
| 누가 번역해 | 너는, 모든 방문자에게 | 각 방문자가 선택한다면 |
| 번역되는 내용 | 네가 표시한 텍스트 | 이름과 코드를 포함하여 페이지에 있는 모든 것 |
| 검색 엔진 | 리액트 SSR, Next.js 또는 미리 렌더링된 Angular 앱으로 번역된 HTML | 너의 원래 언어만 색인돼. |
| 언어 스위처 | 너의 것, 네 사이트의 일부 | 브라우저의 툴바 |
| 웹 앱 | 너의 구성 요소에 따라 번역이 업데이트돼. | React 앱처럼 페이지를 변경하는 앱을 깨뜨릴 수 있어. |
| 가격 | 무료 요금제, 그 다음에는 번역된 문자 기반 월간 요금제 | 방문자는 무료야. |
브라우저 번역이 충분하지 않은 이유
브라우저 번역은 앱이 렌더링한 후 페이지에서 작동해.페이지의 텍스트를 번역된 텍스트로 대체해.그런 다음 앱이 페이지의 해당 부분을 업데이트하면 렌더링한 텍스트를 더 이상 찾지 못할 수도 있어.일부 앱, 특히 React 앱은 오류가 발생하거나 그 결과 언어가 혼합되어 표시돼.
또한 제품 이름, 사람 이름, 코드 샘플, 사용자 제작 콘텐츠 등 찾은 모든 것을 번역해.그리고 방문자의 브라우저에서만 발생하기 때문에 검색 엔진에는 번역된 페이지가 절대 보이지 않아 다른 언어로는 너의 사이트를 찾을 수 없어.
구글은 너의 사이트에 추가할 수 있는 웹사이트 번역기 위젯도 제공했었어.새 웹사이트에서는 더 이상 사용할 수 없어.
Magic Translate 어떻게 해
번역할 텍스트를 표시하면 사이트에 방문자 언어로 표시돼.리액트에서, 예를 들면:
import { T } from '@magic-translate/react';const Banner = () => <T>Free shipping on all orders this week</T>;
아니면 스크립트 태그 하나하고 <t> 요소가 있는 어떤 웹사이트에서든:
<h1><t>Welcome to our shop</t></h1>
앱이 번역 자체를 렌더링하기 때문에 구성 요소에 따라 업데이트돼.리액트 SSR, Next.js 또는 Angular 사전 렌더링을 사용하면 모든 언어에 검색 엔진용 자체 번역된 HTML이 있어.
브라우저 번역이 충분할 때
- 다른 언어를 필요로 하는 방문자는 거의 없어. 그런 언어로는 검색결과에 나타나지 않아도 돼.
- 너의 사이트는 대부분 정적인 텍스트여서 번역하면 망가질 수 없어.
해볼 준비가 됐어?시작 안내서에 따라 5분 만에 첫 번째 구성 요소를 번역해.