Magic Translate vs. Google Translate

许多访客已经使用 Google Translate 来翻译网站，它内置于 Chrome 中，可作为应用程序和扩展程序使用。使用浏览器翻译，访问者自己处理翻译，您无法控制结果，搜索引擎只能看到原始语言的网站。

一目了然

	Magic Translate	Google Translate 在浏览器中
谁在翻译	你，为了每一位访客	每位访客，如果他们愿意
什么会被翻译	你标记的文字	页面上的所有内容，包括名称和代码
搜索引擎	使用 React SSR、Next.js 或预渲染的 Angular 应用程序翻译 HTML	只有你的原始语言被索引
语言切换器	你的，你的网站的一部分	浏览器的工具栏
网络应用程序	使用您的组件更新翻译	可以破坏更改页面的应用程序，例如 React 应用程序
价格	免费套餐，然后是基于翻译字符的月度套餐	游客免费

在您的应用程序呈现页面后，浏览器翻译将在页面上生效。它用翻译后的文本替换页面上的文本。如果您的应用程序随后更新了页面的该部分，则它可能无法再找到所呈现的文本。一些应用程序，特别是 React 应用程序，会引发错误或显示多种语言。

它还会翻译找到的所有内容：你的产品名称、人名、代码示例和用户生成的内容。而且，由于它只发生在访问者的浏览器中，因此搜索引擎永远看不到翻译后的页面，因此找不到其他语言的网站。

谷歌过去还提供了一个网站翻译器小工具，你可以将其添加到自己的网站中。它不再适用于新网站。

您标记要翻译的文本，然后您的网站会以访问者的语言显示该文本。例如，在 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 供搜索引擎使用。