Menyiapkan pengalih bahasa di Craft CMS adalah fitur penting untuk situs web mana pun yang ingin menjangkau khalayak global. Di era globalisasi saat ini, kemampuan untuk beralih antar berbagai bahasa dengan lancar merupakan kebutuhan yang mendesak.
Menyiapkan pengalih bahasa pada Craft CMS meningkatkan aksesibilitas bagi pengunjung dari berbagai negara, dapat meningkatkan peringkat mesin pencari, dan dapat membangun kepercayaan merek global. Meskipun mungkin terdengar rumit, panduan langkah demi langkah ini akan membantu Anda melakukannya dengan lancar dan efisien di Craft CMS .
Pentingnya menyiapkan pengalih bahasa di Craft CMS
Sebelum mempelajari cara menyiapkan pengalih bahasa di Craft CMS , mari kita bahas terlebih dahulu pentingnya menyiapkan pengalih bahasa. Inilah beberapa di antaranya.
- Pengalaman Pengguna yang Lebih Baik: Pengalih bahasa memungkinkan pengunjung mengakses konten dengan mudah dalam bahasa pilihan mereka, sehingga meningkatkan pemahaman dan keterlibatan mereka dengan situs web.
- Mengurangi Rasio Pentalan: Pengunjung yang tidak dapat menemukan bahasa yang diinginkan berpotensi segera keluar dari situs web Anda. Pengalih bahasa yang menyediakan banyak bahasa dapat mencegah mereka meninggalkan situs.
- Meningkatkan Konversi: Memahami detail produk, kebijakan, dan proses pembelian dalam bahasa mereka dapat mendorong pengunjung untuk membeli atau mengambil tindakan lain.
- Mengoptimalkan SEO Multibahasa: Mesin pencari mempertimbangkan faktor pengalaman pengguna saat memberi peringkat situs web. Pengalih bahasa yang mudah digunakan dapat meningkatkan SEO multibahasa dengan memudahkan pengunjung mengakses konten dalam bahasa mereka. Menerjemahkan konten dengan benar juga mengirimkan sinyal positif ke mesin telusur bahwa situs Anda relevan untuk berbagai kueri dalam berbagai bahasa.
Cara mengatur pengalih bahasa di Craft CMS
Setelah memahami pentingnya menggunakan pengalih bahasa di situs web Craft CMS multibahasa, mari kita bahas caranya. Biasanya, layanan terjemahan situs web menawarkan fitur ini, yang dapat disesuaikan dengan kebutuhan Anda.
Namun, tidak semua layanan terjemahan menyediakan pengalih bahasa yang mudah disesuaikan dan ramah pengguna. Oleh karena itu, memilih layanan terjemahan otomatis yang kompatibel dengan berbagai kerangka kerja dan menyediakan fitur pengalih bahasa yang fleksibel adalah penting.
Salah satu layanan yang memenuhi kriteria tersebut 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 dengan kerangka Craft CMS , Anda dapat dengan mudah menambahkan pengalih bahasa ke aplikasi multibahasa Anda. Dengan fitur-fitur canggih Linguise dan antarmuka yang ramah pengguna, pengaturan dan pemeliharaan pengalih bahasa di situs web Craft CMS Anda akan jauh lebih sederhana.
Berikut adalah langkah-langkah untuk menginstal Linguise situs web Craft CMS multibahasa dan menyiapkan pengalih bahasa.
#1: Daftar untuk mendapatkan akun Linguise gratis
Daftarkan akun Linguise dan manfaatkan uji coba gratis selama satu bulan untuk memulai. Cukup masukkan alamat email Anda untuk menghasilkan nama pengguna dan kata sandi.
Sepanjang durasi uji coba, Anda akan menikmati akses ke semua fitur menarik yang ditawarkan Linguise . Anda akan diarahkan ke dasbor Linguise setelah uji coba selesai.
#2: Menambahkan Craft CMS situs web domain
Setelah Linguise dibuat, Anda akan diarahkan ke dashboard untuk memasukkan domain situs web Craft CMS Pilih “Tambahkan domain” dan lengkapi kolom yang disediakan:
- Akun
- URL
- Platform yang digunakan ( Craft CMS )
- Bahasa bawaan
- Bahasa terjemahan
- Terjemahkan URL
- Terjemahan konten dinamis
Anda bisa mendapatkan kunci API, yang harus Anda tempelkan pada langkah berikutnya.
#4: Unggah skrip Linguise
Selanjutnya, Anda perlu mengunggah skrip terjemahan Linguise ke server tempat Craft CMS diinstal.
Unduh skrip terjemahan PHP-JS, unzip, 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 mempertahankan nama aslinya, “ linguise .”
Setelah itu, masukkan kunci Linguise API ke dalam file Configuration.php yang Anda unggah ke server Anda. Buka file untuk diedit dan tempel kunci API Anda di dalam tanda kutip, ganti teks REPLACE_BY_YOUR_TOKEN.
#5: Aktifkan & sesuaikan pengalih bahasa
Tautan skrip Linguise JS perlu dimasukkan ke dalam semua halaman Craft CMS Anda untuk menampilkan pengalih bahasa dengan tanda dan untuk menyertakan URL alternatif di header HTML Anda untuk manfaat SEO.
Untuk mendapatkan tautan skrip, navigasikan ke pengaturan domain di 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 link skrip di bagian header.
Untuk menampilkan pengalih bahasa, yang diwakili oleh popup bendera untuk memilih bahasa yang Anda inginkan, Anda dapat memuatnya dengan menyalin kode yang disediakan di akhir konfigurasi situs web dan menempelkannya ke bagian atas halaman HTML Anda. Tindakan ini akan mengaktifkan pemuatan otomatis pengalih bahasa bendera.
Pengalih bahasa awalnya akan ditampilkan dalam format default, namun Anda dapat mempersonalisasikannya. 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 Konfigurasikan tampilan utama
Untuk memulai konfigurasi pengalih bahasa, buka “Pengaturan” > “Tampilan tanda bahasa” di 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 dropdown, atau popup.
- Posisi: Pengaturan ini menentukan penempatan pengalih bahasa di situs web Anda. Ada beberapa pilihan posisi, jadi pastikan Anda memilih salah satu yang nyaman untuk diakses pengunjung.
#7 Atur 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 Inggris: Fitur ini menguntungkan bahasa dengan berbagai variasi, seperti Inggris AS atau Inggris. Ini juga berlaku untuk bahasa Spanyol, Taiwan, Jerman, dan Portugis.
- Gaya bendera: Opsi ini memungkinkan Anda memilih bentuk ikon bendera, baik bulat atau persegi panjang.
#8 Atur warna dan ukurannya
Setelah Anda menyelesaikan konfigurasi desain bendera, Anda dapat melanjutkan untuk menyesuaikan warna dan ukuran bendera. Berikut adalah beberapa pengaturan yang tersedia untuk penyesuaian.
- Radius batas bendera: Sesuaikan radius batas untuk gaya bendera persegi panjang, diukur dalam piksel.
- Warna nama bahasa: Pilih warna teks default untuk menampilkan nama.
- Warna bahasa popup: Menentukan warna teks judul bahasa di area popup atau dropdown.
- Ukuran bendera: Ubah ukuran ikon bendera.
- Warna arahkan nama bahasa: Menentukan warna teks yang muncul saat pengguna mengarahkan kursor ke nama bahasa.
- Warna hover bahasa popup: Menentukan warna teks yang muncul saat pengguna mengarahkan kursor ke judul bahasa di area popup atau dropdown.
#9 Konfigurasikan 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 berikutnya mengelola efek bayangan ketika pengguna mengarahkan mouse ke bendera bahasa.
Setelah Anda melakukan semua penyesuaian yang diperlukan, klik tombol Simpan untuk menerapkan perubahan penyesuaian. Kemudian, lanjutkan ke situs web Craft CMS Anda untuk mengonfirmasi bahwa konfigurasi telah berhasil diterapkan. Ini kira-kira bagaimana pengalih bahasa akan ditampilkan.
Setelah menyelesaikan proses penyiapan, Anda dapat mengamati fungsi pengalih bahasa di situs web multibahasa Craft CMS Anda.
Kami kemudian akan secara otomatis menerjemahkan Craft CMS ke bahasa lain seperti Deutsch.
5 tips untuk mengoptimalkan pengalih bahasa di Craft CMS
Setelah Anda menetapkan pengalih bahasa di Craft CMS , penting untuk memahami praktik terbaik dalam merancang pemilih bahasa dan kinerjanya agar bermanfaat bagi situs dan pengunjung Anda.
Gunakan logo bendera bahasa yang mudah dikenali
Menggunakan ikon atau bendera bahasa yang dikenal secara universal sangatlah 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 dapat dipahami secara luas di berbagai budaya untuk menghindari kebingungan atau ambiguitas.
Simbol atau ikon yang familier membantu menciptakan pengalaman yang intuitif dan ramah pengguna, memungkinkan pengunjung menavigasi ke versi bahasa yang diinginkan dengan mudah. Sangat penting untuk memilih ikon atau bendera yang diketahui secara universal untuk menghindari kesalahpahaman atau kebingungan.
Menggunakan nama bahasa dan bendera
Selain hanya menggunakan bendera, disarankan untuk mempertimbangkan untuk menggabungkan bendera dan nama bahasa aslinya. Pendekatan ini dapat membantu menghindari kebingungan karena beberapa bahasa digunakan di beberapa negara dengan bendera berbeda.
Penggunaan nama bahasa secara langsung menghilangkan ambiguitas dan memastikan pengunjung dapat dengan jelas mengidentifikasi dan memilih bahasa yang diinginkan tanpa kesalahpahaman. Selain itu, penggunaan nama bahasa bisa lebih inklusif dan menghormati keragaman budaya.
Tempatkan tombol pengalih bahasa secara strategis
Mari posisikan tombol pengalih bahasa di area yang menonjol dan mudah diakses di situs web Anda. Penempatan standar mencakup header, footer, atau menu navigasi utama. Lokasi ini intuitif bagi sebagian besar pengguna internet dan sesuai dengan ekspektasi mereka saat mencari opsi bahasa.
Penempatan yang konsisten di seluruh halaman memastikan pengunjung dapat dengan mudah mengakses pengalih bahasa terlepas dari titik masuk atau halaman spesifik yang mereka kunjungi. Penempatan yang konsisten ini membantu menciptakan pengalaman pengguna yang lancar dan dapat diprediksi.
Menerapkan desain pengalih bahasa yang responsif
Pastikan tombol pengalih bahasa responsif dan berfungsi dengan baik di berbagai perangkat dan ukuran layar, termasuk desktop, tablet, dan ponsel cerdas. Uji pada perangkat dan resolusi layar yang berbeda untuk memastikan pengalaman pengguna yang lancar tanpa elemen terpotong atau tumpang tindih.
Desain responsif memastikan pengunjung dapat dengan mudah mengakses opsi bahasa dari perangkat apa pun yang mereka gunakan, sehingga meningkatkan aksesibilitas dan kenyamanan dalam peralihan 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 mereka buka atau konten yang 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 dalam pengalih bahasa dapat membingungkan dan membuat frustrasi pengguna, sehingga berpotensi membuat mereka meninggalkan situs web Anda.
Siapkan pengalih bahasa di Craft CMS dengan Linguise !
Pada titik ini, Anda harus menyadari bahwa Anda sedang mengonfigurasi pengalih bahasa untuk situs web multibahasa Craft CMS . Membangun pengalih bahasa dapat memberikan berbagai keuntungan dan dapat disesuaikan berdasarkan poin yang disebutkan sebelumnya.
Mengoptimalkan pengalih bahasa dapat meningkatkan pengalaman pengguna secara keseluruhan secara signifikan. Selanjutnya, daftar akun Linguise , integrasikan dengan Craft CMS , dan sempurnakan pengalih bahasa untuk lebih meningkatkan pengalaman pengguna.