Cara menyiapkan pengalih bahasa untuk Drupal

Panduan wisata untuk anggota AAA, gambar hutan
目录

Pengalih bahasa adalah salah satu elemen situs web multibahasa yang penting untuk diperhatikan saat membangun situs multibahasa, salah satunya adalah situs web multibahasa Drupal .

Pengalih bahasa adalah tombol pengalih bahasa yang digunakan untuk beralih ke bahasa lain saat mengunjungi situs web. Membuat pengalih bahasa yang ramah pengunjung itu penting karena dapat meningkatkan pengalaman pengguna dan dapat mengoptimalkan SEO.

Jadi, bagaimana cara menyiapkan pengalih bahasa untuk Drupal dan apa manfaatnya bagi situs web? Lanjutkan membaca penjelasan di bawah ini.

Mengapa membuat pengalih bahasa penting untuk situs web Drupal multibahasa?

Mengembangkan pengalih bahasa yang ramah pengguna sangat penting untuk keberhasilan situs web multibahasa. Berikut adalah alasan mengapa membuat pengalih bahasa yang disiapkan untuk Drupal situs multibahasa bermanfaat.

  • Pengalaman pengguna yang lebih baik: Pengalih bahasa yang ramah pengguna memfasilitasi peralihan antar bahasa yang mulus, menyederhanakan navigasi dan pemahaman konten. Hal ini berkontribusi pada pengalaman pengguna secara keseluruhan yang lebih baik, mengurangi frustrasi, dan meningkatkan keterlibatan.
  • Navigasi intuitif: Pengguna harus dapat dengan mudah menemukan dan menggunakan pengalih bahasa. Pengalih yang dirancang secara intuitif, dengan penempatan yang jelas serta ikon atau label yang mudah dikenali, mendorong pengguna untuk beralih antar bahasa dengan mudah.
  • Penurunan tingkat pentalan: Pengalih bahasa yang ramah pengguna membantu menurunkan tingkat pentalan. Ketika pengunjung dapat dengan cepat menemukan dan memilih bahasa pilihan mereka, mereka lebih cenderung tetap berada di situs, menjelajahi konten, dan berpotensi melakukan konversi.
  • Komunikasi yang jelas: Komunikasi yang efektif dengan pengguna sangat penting bagi pengalih bahasa. Label atau simbol yang jelas dan ringkas membantu menyampaikan pilihan bahasa yang tersedia, meminimalkan kebingungan, dan memastikan pengguna dapat membuat pilihan yang tepat.
  • Optimasi SEO: Mesin pencari mempertimbangkan pengalaman pengguna saat memberi peringkat situs web. Pengalih bahasa yang diimplementasikan dengan baik dan ramah pengguna dapat berdampak positif pada SEO multibahasa, meningkatkan visibilitas dan aksesibilitas situs Anda bagi pengguna yang mencari dalam berbagai bahasa.
Atasi Hambatan Bahasa
Ucapkan selamat tinggal pada hambatan bahasa dan sambut pertumbuhan tanpa batas! Coba layanan penerjemahan otomatis kami hari ini.

Bagaimana cara menyiapkan pengalih bahasa untuk Drupal?

Fitur pengalih bahasa biasanya disediakan oleh layanan terjemahan situs web. Fitur ini dapat disesuaikan dengan kebutuhan apa yang ingin dirancang oleh pengguna.

Namun, terkadang tidak semua layanan terjemahan menyediakan fitur pengalih bahasa yang mudah disesuaikan dan mudah digunakan. Oleh karena itu, penting untuk mencari layanan terjemahan otomatis yang menyediakan dan kompatibel dengan banyak CMS, salah satunya adalah Linguise.

Linguise terjemahan otomatis menyediakan fitur pengalih bahasa yang fleksibel dan mudah disesuaikan serta terintegrasi dengan Drupal. 

Lalu, cara menyiapkan pengalih bahasa untuk situs web Drupal . Lanjutkan saja membaca penjelasan di bawah ini.

Langkah 1: Daftarkan akun Linguise

Proses awal untuk mendaftar melibatkan pembuatan akun gratis dengan Linguise dan memanfaatkan uji coba gratis selama satu bulan. Untuk mendaftar akun Linguise , cukup berikan alamat email Anda untuk membuat nama pengguna dan kata sandi.

Selama masa percobaan, yang berlangsung selama satu bulan penuh, Anda akan memiliki akses ke berbagai fitur komprehensif dan menarik yang ditawarkan oleh Linguise. Setelah masa percobaan berakhir, Anda akan diarahkan ke dasbor Linguise .

Langkah 2: Tambahkan domain situs web Drupal

Di dalam dasbor Linguise , Anda akan diminta untuk menambahkan domain situs Drupal Anda yang perlu diterjemahkan. Beberapa kolom harus diisi, termasuk.

  • Akun
  • URL
  • Platform/CMS
  • Bahasa
  • Bahasa terjemahan
  • Terjemahkan URL
