Tahukah Anda bahwa 3 dari 4 pembeli online lebih suka membeli produk dengan informasi dalam bahasa asli mereka? (Sumber). Memiliki situs web multibahasa memiliki manfaatnya sendiri, seperti:
- Tawarkan pengalaman pengguna yang dipersonalisasi.
- Tingkatkan penjualan karena informasi yang dilokalkan.
- Jangkau audiens yang lebih luas tanpa batasan geografis.
- Tingkatkan citra merek dengan menampilkan diri sebagai perusahaan global.
- Lihat peningkatan konversi dan penurunan tingkat pentalan.
Tapi banyak bisnis tidak tahu cara membuat situs web multibahasa dengan benar!
Itulah mengapa berikut adalah 18 tips UX praktis yang kami rekomendasikan untuk Anda pertimbangkan saat merancang situs web multi-bahasa Anda.
18 Tips UX untuk Situs Web Multibahasa
Saat merancang situs web multibahasa, sangat penting untuk mempertimbangkan berbagai faktor untuk memastikan pengalaman pengguna yang lancar di berbagai bahasa dan budaya. Berikut adalah 18 tips UX terbaik untuk situs web multibahasa.
Perencanaan dan Struktur
Sebelum Anda mulai merancang situs web multibahasa Anda, Anda perlu merencanakan dan menentukan beberapa hal.
1. Identifikasi Bahasa Target
Untuk memilih bahasa terbaik untuk situs web multibahasa Anda, mulailah dengan menganalisis lokasi dan demografi audiens Anda. Lihat lalu lintas situs web Anda saat ini dan data pelanggan untuk melihat bahasa dan lokasi mana yang paling umum.
Riset bahasa yang digunakan di pasar target Anda menggunakan data sensus, laporan pasar, dan analisis pesaing.
Sebagai contoh, menurut Biro Sensus Amerika Serikat, bahasa Spanyol adalah bahasa kedua yang paling banyak digunakan di Amerika Serikat. Jadi, jika pelanggan AS adalah target audiens Anda, sangat masuk akal untuk memiliki versi Spanyol dari situs web Anda bersama dengan versi bahasa Inggris.
Mulai dengan bahasa yang paling banyak digunakan dan perluaskan saat situs web Anda tumbuh. Dengan menganalisis data audiens Anda dan menyelaraskan pilihan bahasa dengan tujuan bisnis Anda, Anda dapat memilih bahasa yang paling relevan untuk situs web multibahasa Anda.
Hancurkan Hambatan Bahasa
Ucapkan selamat tinggal pada hambatan bahasa dan sambut pertumbuhan tanpa batas! Coba layanan terjemahan otomatis kami hari ini.
2. Gunakan Struktur URL yang Jelas
Struktur URL yang jelas sangat penting untuk situs web multibahasa. Ini meningkatkan SEO, karena mesin pencari dapat dengan mudah mengindeks dan memberi peringkat versi bahasa yang berbeda dari situs Anda, meningkatkan visibilitas dalam pencarian lokal.
Struktur subdirektori adalah metode yang paling umum dan direkomendasikan. Setiap bahasa mendapatkan subdirektori sendiri di bawah domain utama, seperti www.example.com/id/ untuk Bahasa Indonesia, www.example.com/es/ untuk Spanyol, dan www.example.com/fr/ untuk Perancis.
Pilih struktur yang dapat Anda pertahankan secara konsisten di seluruh situs web Anda. Hindari mencampur struktur yang berbeda. Gunakan kode bahasa ISO 639-1 (seperti “en” untuk bahasa Inggris dan “es” untuk bahasa Spanyol) untuk memastikan kejelasan dan standardisasi.
Gunakan tag kanonik untuk menunjukkan versi pilihan halaman ke mesin pencari, terutama jika Anda memiliki konten serupa di berbagai bahasa. Terapkan tag hreflang di HTML Anda untuk membantu mesin pencari memahami bahasa dan penargetan regional halaman Anda.
3. Gunakan Template Global
Ketika pengunjung situs web memilih bahasa yang berbeda, mereka tidak boleh mendarat di situs web yang benar-benar berbeda. Gunakan template situs web yang sama untuk semua halaman web terjemahan Anda.
Berikut adalah contoh Canva. Ketika situs web diterjemahkan ke dalam bahasa Spanyol dari bahasa Inggris, spasi antara judul dan paragraf, penempatan tombol, menu dan ikon, format rencana harga, dan semua hal lainnya tetap sama.
Templat global membantu dengan branding yang konsisten dan memberikan pengalaman pengguna yang mulus, tidak peduli bahasa apa yang mereka alihkan. Pastikan pengguna Anda melihat tata letak yang sama, elemen desain, branding, dan warna saat beralih dari bahasa default.
Jika Anda menggunakan Content Management System (CMS), seperti WordPress, dengan Linguise, membuat situs web multibahasa yang bermerek menjadi sangat mudah. Linguise terintegrasi secara mendalam dengan tema situs web Anda dan secara otomatis menerjemahkan konten Anda tanpa permintaan database tambahan atau beban server berlebih. Dengan cara ini, performa situs web Anda tidak terganggu.
Jika Anda menggunakan plugin eCommerce seperti WooCommerce, Linguise memperbarui halaman utama dan halaman terjemahan dengan setiap pembaruan produk.
4. Pertimbangkan Spasi untuk Perluasan Teks
Salah satu tips UX yang paling penting saat merancang situs web multibahasa adalah mempertimbangkan perluasan teks. Setiap bahasa memiliki gaya penulisan dan panjang kata yang berbeda-beda yang perlu dipertimbangkan.
Lihat contoh Etsy ini. Di sebelah kiri, Anda dapat melihat konten situs web dalam bahasa Jepang, dan di sebelah kanan, Anda dapat melihat konten yang sama dalam bahasa Jerman.
Beberapa bahasa akan membutuhkan lebih banyak ruang, sementara beberapa lainnya akan membutuhkan lebih sedikit. Tata letak situs web Anda harus dapat menyesuaikan spasi untuk memastikan konten terjemahan tetap dapat dibaca.
Berikut adalah demonstrasi bagaimana teks dapat memanjang atau memendek dalam berbagai bahasa. Menurut W3C, kata “view” mengalami pemuaian sebesar 300% dari bahasa Inggris ke bahasa Italia!
Juga pertimbangkan tinggi baris dan gaya karakter. Beberapa bahasa memiliki karakter yang lebih tinggi daripada yang lain, sementara beberapa skrip membutuhkan lebih banyak spasi daripada skrip lainnya.
Sebagai contoh, skrip Arab membutuhkan lebih banyak ruang vertikal antara baris daripada Latin.
5. Pisahkan Konten Dari Desain
Pisahkan teks dari elemen multimedia untuk pembaruan dan terjemahan yang lebih mudah.
Pisahkan teks dari elemen multimedia untuk memudahkan pembaruan dan terjemahan. Simpan konten teks di dalam elemen HTML
Hal ini memungkinkan pembaruan dan terjemahan yang mudah tanpa menyentuh kode dasar utama. Gunakan pustaka lokalisasi seperti i18next untuk JavaScript untuk mengelola terjemahan secara dinamis.
Pisahkan desain dan konten agar tata letak tidak mudah berantakan setelah diterjemahkan.
6. Berikan Opsi Pengalih Bahasa
Menyediakan opsi pengalih bahasa yang jelas dan mudah diakses sangat penting untuk situs web multibahasa. Tempatkan pengalih di sudut kanan atas untuk akses mudah, dan gunakan warna kontras serta tipografi yang jelas agar menonjol. Untuk kejelasan, sertakan nama bahasa dalam aksara aslinya (misalnya, “Español” untuk bahasa Spanyol).
Menu tarik-turun dapat menampilkan pilihan bahasa dengan efisien tanpa memakan banyak ruang. Menggunakan bendera dapat memberikan isyarat visual, tetapi berhati-hatilah karena bendera terkadang dapat menyesatkan.
Misalnya, bendera dapat mewakili bahasa yang digunakan di beberapa negara. Seringkali yang terbaik adalah menggabungkan bendera dengan nama bahasa untuk kejelasan.
Jelas menunjukkan bahasa yang dipilih menggunakan warna berbeda atau huruf tebal. Dengan menggunakan teknik seperti AJAX, pastikan memilih bahasa langsung mengubah konten tanpa memuat ulang halaman. Jadikan pengalih bahasa responsif untuk perangkat seluler dan uji kegunaannya dengan penutur asli.
Konten dan Terjemahan
Berikut beberapa tips terkait konten dan terjemahan untuk pengalaman pengguna yang lebih baik.
7. Hindari Idiom dan Slang
Tidak semua slang dapat diterima secara universal. Faktanya, beberapa slang dianggap dapat diterima di beberapa negara dan sangat ofensif di negara lain. You harus selalu menggunakan bahasa yang jelas dan lugas yang diterjemahkan dengan baik di berbagai budaya.
Misalnya, berikut adalah idiom Rusia yang populer – Хоть кол на голове теши. Idiom ini, dalam bahasa Rusia, berarti “Dia orang yang sangat keras kepala.”
Namun, terjemahan harfiah dari idiom tersebut menjadi, “Anda dapat mengasah dengan kapak di atas kepala ini.” 😂
Berikut adalah contoh lain bagaimana kata bahasa Inggris yang umum dapat menjadi bencana jika diterjemahkan secara otomatis dengan moderasi. Kata bahasa Inggris Salsa terdengar seperti 설사 (seolsa) dalam bahasa Korea, yang berarti “diare”.
Itulah mengapa kami sarankan untuk menghindari slang atau idiom yang hanya relevan dengan budaya atau demografi tertentu. Sebagai gantinya, gunakan bahasa sederhana yang dapat diterjemahkan dengan mudah ke dalam bahasa lain.
8. Gunakan Gambar dan Ikon yang Tepat secara Budaya
Sesuaikan konten, gambar, ikon, dan multimedia lainnya untuk mencerminkan adat istiadat lokal dan referensi budaya.
Sebagai contoh, Clarins, sebuah merek perawatan kulit yang melayani audiens global, menampilkan wanita Kaukasia di versi situs web Eropa.
Namun, pada versi Jepang dari situs web mereka, mereka menampilkan wanita Jepang untuk lebih terhubung dengan pelanggan lokal.
Untuk ikon, terutama ikon pengalih bahasa, gunakan ikon globe yang terlihat universal. Sebagai contoh, pada gambar di bawah, ikon pertama mungkin menarik bagi audiens Amerika Selatan dan Utara tetapi tidak untuk audiens Afrika dan Asia.
Ikon kedua mungkin menarik bagi audiens Afrika tetapi tidak bagi yang lain.
Untuk menghindari kebingungan ini, pilih ikon globe universal yang menarik bagi semua orang – yang ketiga. Itu tidak menyoroti wilayah atau negara tertentu dan lebih sesuai untuk situs web multibahasa.
9. Tawarkan Subjudul untuk Multimedia
Untuk multimedia, gunakan file subtitle untuk terjemahan video tanpa mengubah video. Pastikan gambar dan elemen multimedia memiliki teks alt deskriptif yang dapat diterjemahkan secara terpisah dari konten visual.
Berikut adalah contoh lain bagaimana terjemahan dapat membantu Anda menjangkau audiens yang lebih luas. Kami adalah penggemar berat Project Happiness, saluran YouTube yang dijalankan oleh seorang musafir Italia bernama Giuseppe.
Pencipta konten tersebut adalah orang Italia. Dia merekam dalam bahasa Italia dan menyulih suarakan videonya dalam bahasa Inggris, tetapi saluran YouzTube-nya ditonton di seluruh dunia karena berbagai subtitle yang disediakan.
Siap menjelajahi pasar baru? Coba layanan terjemahan otomatis kami secara gratis dengan uji coba bebas risiko selama 1 bulan. Tidak perlu kartu kredit!
10. Perbarui Terjemahan Secara Teratur
Linguise memungkinkan Anda untuk mengedit halaman terjemahan pada front-end dengan antarmuka yang ramah pengguna. Anda dapat menilai terjemahan sendiri dan membuat perubahan jika Anda merasa perlu.
Situs web ECommerce memiliki banyak perubahan yang sering terjadi—produk kehabisan stok, penjualan waktu terbatas, perubahan informasi produk, dan banyak lagi.
Tetapi, menggunakan Linguise membuat pembaruan konten terjemahan menjadi mudah. Server terjemahan khusus dan sistem cache-nya mempercepat proses terjemahan dan menampilkan halaman terjemahan kepada audiens Anda.
11. Pertimbangkan Bahasa dengan Tulis dari Kanan ke Kiri
