Pemilih bahasa merupakan elemen penting yang harus Anda perhatikan baik-baik saat membuat website multibahasa karena pengalih bahasa inilah yang akan sering dikunjungi pengguna ketika ingin berpindah bahasa.
Tombol alih bahasa yang efektif dapat memberikan beberapa manfaat bagi sebuah website, mulai dari meningkatkan optimasi web hingga meningkatkan penjualan.
Pada artikel ini, kita akan membahas praktik terbaik untuk merancang penyeleksi bahasa. Mari kita bahas lebih lanjut pada artikel berikut ini.
Apa itu pemilih bahasa?
Pemilih bahasa adalah elemen atau fitur antarmuka pengguna yang memungkinkan pengguna memilih bahasa yang ingin mereka gunakan untuk berinteraksi dengan situs web, aplikasi, atau platform digital apa pun. Biasanya ditemukan di situs web, aplikasi perangkat lunak, dan antarmuka digital lainnya untuk disesuaikan dengan pengguna yang berbicara dalam berbagai bahasa.
Pemilih bahasa biasanya menampilkan daftar bahasa yang tersedia, dan pengguna dapat memilih bahasa pilihannya dari daftar tersebut. Setelah dipilih, konten antarmuka, termasuk teks, label, dan terkadang gambar, akan ditampilkan dalam bahasa yang dipilih. Hal ini sangat penting terutama untuk situs web dan aplikasi yang melayani audiens global atau basis pengguna yang beragam.
Pemilih bahasa berkontribusi pada pengalaman pengguna yang lebih baik dengan menjadikan konten digital dapat diakses oleh khalayak yang lebih luas, terlepas dari tingkat kemampuan bahasa mereka. Mereka adalah komponen kunci dari upaya lokalitas, yang memungkinkan pengembang dan desainer untuk mengadaptasi produk mereka ke konteks bahasa dan budaya yang berbeda.
Mengapa perlu menyesuaikan pengalih bahasa Anda?
Menyesuaikan pengalih bahasa di situs web multibahasa memiliki beberapa manfaat penting.
- Penyelarasan merek dan gaya visual: Dengan menyesuaikan pengalih bahasa, Anda dapat memastikan bahwa tampilan dan gaya bahasa yang digunakan konsisten dengan merek dan gaya visual situs web Anda. Anda dapat menyesuaikan tombol atau menu peralihan bahasa agar sesuai dengan keseluruhan desain situs web Anda, sehingga menciptakan konsistensi dalam pengalaman pengguna.
- Kontrol lebih besar atas bahasa yang ditampilkan: Terkadang, Anda mungkin ingin membatasi bahasa tertentu yang ditampilkan di pengalih bahasa. Misalnya, Anda mungkin memiliki versi terbatas situs web Anda dalam beberapa bahasa, dan Anda hanya ingin menampilkan bahasa tersebut di pengalih bahasa. Dengan menyesuaikan pengalih bahasa, Anda dapat memilih bahasa mana yang ditampilkan, memberi Anda kontrol lebih besar atas konten yang tersedia.
- Pengalaman pengguna yang dioptimalkan: Dengan menyesuaikan pengalih bahasa, Anda dapat menciptakan pengalaman pengguna yang dioptimalkan. Misalnya, Anda dapat menyesuaikan tata letak atau posisi pengalih bahasa agar mudah ditemukan oleh pengguna. Anda juga dapat menambahkan fitur seperti notifikasi atau petunjuk peralihan bahasa yang membantu pengguna memahami cara menggunakan fitur tersebut dengan mudah.
- Memenuhi kebutuhan pengguna yang berbeda: Setiap pengguna memiliki preferensi bahasa yang berbeda. Dengan menyesuaikan peralihan bahasa, Anda dapat memenuhi kebutuhan pengguna dari latar belakang bahasa yang berbeda. Ini dapat mencakup pengguna lokal, pengunjung internasional, atau pengguna yang lebih nyaman menggunakan bahasa lain.
- Meningkatkan konversi penjualan: penyesuaian pengalih bahasa yang tepat juga dapat memberikan manfaat peningkatan konversi penjualan. Karena pengalih bahasa yang efektif dapat memberikan kenyamanan pengguna saat berinteraksi dengan website Anda. Menurut data CSA Research, 72,4% konsumen mengatakan mereka akan lebih cenderung membeli produk yang memiliki informasi dalam bahasa mereka sendiri. Jadi tidak mungkin tingkat penjualan Anda juga meningkat.
Berbagai jenis pemilih bahasa
Setiap pemilik website pastinya akan mempertimbangkan dengan matang seperti apa pemilihan bahasanya, setiap website tentunya memiliki preferensi yang berbeda-beda. Bagi Anda yang sedang mencari jenis selector bahasa yang bisa digunakan, berikut beberapa diantaranya.
Tombol bahasa
Ini adalah salah satu jenis pengalih bahasa yang umum digunakan. Tombol bahasa biasanya berupa ikon atau teks yang menunjukkan bahasa yang ditampilkan, misalnya “EN” untuk bahasa Inggris atau bendera negara untuk mewakili bahasa tertentu. Ketika pengguna mengklik tombol bahasa, mereka akan diarahkan ke versi situs web dalam bahasa yang sesuai.
Untuk tombol bahasa, disarankan untuk menampilkan bahasa dalam jumlah terbatas untuk menghindari tampilan yang berantakan. Umumnya, memiliki lebih dari 4 hingga 5 bahasa dapat menciptakan efek visual yang sibuk. Penting untuk memposisikan tombol di lokasi yang terlihat sehingga pengguna dapat menemukannya dengan mudah. Kami akan membahas aspek-aspek ini lebih lanjut di bagian selanjutnya artikel ini.
Tombol bahasa mungkin cocok untuk bisnis yang menargetkan pasar tertentu atau melayani komunitas internasional di lokasi tertentu. Contoh penggunaan tombol bahasa pada website WHO seperti dibawah ini.
Tautan teks
Tautan teks merupakan salah satu jenis pengalih bahasa yang menggunakan teks berupa nama bahasa sebagai penghubungnya. Misalnya, Anda dapat menampilkan tautan teks seperti “Bahasa Inggris”, “Français”, atau “Español” yang mengarahkan pengguna ke versi situs web dalam bahasa yang dipilih. Tautan teks ini biasanya ditempatkan pada daftar atau menu dropdown untuk memudahkan pengguna memilih bahasa yang diinginkan.
Salah satu jenis pemilih bahasa tautan digunakan oleh perusahaan besar Facebook, selain bahasa yang tercantum, Anda juga dapat menekan ikon (+) untuk menemukan bahasa lainnya.
Setelah itu, halaman tersebut akan langsung diterjemahkan ke dalam bahasa yang dipilih sebelumnya.
Menu pilihan
Menu pilihan adalah jenis pengalih bahasa yang menggunakan menu tarik-turun atau menu terbuka untuk memilih bahasa. Ketika pengguna mengklik menu opsi, mereka akan melihat daftar bahasa yang tersedia dan dapat memilih bahasa yang diinginkan. Menu opsi dapat berisi ikon negara atau bendera sebagai indikator bahasa, serta nama bahasa dalam teks.
Menu pilihannya cukup berbeda dengan tombol bahasa, jenis ini lebih kompleks dari sekedar tombol. Seperti contoh di bawah ini yang berasal dari website Porsche.
Mereka menyediakan situs pemilih bahasa di mana pengguna dapat langsung menuliskan bahasa atau negara tujuan mereka.
Praktik dan tips terbaik pemilih bahasa
Setelah memahami berbagai jenis pemilih bahasa yang dapat digunakan pada website, maka dalam membuat pemilih bahasa, penting untuk menerapkan praktik terbaik agar Anda dapat membuat pemilih bahasa yang efektif dan mampu memberikan pengalaman pengguna yang baik. Berikut beberapa praktik terbaik.
- Penempatan tombol bahasa yang jelas dan bijaksana: menempatkan tombol bahasa di lokasi yang intuitif dan mudah dijangkau pengguna. Biasanya, tombol bahasa ditempatkan di bagian atas halaman (misalnya, di kanan atau kiri header) atau di bagian bawah halaman (misalnya, di footer). Pastikan tombol tidak tersembunyi oleh elemen lain dan mudah ditemukan pengguna.
- Bendera atau tanpa bendera: Penggunaan bendera sebagai ikon bahasa merupakan topik yang kontroversial. Meskipun bendera dapat memberikan indikasi visual yang jelas mengenai bahasa yang dipilih, penting untuk diingat bahwa bendera nasional juga memiliki makna politik dan budaya yang kompleks. bersiaplah untuk menggunakan ikon bahasa yang netral dan lebih universal jika Anda ingin menghindari potensi masalah yang terkait dengan penggunaan bendera.
- Nama lengkap atau inisial bahasa: Saat memilih label bahasa pada tombol, Anda dapat menggunakan nama lengkap bahasa tersebut (misalnya, “Inggris” atau “Français”) atau inisial bahasa tersebut (misalnya, “EN ” atau “FR”). Menjelaskan tingkat pemahaman pengguna terhadap bahasa yang digunakan. Jika Anda menargetkan audiens dengan berbagai bahasa, menggunakan nama lengkap bahasa tersebut dapat memudahkan mereka untuk memahaminya.
- Tombol bahasa ikon: Anda dapat menggunakan ikon sebagai pengganti atau sebagai tambahan teks atau bendera untuk mewakili bahasa tertentu. Ikon bahasa yang jelas dan mudah dikenali dapat membantu pengguna mengidentifikasi bahasa yang ingin dipilih. Pastikan ikonnya konsisten dan mudah dipahami oleh pengguna dari latar belakang budaya dan bahasa yang berbeda.
- Prioritaskan bahasa yang relevan: Tampilkan bahasa yang paling relevan dengan target audiens Anda. Analisis lalu lintas situs web dan demografi pengguna Anda untuk mengidentifikasi bahasa yang harus ditampilkan dengan jelas. Memprioritaskan bahasa yang paling umum digunakan atau banyak digunakan dapat meningkatkan pengalaman pengguna dan meningkatkan keterlibatan.
- Label bahasa yang jelas: Gunakan label bahasa yang jelas dan ringkas untuk mewakili setiap pilihan bahasa. Menampilkan nama bahasa dalam bahasa masing-masing, seperti “Bahasa Inggris” untuk bahasa Inggris atau “Español” untuk bahasa Spanyol. Ini membantu pengguna dengan cepat mengidentifikasi bahasa pilihan mereka meskipun mereka tidak terbiasa dengan bahasa yang digunakan di situs web Anda.
Mengatur pemilih bahasa dengan Linguise dalam 7 langkah
Pada titik ini, Anda sudah mengetahui praktik terbaik untuk penyeleksi bahasa. Penerjemahan ini dapat dilakukan setelah Anda menggunakan layanan terjemahan website. Namun, tidak semua layanan terjemahan memberikan fleksibilitas dalam pengaturan pemilih bahasa.
Namun Anda jangan khawatir karena Linguise tidak seperti itu. Linguise adalah layanan terjemahan otomatis yang menyediakan penyesuaian pengguna pada pengalih bahasa. Beberapa keuntungan yang akan Anda dapatkan jika menggunakan Linguise antara lain.
- Linguise dapat digunakan dan diintegrasikan ke lebih dari 40 CMS ( WordPress , Joomla , Drupal , dll).
- Penerjemahan ke berbagai bahasa akan dilakukan secara otomatis hanya dalam hitungan detik setelah Anda menambahkan bahasa tersebut ke pengalih bahasa di website.
- Ada lebih dari 80+ bahasa yang tersedia yang dapat ditambahkan ke pemilih bahasa.
- Linguise akan secara otomatis menyiapkan URL unik sesuai dengan bahasa tujuan terjemahan. Misalnya URL linguise .com/de/ untuk halaman yang sedang diterjemahkan ke dalam bahasa Jerman.
- Ini akan secara otomatis membuat URL kanonik untuk membantu menghindari duplikat konten di mesin pencari ketika Anda memiliki variasi bahasa pada suatu halaman.
- Anda dapat mengatur pengalih bahasa secara fleksibel sesuai kebutuhan website, mulai dari ikon, warna, hingga nama bahasa.
- Anda dapat melihat statistik tampilan halaman pengunjung per bahasa, untuk setiap bahasa yang ditambahkan ke pemilih bahasa.
Pada tutorial kali ini kita akan menggunakan WordPress sebagai contoh CMS yang digunakan.
Langkah 1: Mendaftarkan akun gratis Linguise
Untuk mengakses pengalih bahasa di Linguise , langkah pertama yang perlu Anda lakukan adalah mendaftarkan akun di Linguise . Linguise juga menawarkan uji coba gratis selama satu bulan, yang mencakup berbagai fitur yang dapat Anda manfaatkan.
Langkah 2: Tambahkan domain ke situs web multibahasa Anda
Langkah kedua adalah menambahkan domain website dalam Linguise yang sudah Anda miliki ke Linguise . Ada beberapa hal yang perlu Anda isi, mulai dari.
- Akun
- URL
- Platform
- Bahasa
- Bahasa terjemahan
- Terjemahkan URL
Setelah itu, Anda perlu mengaktifkan kunci API dan mengatur bahasa URL. Untuk panduan lengkap dalam menambahkan domain website, Anda dapat membaca dokumentasinya, sedangkan khusus untuk WordPress , Anda dapat melihatnya dengan menginstal terjemahan otomatis Linguise WordPress atau menonton video tutorial di bawah ini.
Langkah 3: Instal plugin Linguise
Setelah berhasil menambahkan website, selanjutnya buka WordPress dan install Linguise , caranya dengan cara Plugins > Add New > Linguise > Install > Activate.
Jika plugin sudah terinstal, buka dashboard Linguise dan salin kunci API.
Kemudian buka plugin Linguise dan paste kode API yang Anda dapatkan dari dashboard Linguise ke kolom berikut.
Langkah 4: Atur tampilan utama
Untuk mengkonfigurasi pengalih bahasa atau menampilkan flag bahasa, langkahnya melalui Linguise di menu Pengaturan > Tampilan flag bahasa.
Selama pengaturan awal, kami akan melakukan penyesuaian pada tampilan utama, dengan mempertimbangkan berbagai komponen.
Salah satu pertimbangan awal adalah konfigurasi format tampilan daftar bahasa, yang menawarkan tiga opsi untuk dipilih: berdampingan, dropdown, atau popup. Di sisi kiri terdapat tampilan preview untuk setiap format.
Format pertama, seperti yang ditunjukkan di bawah, adalah tata letak berdampingan.
Format berikut mengadopsi gaya dropdown, seperti yang digambarkan pada gambar di bawah.
Terakhir, kami memiliki format popup sebagai opsi terakhir.
Selanjutnya, kita lanjutkan ke langkah berikutnya, yang melibatkan konfigurasi posisi pengalih bahasa. Anda mempunyai fleksibilitas untuk memilih dari berbagai pilihan posisi, jadi penting untuk memilih posisi yang mudah terlihat oleh pengunjung.
Terakhir, Anda perlu memutuskan preferensi kombinasi untuk menampilkan opsi bahasa. Anda dapat memilih antara opsi seperti bendera + nama bahasa, bendera + nama pendek, atau sekadar menampilkan benderanya saja. Keputusan ini akan bergantung pada preferensi desain spesifik Anda dan preferensi audiens target Anda.
Langkah 5: Tetapkan desain bendera
Setelah itu, di bawah bagian tampilan utama, Anda akan menemukan konfigurasi desain khusus untuk bendera. Gambar yang disediakan di bawah menunjukkan beberapa opsi pengaturan yang tersedia.
- Tampilan nama bahasa : Anda memiliki opsi untuk menampilkan nama bahasa berdasarkan negara atau bahasa itu sendiri. Misalnya, Anda dapat memilih untuk menampilkan “Jerman” atau “Jerman”.
- Jenis bendera Inggris: Opsi ini berlaku ketika berhadapan dengan bahasa yang memiliki banyak variasi, seperti “English USA” atau “English Britain.” Pilihan serupa dapat dibuat untuk bahasa seperti Spanyol, Taiwan, Jerman, dan Portugis.
- Gaya bendera: Pengaturan ini memungkinkan Anda menentukan bentuk ikon bendera, apakah berbentuk bulat atau persegi (persegi panjang).
Langkah 6: Atur warna dan ukuran bendera
Setelah desain bendera disiapkan, langkah selanjutnya adalah menyesuaikan warna, ukuran, dan berbagai elemen lainnya. Di antarmuka berikut, Anda akan menemukan banyak pengaturan yang dapat disesuaikan, termasuk:
- Flag border-radius: Ini memungkinkan Anda mempersonalisasi radius perbatasan dalam piksel saat menggunakan bendera persegi panjang.
- Warna nama bahasa: Anda dapat memilih warna teks default untuk nama bahasa.
- Warna bahasa popup: Pengaturan ini menentukan warna judul bahasa di area popup atau dropdown.
- Ukuran bendera: Anda memiliki opsi untuk mengubah ukuran bendera sesuai preferensi Anda.
- Warna arahkan nama bahasa: Pengaturan ini mengontrol warna teks saat mengarahkan mouse ke nama bahasa.
- Warna arahkan bahasa popup: Demikian pula, pengaturan ini menentukan warna teks saat mengarahkan mouse ke judul bahasa di popup atau dropdown.
Langkah 7: Tetapkan bayangan kotak bendera
Pada fase terakhir, Anda memiliki kesempatan untuk menyesuaikan pengaturan bayangan untuk bendera. Pengaturan awal memungkinkan Anda menentukan bayangan untuk setiap bendera yang ditampilkan di situs web Anda, sedangkan pengaturan berikutnya berkaitan dengan efek bayangan ketika mengarahkan kursor ke bendera bahasa.
Ingatlah untuk mengklik Simpan untuk mempertahankan pengaturan penyesuaian yang telah Anda buat untuk pengalih bahasa. Hal ini memastikan bahwa konfigurasi yang Anda pilih untuk efek bayangan diterapkan dan disimpan untuk penggunaan di masa mendatang.
Setelah semua konfigurasi dilakukan, berikut contoh tampilan pemilih bahasa menggunakan popup, posisinya di pojok kanan atas, dan menggunakan inisial. Ini hanya contoh saja, selebihnya Anda bisa menyesuaikannya sesuai keinginan dan kebutuhan website.
Selain WordPress , Anda juga dapat menggunakan platform website lain dan mengikuti panduan detailnya seperti setup switcher untuk OpenCart , Language switcher untuk Drupal , dan setting switcher untuk PrestaShop .
Rancang pemilih bahasa Anda untuk pengalaman multibahasa yang lancar dengan Linguise !
Di sini, Anda mendapatkan wawasan tentang praktik terbaik untuk merancang penyeleksi bahasa dan cara melakukannya menggunakan Linguise ! Percayalah, membuat pengalih bahasa dapat memberikan banyak manfaat dan memastikan optimasi berdasarkan poin-poin yang disebutkan di atas.
Saat membuat pemilih bahasa, pastikan untuk mengikuti tips dan praktik terbaik yang telah kami jelaskan di atas, mulai dari penggunaan ikon, pemilihan bahasa yang relevan, hingga penentuan posisi.
Sekarang, daftarkan akun Linguise , tambahkan situs web Anda, dan sesuaikan pemilih bahasa untuk memberikan pengalaman pengguna yang lebih baik. Jangan lupa untuk mencoba fitur free trial 1 bulan untuk menikmati fitur-fitur unggulan Linguise Linguise