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.
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 Sistem Manajemen Konten (CMS), seperti WordPress, dengan Linguise, membuat situs web multibahasa yang branded adalah hal yang mudah. Linguise
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 berkembang atau menyusut dalam berbagai bahasa. Menurut W3C, kata “view” memiliki ekspansi 300% dari bahasa Inggris ke 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.
Simpan konten tekstual dalam elemen HTML seperti
,
, dan . Gunakan CSS untuk styling untuk memastikan perubahan desain tidak mempengaruhi konten. Simpan string teks dalam file bahasa terpisah seperti JSON, XML, atau PHP.
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 asli (mis., “Español” untuk 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.
Sebagai contoh, berikut adalah idiom Rusia yang populer – Хоть кол на голове теши. Idiom ini, dalam bahasa Rusia, berarti “Dia adalah 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.
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
Sebagian besar bahasa ditulis dari kiri ke kanan. Namun, beberapa bahasa, seperti Arab, Ibrani, dan Persia, ditulis dari kanan ke kiri.
Berikut adalah perbandingan antara versi bahasa Inggris dan Arab dari beranda Instagram. Seperti yang Anda lihat, versi bahasa Arab telah membalikkan segala sesuatu dari kanan ke kiri, gambar, tombol, teks, dan bahkan bilah pencarian.
Layanan terjemahan Linguisemendukung bahasa kanan-ke-kiri secara native dan dapat menyesuaikan tata letak situs multibahasa Anda untuk mengakomodasi mereka.
Berikut adalah beberapa bahasa yang tersedia yang ditulis dari kanan ke kiri:
- Arab (ar)
- Ibrani (he)
- Persia (fa)
- Pashto (ps)
- Urdu (ur)
Jika Anda ingin memasukkan bahasa-bahasa ini, gunakan tata letak situs web yang dapat mengakomodasi perubahan besar seperti itu.
SEO dan Performa
Kami sangat menyarankan untuk mengoptimalkan situs web multibahasa Anda untuk mesin pencari internasional guna memaksimalkan dampaknya.
Conduct keyword research in each target language, use hreflang tags for language and regional targeting, and monitor performance.
12. Optimalkan untuk SEO Lokal
Mulai dengan riset kata kunci yang dilokalkan untuk setiap bahasa dan wilayah. Gunakan alat seperti Google Keyword Planner, SEMrush, atau Ahrefs untuk menemukan kata kunci yang relevan yang dicari oleh audiens target Anda.
Pertimbangkan dialek regional dan variasi dalam terminologi. Misalnya, bahasa Spanyol di Meksiko berbeda dengan bahasa Spanyol di Eropa, jadi sesuaikan kata kunci Anda.
Buat tag judul unik untuk setiap versi bahasa halaman Anda, dengan memasukkan kata kunci yang dilokalkan. Buatlah ringkas dan relevan, idealnya di bawah 60 karakter.
Sebagai contoh, dalam Bahasa Inggris: “Beli Kopi Organik Online | Harga Terbaik” dan dalam Bahasa Spanyol: “Compra Café Orgánico en Línea | Mejores Precios.”
Tulis deskripsi meta yang menarik untuk setiap versi bahasa, termasuk kata kunci yang dilokalkan dan ajakan bertindak yang jelas, dengan panjang kurang dari 160 karakter.
Sebagai contoh, dalam Bahasa Inggris: “Belanja pilihan kopi organik kami, bersumber dari peternakan terbaik. Pengiriman gratis untuk pesanan di atas $50!” dan dalam Bahasa Spanyol: “Compra nuestra selección de café orgánico, proveniente de las mejores fincas. ¡Envío gratis en pedidos superiores a $50!”
13. Manfaatkan Tag hreflang
Gunakan atribut hreflang dalam HTML Anda untuk memberi tahu mesin pencari tentang bahasa dan penargetan regional halaman Anda. Ini membantu mencegah masalah konten duplikat dan memastikan pengguna diarahkan ke versi bahasa yang benar.
14. Pantau Performa di Berbagai Bahasa
Pantau performa setiap versi bahasa menggunakan alat seperti Google Analytics dan Google Search Console. Analisis sumber lalu lintas, perilaku pengguna, dan peringkat kata kunci untuk mengidentifikasi area yang perlu ditingkatkan.
Eksperimen dengan kata kunci yang berbeda, tag meta, dan strategi konten untuk melihat apa yang paling sesuai dengan audiens Anda di setiap bahasa.
Pemeliharaan dan Dukungan
Ada juga pertimbangan yang perlu dilakukan saat memelihara dan mendukung situs web dan pelanggan.
15. Buat Rencana Pemeliharaan
Membuat rencana pemeliharaan yang komprehensif untuk situs web multibahasa Anda memastikan bahwa semua versi bahasa tetap konsisten, akurat, dan mutakhir.
Rencana yang terstruktur dengan baik akan membantu Anda mengelola konten secara efektif, menangani umpan balik pengguna, dan beradaptasi dengan perubahan kondisi pasar.
Lakukan audit konten untuk menilai relevansi dan akurasi konten yang ada dalam semua bahasa. Periksa informasi yang sudah usang, tautan yang rusak, dan inkonsistensi di seluruh versi bahasa.
Uji secara teratur pengalih bahasa, navigasi, dan elemen interaktif lainnya untuk memastikan mereka berfungsi dengan benar.
16. Berikan Dukungan Pelanggan dalam Berbagai Bahasa
Memberikan dukungan pelanggan dalam berbagai bahasa meningkatkan pengalaman pengguna dan membangun kepercayaan dengan audiens yang beragam.
Pekerjakan perwakilan layanan pelanggan yang fasih dalam bahasa yang Anda dukung. Ini dapat mencakup staf penuh waktu atau kontraktor paruh waktu.
Untuk memahami bahasa mana yang akan diprioritaskan, Anda dapat menganalisis lalu lintas situs web dan demografi pelanggan atau melakukan survei atau formulir umpan balik. Gunakan hasilnya untuk memahami preferensi bahasa pelanggan yang ada.
17. Mekanisme Umpan Balik
Buat formulir umpan balik yang sederhana dan ramah pengguna yang memungkinkan pengguna melaporkan masalah dengan terjemahan atau kegunaan. Pastikan formulir ini dapat diakses dari setiap halaman, idealnya di footer atau melalui bagian dukungan yang didedikasikan.
Pastikan formulir umpan balik tersedia dalam semua bahasa yang didukung, memungkinkan pengguna memberikan umpan balik dalam bahasa pilihan mereka.
Sertakan pertanyaan terstruktur yang memandu pengguna untuk memberikan umpan balik spesifik. Contohnya:
- Nilai akurasi terjemahan (skala 1-5).
- Apa masalah yang Anda temui dengan terjemahan?
- Seberapa mudah navigasi situs dalam bahasa Anda?
Bagi mereka yang tidak ingin mengisi formulir umpan balik, terapkan tombol umpan balik cepat (misalnya, jempol atas/jempol bawah) pada konten terjemahan. Ini memungkinkan pengguna untuk dengan mudah menunjukkan apakah terjemahan itu membantu atau akurat.
18. Gunakan Situs Pementasan untuk Pembaruan
Uji konten dan pembaruan baru di lingkungan pementasan sebelum diluncurkan untuk menghindari gangguan. Anda dapat menggunakan pembangun situs web AI seperti ZipWP untuk membuat situs web lengkap dalam hitungan detik.
Situs web akan mencakup semua halaman penting, gambar yang relevan, salinan situs web yang menarik, dan fungsionalitas CMS dan SEO yang tertanam.
Siap Menjangkau Audiens Global?
18 tips UX untuk situs web multibahasa ini akan membantu pelanggan menavigasi situs web Anda dengan lebih baik dan berinteraksi dengan konten dalam bahasa pilihan mereka.
Desain UX multibahasa yang baik dapat secara signifikan meningkatkan interaksi pengguna dan potensi konversi. Namun, membuat situs web multibahasa dengan pengalaman yang mulus membutuhkan waktu dan usaha.
Di sinilah Linguise dapat membantu!
Linguise terintegrasi secara native dengan 40+ CMS, seperti WordPress, Shopify, Webflow, Squarespace, dan lainnya. Mendukung 80+ bahasa dan 10.000+ pasangan bahasa untuk memberikan pengalaman situs web multibahasa terbaik.
Semua terjemahan dioptimalkan untuk SEO dan terjangkau, dengan biaya 10% dari layanan terjemahan manual.
Apakah Anda siap untuk go global dengan Linguise?
