Tahukah Anda bahwa 3 dari 4 pembeli online lebih suka membeli produk dengan informasi dalam bahasa asli mereka? (Sumber). Memiliki situs web multilingual memiliki manfaatnya sendiri, seperti:
- Tawarkan pengalaman pengguna yang dipersonalisasi.
- Tingkatkan penjualan karena informasi yang dilokalkan.
- Jangkau audiens yang lebih luas tanpa batasan geografis.
- Meningkatkan citra merek dengan menunjukkan diri sebagai perusahaan global.
- Lihat peningkatan dalam konversi dan penurunan tingkat pentalan.
Tapi banyak bisnis tidak tahu cara membuat situs web multibahasa dengan cara yang benar!
Itulah mengapa di sini ada 18 tips UX praktis yang kami rekomendasikan untuk Anda pertimbangkan saat merancang situs web multibahasa Anda.
18 Tips UX untuk Situs Web Multibahasa
Saat merancang situs web multibahasa, sangat penting untuk mempertimbangkan berbagai faktor untuk memastikan pengalaman pengguna yang mulus 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 perlu merencanakan dan menentukan beberapa hal.
1. Identify Target Languages
Untuk memilih bahasa terbaik untuk situs web multibahasa, 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.
Teliti 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 bahasa Spanyol dari situs web Anda bersama dengan versi bahasa Inggris.
Mulai dengan bahasa yang paling banyak digunakan dan perluas seiring pertumbuhan situs web Anda. 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.contoh.com/id/ untuk Bahasa Indonesia, www.contoh.com/es/ untuk Spanyol, dan www.contoh.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 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. Implementasikan 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 sama sekali berbeda. Gunakan template situs web yang sama untuk semua halaman web yang diterjemahkan.
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.
Template global membantu menjaga konsistensi branding dan memberikan pengalaman pengguna yang mulus, apa pun bahasa 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 terintegrasi secara mendalam dengan tema situs web Anda dan menerjemahkan konten Anda secara otomatis tanpa permintaan basis data tambahan atau beban server yang berlebihan. Dengan cara ini, kinerja 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 ekspansi 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 jarak untuk memastikan konten terjemahan tetap terbaca.
Berikut adalah demonstrasi bagaimana sebuah 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.
Misalnya, 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 guna memastikan perubahan desain tidak memengaruhi konten. Simpan string teks dalam file bahasa terpisah seperti JSON, XML, atau PHP.
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. Sediakan Opsi Pengalih Bahasa
Menyediakan opsi peralihan bahasa yang jelas dan mudah diakses sangat penting untuk situs web multibahasa.Tempatkan peralihan 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 (misalnya, “Español” untuk Spanyol).
Menu dropdown dapat secara efisien menampilkan beberapa opsi bahasa tanpa mengambil terlalu banyak ruang. Menggunakan bendera dapat memberikan isyarat visual tetapi berhati-hatilah, karena bendera terkadang dapat menyesatkan.
Sebagai contoh, bendera dapat mewakili bahasa yang digunakan di beberapa negara. Seringkali lebih baik menggabungkan bendera dengan nama bahasa untuk kejelasan.
Jelaskan bahasa yang dipilih menggunakan warna berbeda atau huruf tebal. Dengan menggunakan teknik seperti AJAX, pastikan memilih bahasa segera 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 diterima secara universal. Faktanya, beberapa slang dianggap dapat diterima di beberapa negara dan sangat ofensif di negara lain. YAnda 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 ini ternyata menjadi, “Anda dapat mengasah dengan kapak di atas kepala ini.” 😂
Berikut adalah contoh lain bagaimana sebuah kata dalam bahasa Inggris dapat menjadi bencana jika diterjemahkan secara otomatis dengan moderasi. Kata Salsa dalam bahasa Inggris terdengar seperti 설사 (seolsa) dalam bahasa Korea, yang berarti “diare”.
Itulah mengapa kami sarankan menghindari slang atau idiom yang hanya relevan dengan budaya atau demografi tertentu. Sebagai gantinya, gunakan bahasa sederhana yang dapat dengan mudah diterjemahkan 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 mereka.
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. Misalnya, pada gambar di bawah, ikon pertama mungkin menarik bagi audiens Amerika Selatan dan Utara tetapi tidak bagi audiens Afrika dan Asia.
Ikon kedua mungkin menarik bagi audiens Afrika tetapi tidak bagi yang lain.
Untuk menghindari kebingungan ini, gunakan ikon globe universal yang menarik bagi semua orang – yang ketiga. Ini tidak menyoroti wilayah atau negara tertentu dan lebih sesuai untuk situs web multibahasa.
9. Tawarkan Subjudul untuk Konten 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 pemirsa setia Project Happiness, saluran YouTube yang dijalankan oleh seorang musafir Italia bernama Giuseppe.
Pencipta konten tersebut adalah orang Italia. Ia merekam dalam bahasa Italia dan menyulih suarakan videonya dalam bahasa Inggris, tetapi saluran YouTube-nya ditonton di seluruh dunia karena berbagai subtitle yang disediakan.
10. Perbarui Terjemahan Secara Teratur
Linguise memungkinkan Anda untuk mengedit halaman terjemahan Anda di 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 dan sistem cache yang didedikasikan mempercepat proses terjemahan dan menampilkan halaman terjemahan kepada audiens Anda.
11. Pertimbangkan Bahasa dengan Teks 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 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 beberapa bahasa yang tersedia dengan arah 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 tersebut.
SEO dan Performa
Kami sangat menyarankan untuk mengoptimalkan situs web multibahasa Anda untuk mesin pencari internasional guna memaksimalkan dampaknya.
Lakukan riset kata kunci di setiap bahasa target, gunakan tag hreflang untuk penargetan bahasa dan regional, dan pantau kinerja.
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 dengan tepat.
Buat tag judul unik untuk setiap versi bahasa halaman Anda, menggabungkan kata kunci yang dilokalkan. Buatlah ringkas dan relevan, idealnya di bawah 60 karakter.
Contohnya, 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 tetap menempatkannya di bawah 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 Seluruh Bahasa
Pantau kinerja 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.
Coba berbagai kata kunci, tag meta, dan strategi konten untuk melihat apa yang paling sesuai dengan audiens Anda di setiap bahasa.
Pemeliharaan dan Dukungan
Ada juga pertimbangan yang harus dilakukan dalam memelihara dan mendukung situs web dan pelanggan.
15. Buat Rencana Pemeliharaan
Membuat rencana pemeliharaan 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, menanggapi 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
Menyediakan dukungan pelanggan dalam beberapa 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 harus diprioritaskan, Anda dapat menganalisis lalu lintas situs web dan demografi pelanggan Anda atau melakukan survei atau formulir umpan balik. Gunakan hasilnya untuk memahami preferensi bahasa pelanggan yang sudah 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).
- Masalah apa yang Anda temui dengan terjemahan?
- Seberapa mudah navigasi situs dalam bahasa Anda?
Bagi mereka yang tidak tertarik untuk mengisi formulir umpan balik, terapkan tombol umpan balik cepat (misalnya, jempol ke atas/jempol ke bawah) pada konten terjemahan. Ini memungkinkan pengguna untuk menunjukkan dengan mudah apakah terjemahan itu membantu atau akurat.
18. Gunakan Situs Pementasan untuk Pembaruan
Uji coba konten baru dan pembaruan di lingkungan staging sebelum diluncurkan untuk menghindari gangguan. Anda dapat menggunakan pembuat 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 serta SEO yang tertanam.
Ready To Reach a Global Audience?
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. Ini 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?