Latar belakang gelap dengan beberapa baris teks. Teks tersebut tidak terbaca dengan jelas.

Lanjutkan dengan mengaktifkan kunci API dan mengonfigurasi URL bahasa. Untuk panduan lengkap tentang menambahkan domain situs web, konsultasikan instruksi dalam panduan untuk menginstal Linguise terjemahan otomatis di Drupal atau tonton video instruksional yang disediakan di bawah ini.

Langkah 3: Aktifkan pengalih bahasa

Setelah semua konfigurasi selesai, langkah selanjutnya adalah masuk ke pengaturan pengalih bahasa dan menampilkan bendera untuk meningkatkan kenyamanan pengguna saat beralih bahasa. Untuk melakukannya, salin kode yang disediakan di Linguise dashboard dengan membuka Linguise dashboard > Settings > copy to clipboard.

Spanduk sederhana berwarna hitam dan putih. Tidak ada gambar terperinci.

Untuk menambahkan konten ke header halaman Anda, Anda dapat menggunakan modul Drupal bernama Add to Head. Cukup navigasikan ke Configuration > Development > Add profile.

Layar komputer dengan pesan kesalahan

Terakhir, pastikan untuk memvalidasi atau memverifikasi lokasi skrip.

Ini adalah gambar placeholder. Tidak ada konten visual.

Pengalih bahasa awalnya akan ditampilkan dalam posisi mengambang di sudut kanan atas situs web Anda. Anda memiliki keleluasaan untuk menyesuaikannya sesuai preferensi Anda.

Pesan selamat datang komunitas Drupal

Langkah 4: Menyiapkan tampilan utama

Selain itu, Anda memiliki opsi untuk mempersonalisasi pengalih bahasa dengan mengakses dasbor Linguise dan beralih ke bagian Pengaturan . Di area ini, lanjutkan ke pengaturan Tampilan bendera bahasa . Setiap perubahan yang diterapkan di segmen ini akan secara otomatis tercermin pada pengalih bahasa di situs web Anda.

Antarmuka bertema gelap dengan menu tarik-turun dan tombol untuk interaksi pengguna.

Pada pengaturan awal, kami akan menyesuaikan tampilan utama, dengan fokus pada berbagai komponen.

Pertimbangan awal adalah konfigurasi bentuk tampilan daftar bahasa, yang menyediakan tiga opsi untuk dipilih, yaitu berdampingan, dropdown, atau popup. Di sisi kiri, terdapat pratinjau tampilan untuk setiap bentuk.

Formulir pertama, yang ditampilkan di bawah ini, adalah tata letak berdampingan.

Tangkapan layar antarmuka terjemahan

Formulir berikutnya berbentuk dropdown, seperti yang ditunjukkan di bawah ini.

Menu tarik-turun untuk memilih bahasa

Terakhir, ada formulir pop-up.

gambar gelap dengan bentuk yang tidak jelas

Selanjutnya, langkah berikutnya melibatkan konfigurasi posisi, di mana Anda dapat menentukan penempatan pengalih bahasa. Ada beberapa pilihan posisi yang dapat dipilih, jadi pastikan untuk memilih posisi yang mudah terlihat oleh pengunjung.

Terakhir, tentukan preferensi kombinasi, apakah bendera + nama bahasa, bendera + nama pendek, atau hanya bendera saja.

Langkah 5: Atur desain bendera

Setelah itu, di bawah bagian tampilan utama, Anda akan menemukan konfigurasi desain untuk bendera. Gambar di bawah ini mengilustrasikan beberapa opsi pengaturan yang tersedia.

  • Menampilkan nama bahasa: Anda dapat memilih untuk menampilkan nama berdasarkan negara atau bahasa, seperti “German” atau “Deutsch.”
  • Jenis bendera Inggris: Opsi ini berlaku untuk bahasa dengan banyak variasi, seperti “Inggris AS” atau “Inggris Britania” (mirip dengan Spanyol, Taiwan, Jerman, dan Portugis).
  • Gaya bendera: Pengaturan ini memungkinkan Anda menentukan bentuk ikon bendera, apakah bulat atau persegi (persegi panjang).
tangkapan layar antarmuka komputer, hitam dan putih

Langkah 6: Atur warna dan ukuran bendera

Setelah menyiapkan desain bendera, langkah selanjutnya adalah menyesuaikan warna, ukuran, dan berbagai elemen lainnya. Pada antarmuka berikut, tersedia banyak pengaturan yang dapat disesuaikan, termasuk:

  • Flag border-radius: Menyesuaikan radius batas dalam piksel saat menggunakan persegi panjang.
  • Warna nama bahasa: Memilih warna teks default untuk nama bahasa.
  • Warna bahasa popup: Warna judul bahasa di area popup atau dropdown.
  • Ukuran bendera: Mengubah ukuran bendera.
  • Warna hover nama bahasa: Warna teks saat kursor mouse diarahkan ke nama bahasa.
  • Warna hover bahasa popup: Warna teks saat kursor diarahkan ke judul bahasa di popup atau dropdown.

 

