Menyiapkan pengalih bahasa di Craft CMS adalah fitur penting bagi situs web mana pun yang ingin menjangkau audiens global. Di era globalisasi saat ini, kemampuan untuk beralih antar beberapa bahasa dengan lancar merupakan kebutuhan yang mendesak.
Menyiapkan pengalih bahasa di 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 situs Craft CMS Anda.
Pentingnya mengatur pengalih bahasa di Craft CMS
Sebelum membahas cara menyiapkan pengalih bahasa di Craft CMS, mari kita bahas terlebih dahulu pentingnya menyiapkan pengalih bahasa. Berikut beberapa di antaranya.
- Pengalaman Pengguna yang Lebih Baik: Pengalih bahasa memungkinkan pengunjung mengakses konten dalam bahasa pilihan mereka dengan mudah, sehingga meningkatkan pemahaman dan keterlibatan mereka dengan situs web.
- Mengurangi Tingkat Pentalan: Pengunjung yang tidak dapat menemukan bahasa yang mereka inginkan mungkin akan langsung meninggalkan situs web Anda. Pengalih bahasa yang menyediakan berbagai 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 lain.
- Mengoptimalkan SEO Multibahasa: Mesin pencari mempertimbangkan faktor pengalaman pengguna saat memberi peringkat situs web. Pengalih bahasa yang ramah pengguna dapat meningkatkan peringkat SEO multibahasa Anda dengan memudahkan pengunjung mengakses konten dalam bahasa mereka. Menerjemahkan konten dengan benar juga mengirimkan sinyal positif kepada mesin pencari bahwa situs Anda relevan untuk berbagai kueri dalam berbagai bahasa.
Cara menyiapkan 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 framework dan menyediakan fitur pengalih bahasa yang fleksibel menjadi penting.
Salah satu layanan yang memenuhi kriteria ini adalah Linguise. Linguise menawarkan fitur pengalih bahasa yang mudah disesuaikan dan ramah pengguna serta dapat dengan baik terintegrasi 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 di situs web Craft CMS multibahasa dan menyiapkan pengalih bahasa.
#1: Daftarkan akun Linguise gratis
Daftar untuk akun Linguise gratis dan nikmati uji coba gratis selama satu bulan untuk memulai. Cukup masukkan alamat email Anda untuk membuat 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 berakhir.
#2: Menambahkan situs web domain Craft CMS
Setelah Linguise akun Anda dibuat, Anda akan diarahkan ke dasbor untuk memasukkan domain situs web Craft CMS Anda. Pilih "Tambahkan domain" dan lengkapi kolom yang tersedia:
- Akun
- URL
- Platform yang digunakan (Craft CMS)
- Bahasa default
- Bahasa terjemahan
- Terjemahkan URL
- Terjemahan konten dinamis
Anda dapat memperoleh kunci API, yang harus Anda tempelkan pada langkah berikutnya.
#4: Unggah skrip Linguise
Selanjutnya, Anda perlu mengunggah skrip terjemahan Linguise ke server Anda tempat Craft CMS diinstal.
Unduh skrip terjemahan PHP-JS, ekstrak, 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 API Linguise ke dalam file Configuration.php yang 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 dimasukkan ke semua halaman Craft CMS Anda untuk menampilkan pengalih bahasa dengan bendera dan menyertakan URL alternatif di header HTML Anda untuk manfaat SEO.
Untuk mendapatkan tautan skrip, buka pengaturan domain di dalam dasbor Linguise dan salin tautan skrip yang tersedia dari sana.
Cara mudah untuk menyertakan 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 popup bendera untuk memilih bahasa yang Anda inginkan, Anda dapat memuatnya dengan menyalin kode yang disediakan di akhir konfigurasi situs web dan menempelkannya ke dalam head halaman HTML Anda. Tindakan ini akan mengaktifkan pemuatan otomatis pengalih bahasa bendera.
Pengalih bahasa awalnya akan ditampilkan dalam format default, tetapi Anda dapat menyesuaikannya. Sesuaikan pengalih bahasa melalui dasbor 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 bendera bahasa” di dalam Linguise .
Di bagian ini, Anda dapat menyesuaikan beberapa pengaturan. Pertama, ada pengaturan tampilan utama, di mana Anda dapat mengubah 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. Ada beberapa opsi posisi, jadi pastikan Anda memilih salah satu yang nyaman diakses oleh pengunjung.
#7 Tetapkan desain bendera
Setelah Anda menyesuaikan pengaturan tampilan utama, Anda dapat melanjutkan untuk menyesuaikan desain bendera yang ditampilkan.
- Nama bahasa yang ditampilkan: Anda dapat menampilkan nama bahasa berdasarkan nama negara atau bahasa itu sendiri. Misalnya, Anda dapat menampilkan "French" atau "Français."
- Jenis bendera Inggris: Fitur ini bermanfaat untuk bahasa dengan berbagai variasi, seperti bahasa Inggris Amerika 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 batas bendera: Sesuaikan radius batas 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 pada setiap ikon bendera yang ditampilkan di situs web Anda. Opsi berikutnya mengatur efek bayangan saat pengguna mengarahkan 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. Kira-kira 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 situs web ke bahasa lain seperti Deutsch.
5 tips untuk mengoptimalkan pengalih bahasa di Craft CMS
Setelah Anda menyiapkan pengalih bahasa di situs web Craft CMS multibahasa Anda, penting untuk memahami praktik terbaik untuk merancang pemilih bahasa dan performanya agar menguntungkan situs dan pengunjung Anda.
Gunakan logo bendera bahasa yang mudah dikenali
Menggunakan ikon atau bendera bahasa yang diakui secara universal sangatlah penting agar pengunjung dapat dengan cepat mengidentifikasi dan memilih opsi bahasa yang mereka inginkan. 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, sehingga pengunjung dapat dengan mudah menavigasi 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, sebaiknya pertimbangkan untuk menggabungkan bendera dan nama bahasa asli. Pendekatan ini dapat membantu menghindari kebingungan karena beberapa bahasa digunakan di berbagai negara dengan bendera yang berbeda.
Menggunakan 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 posisikan 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 ekspektasi mereka saat mencari opsi bahasa.
Penempatan yang konsisten di semua halaman memastikan pengunjung dapat dengan mudah mengakses pengalih bahasa terlepas dari titik masuk mereka atau halaman tertentu 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 desktop, tablet, dan smartphone. Uji di berbagai perangkat dan resolusi layar untuk memastikan pengalaman pengguna yang mulus tanpa elemen yang terpotong atau tumpang tindih.
Desain responsif memastikan bahwa pengunjung dapat dengan mudah mengakses opsi bahasa dari perangkat apa pun yang mereka gunakan, meningkatkan aksesibilitas dan kenyamanan dalam beralih bahasa.
Pastikan pengalih bahasa konsisten di semua 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 opsi bahasa, membangun kepercayaan dan keyakinan pada situs web multibahasa Anda.
Ketidakkonsistenan apa pun pada pengalih bahasa dapat membingungkan dan membuat pengguna frustrasi, yang 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 . Membuat pengalih bahasa dapat memberikan berbagai keuntungan dan dapat disempurnakan berdasarkan poin-poin yang disebutkan sebelumnya.
Mengoptimalkan pengalih bahasa dapat meningkatkan pengalaman pengguna secara keseluruhan secara signifikan. Selanjutnya, daftar akun Linguise , integrasikan dengan situs web Craft CMS Anda, dan sesuaikan pengalih bahasa untuk lebih meningkatkan pengalaman pengguna.
