Tài liệu

Magic Translate vs. Google Translate

Nhiều khách truy cập đã dịch các trang web với Google Translate, được tích hợp vào Chrome và có sẵn dưới dạng ứng dụng và tiện ích mở rộng. Với dịch trình duyệt, khách truy cập tự xử lý bản dịch, bạn không có quyền kiểm soát kết quả và các công cụ tìm kiếm chỉ nhìn thấy trang web của bạn bằng ngôn ngữ gốc của nó.

Sơ lược

Magic TranslateGoogle Translate trong trình duyệt
Ai dịchBạn, cho mọi du kháchMỗi khách truy cập, nếu họ chọn
Những gì được dịchVăn bản bạn đánh dấuTất cả mọi thứ trên trang, bao gồm tên và mã
Công cụ tìm kiếmHTML được dịch với React SSR, Next.js hoặc ứng dụng Angular được mã hóa trướcChỉ ngôn ngữ gốc của bạn được lập chỉ mục
Bộ chuyển đổi ngôn ngữCủa bạn, một phần của trang web của bạnThanh công cụ của trình duyệt
Ứng dụng webCập nhật bản dịch với các thành phần của bạnCó thể phá vỡ các ứng dụng thay đổi trang, chẳng hạn như ứng dụng React
GiáGói miễn phí, sau đó gói hàng tháng dựa trên các ký tự đã dịchMiễn phí cho khách

Tại sao dịch trình duyệt là không đủ

Bản dịch trình duyệt hoạt động trên trang sau khi ứng dụng của bạn đã hiển thị nó. Nó thay thế văn bản trên trang bằng văn bản dịch. Nếu ứng dụng của bạn cập nhật phần đó của trang, ứng dụng có thể không tìm thấy văn bản được hiển thị nữa. Một số ứng dụng, đặc biệt là ứng dụng React, gây ra lỗi hoặc hiển thị kết quả là kết quả là sự kết hợp của các ngôn ngữ.

Nó cũng dịch mọi thứ nó tìm thấy: tên sản phẩm của bạn, tên của mọi người, mẫu mã và nội dung do người dùng tạo. Và bởi vì nó chỉ xảy ra trong trình duyệt của khách truy cập, các công cụ tìm kiếm không bao giờ nhìn thấy một trang được dịch, vì vậy trang web của bạn không thể được tìm thấy bằng các ngôn ngữ khác.

Google cũng từng cung cấp một tiện ích dịch trang web mà bạn có thể thêm vào trang web của riêng mình. Nó không còn khả dụng cho các trang web mới.

Magic Translate làm như thế nào

Bạn đánh dấu văn bản để dịch và trang web của bạn hiển thị nó bằng ngôn ngữ của khách truy cập. Trong React, ví dụ:

import { T } from '@magic-translate/react';
const Banner = () => <T>Free shipping on all orders this week</T>;

Hoặc trên bất kỳ trang web nào, với một thẻ script và các yếu tố <t>:

<h1><t>Welcome to our shop</t></h1>

Bởi vì ứng dụng của bạn tự hiển thị bản dịch, chúng cập nhật với các thành phần của bạn. Với React SSR, Next.js hoặc Angular pre-endering, mỗi ngôn ngữ đều có HTML được dịch riêng cho các công cụ tìm kiếm.

Khi dịch trình duyệt là đủ

  • Rất ít khách truy cập cần ngôn ngữ khác và bạn không cần xuất hiện trong kết quả tìm kiếm bằng các ngôn ngữ đó.
  • Trang web của bạn chủ yếu là văn bản tĩnh, vì vậy bản dịch không thể phá vỡ nó.

Sẵn sàng để thử nó? Làm theo hướng dẫn bắt đầu để dịch thành phần đầu tiên của bạn trong năm phút.