Mengaktifkan pengalih bahasa pada Craft CMS merupakan fitur penting bagi situs web mana pun yang ingin menjangkau audiens global. Di era globalisasi saat ini, kemampuan untuk beralih antar berbagai bahasa dengan lancar merupakan kebutuhan mendesak.
Mengaktifkan pengalih bahasa di Craft CMS meningkatkan aksesibilitas bagi pengunjung dari berbagai negara, dapat meningkatkan peringkat mesin pencari, dan dapat membangun kepercayaan merek global. Meskipun terdengar kompleks, panduan langkah demi langkah ini akan membantu Anda melakukannya dengan lancar dan efisien di Craft CMS .
Pentingnya mengatur pengalih bahasa di Craft CMS
Sebelum membahas cara mengatur pengalih bahasa di Craft CMS, mari kita bahas terlebih dahulu pentingnya pengaturan pengalih bahasa. Berikut beberapa di antaranya.
- Pengalaman Pengguna yang Lebih Baik: Pengalih bahasa memungkinkan pengunjung untuk dengan mudah mengakses konten dalam bahasa pilihan mereka, sehingga meningkatkan pemahaman dan keterlibatan mereka dengan situs web.
- Mengurangi Rasio Pentalan (Bounce Rate): Pengunjung yang tidak dapat menemukan bahasa yang mereka inginkan berpotensi langsung meninggalkan situs web Anda. Pengalih bahasa yang menyediakan berbagai pilihan bahasa dapat mencegah mereka meninggalkan situs.
- Meningkatkan Konversi: Memahami detail produk, kebijakan, dan proses pembelian dalam bahasa mereka dapat mendorong pengunjung untuk membeli atau melakukan tindakan lainnya.
- Mengoptimalkan SEO Multibahasa: Mesin pencari mempertimbangkan faktor pengalaman pengguna saat memberi peringkat situs web. Pengalih bahasa yang ramah pengguna dapat meningkatkan SEO multibahasa dengan memudahkan pengunjung mengakses konten dalam bahasa mereka. Menerjemahkan konten dengan benar juga mengirimkan sinyal positif ke mesin pencari bahwa situs Anda relevan untuk berbagai kueri dalam berbagai bahasa.
Cara mengatur pengalih bahasa di Craft CMS
Setelah memahami pentingnya menggunakan pengalih bahasa pada situs web Craft CMS multibahasa, mari kita bahas caranya. Biasanya, layanan penerjemahan situs web menawarkan fitur ini, yang dapat disesuaikan sesuai kebutuhan Anda.
Namun, tidak semua layanan penerjemahan menyediakan pengalih bahasa yang mudah disesuaikan dan ramah pengguna. Oleh karena itu, memilih layanan penerjemahan otomatis yang kompatibel dengan berbagai kerangka kerja dan menyediakan fitur pengalih bahasa yang fleksibel sangatlah penting.
Salah satu layanan yang memenuhi kriteria ini adalah Linguise . Linguise menawarkan fitur pengalih bahasa yang mudah disesuaikan dan ramah pengguna, serta dapat diintegrasikan dengan baik dengan Craft CMS .
Dengan menggunakan integrasi Linguise yang mulus dengan kerangka kerja Craft CMS , Anda dapat dengan mudah menambahkan pengalih bahasa ke aplikasi multibahasa Anda. Dengan fitur-fitur canggih dan antarmuka yang ramah pengguna dari Linguise, pengaturan dan pemeliharaan pengalih bahasa di situs web Craft CMS Anda akan jauh lebih sederhana.
Berikut adalah langkah-langkah untuk menginstal Linguise pada situs web Craft CMS dan mengatur pengalih bahasa.
#1: Daftarkan akun Linguise gratis
Daftar akun Linguise dan manfaatkan uji coba gratis selama satu bulan untuk memulai. Cukup masukkan alamat email Anda untuk membuat nama pengguna dan kata sandi.
Selama masa uji coba, Anda akan menikmati akses ke semua fitur menarik yang ditawarkan Linguise . Anda akan diarahkan ke dasbor Linguise setelah masa uji coba berakhir.
#2: Menambahkan domain website Craft CMS
Setelah Linguise dibuat, Anda akan diarahkan ke dasbor untuk memasukkan Craft CMS . Pilih “Tambahkan domain” dan lengkapi kolom yang tersedia:
- Akun
- URL
- Platform yang digunakan (Craft CMS)
- Bahasa bawaan
- Bahasa terjemahan
- Terjemahkan URL
- Terjemahan konten dinamis
Anda dapat memperoleh kunci API, yang harus Anda tempelkan pada langkah selanjutnya.
#4: Unggah skrip Linguise
Selanjutnya, Anda perlu mengunggah skrip terjemahan Linguise ke server tempat Craft CMS terinstal.
Unduh skrip terjemahan PHP-JS, ekstrak file zip-nya, dan unggah ke direktori root instalasi Craft CMS Anda.
Pastikan skrip ditempatkan di direktori root situs web Anda, tempat file Craft CMS Anda berada, dan folder tersebut tetap menggunakan nama aslinya, “linguise”
Setelah itu, masukkan kunci API Linguise ke dalam file Configuration.php yang telah Anda unggah ke server Anda. Buka file tersebut untuk diedit dan tempelkan kunci API Anda di dalam tanda kutip, ganti teks REPLACE_BY_YOUR_TOKEN.
#5: Aktifkan & sesuaikan pengalih bahasa
Tautan skrip Linguise JS perlu diintegrasikan ke semua halaman Craft CMS Anda untuk menampilkan pengalih bahasa dengan flag dan untuk menyertakan URL alternatif di header HTML Anda untuk manfaat SEO.
Untuk mendapatkan tautan skrip, navigasikan ke pengaturan domain di dalam dasbor Linguise dan salin tautan skrip yang disediakan dari sana.
Cara mudah untuk memasukkan kode ini ke dalam Craft CMS adalah dengan menambahkannya ke indeks template Anda. Akses folder /template dan edit file indeks untuk menyertakan tautan skrip di bagian header.
Untuk menampilkan pengalih bahasa, yang diwakili oleh jendela pop-up bendera untuk memilih bahasa yang Anda inginkan, Anda dapat memuatnya dengan menyalin kode yang disediakan di akhir konfigurasi situs web dan menempelkannya ke bagian head halaman HTML Anda. Tindakan ini akan mengaktifkan pemuatan otomatis pengalih bahasa bendera.
Pengalih bahasa awalnya akan ditampilkan dalam format default, tetapi Anda dapat mempersonalisasinya. Sesuaikan pengalih bahasa melalui Linguise dengan mengakses Pengaturan > Tampilan bendera bahasa . Bagian ini mencakup berbagai opsi penyesuaian, termasuk tampilan utama, nama bahasa, dan elemen desain.
#6 Konfigurasi tampilan utama
Untuk memulai konfigurasi pengalih bahasa, buka “Pengaturan” > “Tampilan bendera bahasa” di dalam Linguise .
Di bagian ini, Anda dapat menyesuaikan beberapa pengaturan. Pertama, ada pengaturan tampilan utama, di mana Anda dapat memodifikasi berbagai elemen seperti.
- Gaya ikon bendera: Anda dapat memilih antara tampilan berdampingan, menu tarik-turun, atau pop-up.
- Posisi: Pengaturan ini menentukan penempatan pengalih bahasa di situs web Anda. Terdapat beberapa pilihan posisi, jadi pastikan Anda memilih salah satu yang mudah diakses oleh pengunjung.
#7 Tetapkan desain bendera
Setelah Anda menyesuaikan pengaturan tampilan utama, Anda dapat melanjutkan untuk menyesuaikan desain bendera yang ditampilkan.
- Tampilan nama bahasa: Anda dapat menampilkan nama bahasa berdasarkan nama negara atau bahasa itu sendiri. Misalnya, Anda dapat menampilkan "Prancis" atau "Français".
- Jenis bendera bahasa Inggris: Fitur ini bermanfaat bagi bahasa dengan banyak variasi, seperti bahasa Inggris AS atau Inggris Britania. Fitur ini juga berlaku untuk bahasa Spanyol, Taiwan, Jerman, dan Portugis.
- Gaya bendera: Opsi ini memungkinkan Anda untuk memilih bentuk ikon bendera, yaitu bulat atau persegi panjang.
#8 Atur warna dan ukuran
Setelah Anda menyelesaikan konfigurasi desain bendera, Anda dapat melanjutkan untuk menyesuaikan warna dan ukuran bendera. Berikut adalah beberapa pengaturan yang tersedia untuk disesuaikan.
- Radius tepi bendera: Sesuaikan radius tepi untuk gaya bendera persegi panjang, diukur dalam piksel.
- Warna nama bahasa: Pilih warna teks default untuk menampilkan nama tersebut.
- Warna bahasa popup: Tentukan warna untuk teks judul bahasa di area popup atau dropdown.
- Ukuran bendera: Ubah ukuran ikon bendera.
- Warna teks saat mengarahkan kursor ke nama bahasa: Tentukan warna teks yang muncul saat pengguna mengarahkan kursor ke nama bahasa.
- Warna teks saat mengarahkan kursor ke judul bahasa pada popup: Tentukan warna teks yang muncul saat pengguna mengarahkan kursor ke judul bahasa di area popup atau dropdown.
#9 Konfigurasi bayangan kotak
Terakhir, Anda dapat menyesuaikan pengaturan bayangan kotak bendera. Opsi awal memungkinkan Anda menambahkan efek bayangan ke setiap ikon bendera yang ditampilkan di situs web Anda. Opsi selanjutnya mengatur efek bayangan saat pengguna mengarahkan kursor mouse ke bendera bahasa.
Setelah Anda melakukan semua penyesuaian yang diperlukan, klik tombol Simpan untuk menerapkan perubahan kustomisasi. Kemudian, lanjutkan ke situs web Craft CMS Anda untuk memastikan bahwa konfigurasi telah berhasil diterapkan. Kurang lebih seperti inilah tampilan pengalih bahasa.
Setelah menyelesaikan proses pengaturan, Anda dapat mengamati fungsionalitas pengalih bahasa di situs web multibahasa Craft CMS Anda.
Kami kemudian akan secara otomatis menerjemahkan Craft CMS ke dalam bahasa lain seperti bahasa Jerman.
5 tips untuk mengoptimalkan pengalih bahasa di Craft CMS
Setelah Anda membuat pengalih bahasa di Craft CMS , penting untuk memahami praktik terbaik dalam mendesain pemilih bahasa dan kinerjanya agar bermanfaat bagi situs Anda dan pengunjung.
Gunakan logo bendera bahasa yang mudah dikenali
Penggunaan ikon atau bendera bahasa yang diakui secara universal sangat penting agar pengunjung dapat dengan cepat mengidentifikasi dan memilih opsi bahasa pilihan mereka. Pastikan ikon atau bendera yang digunakan jelas, memiliki kontras warna yang baik, dan dipahami secara luas di berbagai budaya untuk menghindari kebingungan atau ambiguitas.
Simbol atau ikon yang familiar membantu menciptakan pengalaman yang intuitif dan ramah pengguna, memungkinkan pengunjung untuk dengan mudah beralih ke versi bahasa yang mereka inginkan. Sangat penting untuk memilih ikon atau bendera yang dikenal secara universal untuk menghindari kesalahpahaman atau kebingungan.
Menggunakan nama bahasa dan bendera
Selain hanya menggunakan bendera, disarankan untuk mempertimbangkan menggabungkan bendera dan nama bahasa aslinya. Pendekatan ini dapat membantu menghindari kebingungan karena beberapa bahasa digunakan di banyak negara dengan bendera yang berbeda.
Penggunaan nama bahasa secara langsung menghilangkan ambiguitas dan memastikan pengunjung dapat dengan jelas mengidentifikasi dan memilih bahasa yang mereka inginkan tanpa kesalahpahaman. Selain itu, penggunaan nama bahasa dapat lebih inklusif dan menghormati keragaman budaya.
Tempatkan tombol pengalih bahasa secara strategis
Mari kita tempatkan tombol pengalih bahasa di area yang menonjol dan mudah diakses di situs web Anda. Penempatan standar meliputi header, footer, atau menu navigasi utama. Lokasi-lokasi ini intuitif bagi sebagian besar pengguna internet dan sesuai dengan harapan mereka saat mencari opsi bahasa.
Penempatan yang konsisten di semua halaman memastikan bahwa pengunjung dapat dengan mudah mengakses pengalih bahasa terlepas dari titik masuk mereka atau halaman spesifik yang mereka kunjungi. Penempatan yang konsisten ini membantu menciptakan pengalaman pengguna yang lancar dan dapat diprediksi.
Terapkan desain pengalih bahasa yang responsif
Pastikan tombol pengalih bahasa responsif dan berfungsi dengan baik di berbagai perangkat dan ukuran layar, termasuk komputer desktop, tablet, dan ponsel pintar. Uji tombol tersebut pada berbagai perangkat dan resolusi layar untuk memastikan pengalaman pengguna yang lancar tanpa terpotong atau tumpang tindih.
Desain responsif memastikan bahwa pengunjung dapat dengan mudah mengakses opsi bahasa dari perangkat apa pun yang mereka gunakan, sehingga meningkatkan aksesibilitas dan kenyamanan dalam beralih bahasa.
Pastikan pengalih bahasa konsisten di seluruh halaman
Pastikan pengalih bahasa mempertahankan tampilan dan perilaku yang konsisten di seluruh situs web Anda. Pengguna harus dapat beralih bahasa dengan lancar, terlepas dari halaman yang sedang mereka kunjungi atau konten yang sedang mereka lihat. Konsistensi tidak hanya memberikan pengalaman pengguna yang kohesif tetapi juga memperkuat aksesibilitas dan ketersediaan pilihan bahasa, membangun kepercayaan dan keyakinan pada situs web multibahasa Anda.
Ketidakkonsistenan apa pun pada pengalih bahasa dapat membingungkan dan membuat frustrasi pengguna, yang berpotensi menyebabkan mereka meninggalkan situs web Anda.
Pasang pengalih bahasa di Craft CMS dengan Linguise!
Pada tahap ini, Anda seharusnya menyadari bahwa Anda sedang mengkonfigurasi pengalih bahasa untuk situs web multibahasa Craft CMS . Mengaktifkan pengalih bahasa dapat memberikan berbagai keuntungan dan dapat disesuaikan berdasarkan poin-poin yang telah disebutkan sebelumnya.
Mengoptimalkan pengalih bahasa dapat secara signifikan meningkatkan pengalaman pengguna secara keseluruhan. Selanjutnya, daftarkan akun Linguise , integrasikan dengan Craft CMS , dan sesuaikan pengalih bahasa untuk meningkatkan pengalaman pengguna lebih jauh lagi.