Layar opsi pembayaran

Langkah 7: Atur box-shadow bendera

Pada fase terakhir, Anda memiliki opsi untuk mengkonfigurasi pengaturan bayangan untuk bendera. Pengaturan awal memungkinkan Anda untuk menentukan bayangan untuk setiap bendera yang ditampilkan di situs web Anda, sedangkan pengaturan selanjutnya berkaitan dengan efek bayangan saat mengarahkan kursor ke bendera bahasa.

Pastikan untuk mengklik Simpan untuk menyimpan pengaturan kustomisasi untuk pengalih bahasa.

Panel kontrol rumah pintar dengan berbagai pengaturan dan pilihan.

Setelah Anda mengkonfigurasi pengalih bahasa untuk Drupal, berikut adalah hasil yang dapat Anda harapkan dari pengalih bahasa tersebut.

Halaman selamat datang komunitas Drupal dengan pesan ucapan selamat
Siap menjelajahi pasar baru? Coba layanan terjemahan otomatis kami secara gratis dengan uji coba bebas risiko 1 bulan. Tidak perlu kartu kredit!

Bagaimana cara membuat pengalih bahasa yang mudah digunakan untuk situs web Drupal Anda?

Setelah proses pembuatan pengalih bahasa untuk Drupal, kini penting untuk memahami cara membuat pengalih bahasa yang ramah pengguna guna meningkatkan berbagai manfaat bagi situs web Anda.

  • Ikon atau bendera yang mudah dikenali: Gunakan ikon atau bendera bahasa yang sudah dikenal untuk mewakili berbagai bahasa. Pastikan ikon atau bendera yang dipilih terlihat menonjol secara visual dan dikenal secara universal agar jelas.
  • Penempatan strategis: Tempatkan alat pengalih bahasa secara menonjol di situs web Anda, idealnya secara konsisten di semua halaman seperti header, footer, atau menu navigasi. Pastikan visibilitas dan aksesibilitas yang mudah untuk alat terjemahan.
  • Label bahasa pada bendera: Beri label yang jelas pada setiap pilihan bahasa sesuai dengan bahasanya masing-masing. Misalnya, gunakan "English" untuk bahasa Inggris, "Español" untuk bahasa Spanyol, "Deutsch" untuk bahasa Jerman, dan sebagainya. Hal ini membantu pengguna untuk mengidentifikasi dan memilih bahasa pilihan mereka dengan mudah.
  • Desain inovatif: Gunakan desain inovatif untuk alat penerjemah, dengan memanfaatkan simbol atau teks yang familiar untuk menunjukkan pilihan bahasa. Misalnya, gunakan “EN” untuk bahasa Inggris dan “DE” untuk Deutsch. Pastikan alat pengalih bahasa menonjol dengan menggunakan warna yang berbeda atau penyorotan.
  • Peralihan yang ramah pengguna: Sederhanakan proses bagi pengguna untuk beralih ke bahasa lain jika bahasa default tidak sesuai dengan preferensi mereka. Hindari penggunaan menu drop-down, daftar bendera/ikon, atau tombol toggle untuk pemilihan bahasa.
  • Desain responsif: Pastikan alat pengalih bahasa bersifat responsif dan berfungsi dengan lancar di berbagai perangkat dan ukuran layar. Uji fungsionalitasnya di desktop, smartphone, dan tablet untuk menjamin pengalaman yang mulus bagi semua pengguna.

Siapkan pengalih bahasa untuk situs web multibahasa Drupal menggunakan Linguise!

Sampai di titik ini, Anda telah memperoleh wawasan tentang konfigurasi pengalih bahasa untuk Drupal. Membuat pengalih bahasa dapat mendatangkan banyak keuntungan dan, selanjutnya, memastikan optimasi berdasarkan poin-poin yang disebutkan di atas.

Dengan mengoptimalkan pengalih bahasa secara tepat, hal ini berpotensi meningkatkan pengalaman pengguna secara keseluruhan.

Sekarang? Silakan daftarkan Linguise akun, daftarkan Drupal situs web Anda, dan sesuaikan pengalih bahasa untuk memberikan pengalaman pengguna yang lebih baik.

Anda mungkin juga tertarik membaca

Don't miss out!
Berlangganan Buletin kami

Dapatkan berita tentang terjemahan situs web otomatis, SEO internasional, dan lainnya!

Invalid email address
Cobalah. Satu per bulan, dan Anda dapat berhenti berlangganan kapan saja.

Jangan pergi tanpa memberikan alamat email Anda!

Kami tidak dapat menjamin Anda akan memenangkan lotre, tetapi kami dapat menjanjikan beberapa berita informatif yang menarik seputar terjemahan dan diskon sesekali.

Don't miss out!
Invalid email address