Magic Translate vs. Google Translate
Многие посетители уже переводят веб-сайты с помощью Google Translate, встроенного в Chrome и доступного в виде приложения и расширения. При переводе через браузер посетители сами обрабатывают перевод, вы не можете контролировать результат, а поисковые системы видят ваш сайт только на оригинальном языке.
С первого взгляда
| Magic Translate | Google Translate в браузере | |
|---|---|---|
| Кто переводит | Вы для каждого посетителя | Каждый посетитель, если захочет |
| Что переводится | Текст, который вы отмечаете | Все, что есть на странице, включая имена и код |
| Поисковые системы | Переведенный HTML-код с помощью React SSR, Next.js или предварительно обработанных приложений Angular | Индексируется только ваш исходный язык |
| Переключатель языков | Ваш, часть вашего сайта | Панель инструментов браузера |
| Веб-приложения | Переводы обновляются вместе с вашими компонентами | Может нарушать работу приложений, изменяющих страницу, например приложений React |
| Цена | Бесплатный план, затем ежемесячные планы на основе переведенных символов | Бесплатно для посетителей |
Почему перевода браузера недостаточно
Браузерный перевод работает на странице после ее рендеринга приложением. Он заменяет текст на странице переведенным текстом. Если ваше приложение затем обновит эту часть страницы, оно может больше не найти отображаемый текст. Некоторые приложения, в частности приложения React, в результате выдают ошибки или отображают несколько языков.
Он также переводит все, что найдет: название вашего продукта, имена людей, примеры кода и пользовательский контент. А поскольку это происходит только в браузере посетителя, поисковые системы никогда не видят переведенную страницу, поэтому ваш сайт невозможно найти на других языках.
Google также предлагал виджет переводчика веб-сайтов, который можно было добавить на свой сайт. Он больше не доступен для новых веб-сайтов.
Как Magic Translate это делает
Вы отмечаете текст для перевода, и ваш сайт показывает его на языке посетителя. Например, в React:
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>
Поскольку ваше приложение само отображает переводы, они обновляются вместе с вашими компонентами. Благодаря предварительному рендерингу React SSR, Next.js или Angular каждый язык получает свой собственный переведенный HTML-код для поисковых систем.
Когда перевода в браузере достаточно
- Немногим посетителям нужен другой язык, и вам не нужно отображаться в результатах поиска на этих языках.
- Ваш сайт в основном состоит из статичного текста, поэтому перевод не сможет его нарушить.
Готовы попробовать? Следуйте инструкциям по началу работы, чтобы перевести первый компонент за пять минут.