Magic Translate vs. Google Translate
Banyak pengunjung sudah menerjemahkan situs web dengan Google Translate, yang dibangun di Chrome dan tersedia sebagai aplikasi dan ekstensi. Dengan terjemahan browser, pengunjung menangani terjemahan sendiri, Anda tidak memiliki kendali atas hasilnya, dan mesin pencari hanya melihat situs Anda dalam bahasa aslinya.
Sekilas
| Magic Translate | Google Translate di browser | |
|---|---|---|
| Siapa yang menerjemahkan | Anda, untuk setiap pengunjung | Setiap pengunjung, jika mereka memilih |
| Apa yang diterjemahkan | Teks yang Anda tandai | Semua yang ada di halaman, termasuk nama dan kode |
| Mesin pencari | HTML yang diterjemahkan dengan React SSR, Next.js atau aplikasi Angular yang telah di-prarender | Hanya bahasa asli Anda yang diindeks |
| Pengalih bahasa | Milikmu, bagian dari situs Anda | Toolbar browser |
| Aplikasi web | Terjemahan diperbarui dengan komponen Anda | Dapat merusak aplikasi yang mengubah halaman, seperti aplikasi React |
| Harga | Paket gratis, lalu paket bulanan berdasarkan karakter yang diterjemahkan | Gratis untuk pengunjung |
Mengapa terjemahan browser tidak cukup
Terjemahan browser berfungsi di halaman setelah aplikasi Anda merendernya. Ini menggantikan teks pada halaman dengan teks yang diterjemahkan. Jika aplikasi Anda memperbarui bagian halaman tersebut, aplikasi mungkin tidak lagi menemukan teks yang dirender. Beberapa aplikasi, terutama aplikasi React, memunculkan kesalahan atau menampilkan campuran bahasa sebagai hasilnya.
Ini juga menerjemahkan semua yang ditemukannya: nama produk Anda, nama orang, sampel kode, dan konten buatan pengguna. Dan karena itu hanya terjadi di browser pengunjung, mesin pencari tidak pernah melihat halaman yang diterjemahkan, sehingga situs Anda tidak dapat ditemukan dalam bahasa lain.
Google juga pernah menawarkan widget penerjemah situs web yang dapat Anda tambahkan ke situs Anda sendiri. Ini tidak lagi tersedia untuk situs web baru.
Bagaimana Magic Translate melakukannya
Anda menandai teks untuk diterjemahkan, dan situs Anda menunjukkannya dalam bahasa pengunjung. Dalam React, misalnya:
import { T } from '@magic-translate/react';const Banner = () => <T>Free shipping on all orders this week</T>;
Atau di situs web apa pun, dengan satu tag skrip dan elemen <t>:
<h1><t>Welcome to our shop</t></h1>
Karena aplikasi Anda merender terjemahan itu sendiri, terjemahan akan diperbarui dengan komponen Anda. Dengan pre-endering React SSR, Next.js atau Angular, setiap bahasa mendapatkan HTML terjemahannya sendiri untuk mesin pencari.
Ketika terjemahan browser sudah cukup
- Hanya sedikit pengunjung yang membutuhkan bahasa lain, dan Anda tidak perlu muncul di hasil pencarian dalam bahasa tersebut.
- Situs Anda sebagian besar teks statis, jadi terjemahan tidak dapat memecahkannya.
Siap untuk mencobanya? Ikuti panduan memulai untuk menerjemahkan komponen pertama Anda dalam lima menit.