Setting up a language switcher in Kirby CMS is an important feature to make it easier for visitors from abroad to still interact with your site. The ability to switch between different languages easily has become an essential requirement for many online platforms.
Dengan menyiapkan pengalih bahasa di Kirby CMS, Anda dapat secara signifikan meningkatkan aksesibilitas situs Anda untuk pengunjung internasional, berpotensi meningkatkan kinerja mesin pencari, dan menumbuhkan kepercayaan global pada merek Anda. Meskipun prosesnya mungkin tampak menantang pada awalnya, panduan ini akan memandu Anda melalui langkah-langkah untuk mengimplementasikan fitur ini secara efisien di situs web Kirby CMS Anda, memastikan pengalaman multibahasa yang lancar dan ramah pengguna.
Pentingnya mengatur pengalih bahasa di Kirby CMS
Menerapkan sakelar bahasa di Kirby CMS lebih dari sekadar fitur – itu adalah keputusan strategis yang dapat berdampak signifikan pada kinerja dan jangkauan situs web Anda. Mari kita jelajahi alasan utama mengapa menyiapkan sakelar bahasa di situs web Kirby CMS Anda.
- Meningkatkan pengalaman pengguna: Pengalih bahasa memungkinkan pengunjung mengakses konten dalam bahasa pilihan mereka, secara signifikan meningkatkan pemahaman dan interaksi mereka dengan situs web.
- Menurunkan tingkat pentalan: Pengunjung yang tidak dapat menemukan konten dalam bahasa mereka kemungkinan besar akan segera pergi. Menawarkan beberapa pilihan bahasa mendorong pengguna untuk menjelajahi situs lebih lanjut.
- Meningkatkan tingkat konversi: Ketika pengguna dapat memahami detail produk, kebijakan, dan proses pembelian dalam bahasa asli mereka, mereka lebih cenderung melakukan pembelian atau mengambil tindakan yang diinginkan.
- Memperkuat SEO multibahasa: SEO multibahasa
Cara mengatur pengalih bahasa di Kirby CMS
Sekarang kita telah membahas pentingnya mengimplementasikan pengalih bahasa di situs web Kirby CMS multibahasa, mari kita selidiki aspek praktis dalam menyiapkannya. Meskipun banyak layanan terjemahan situs web menawarkan fitur ini, menemukan yang menyediakan pengalih bahasa yang sangat dapat disesuaikan dan ramah pengguna bisa menjadi tantangan.
Sangat penting untuk memilih layanan terjemahan otomatis yang tidak hanya berfungsi dengan baik dengan berbagai framework tetapi juga menawarkan fitur pengalih bahasa yang fleksibel. Salah satu layanan yang menonjol dalam memenuhi persyaratan ini adalah Linguise situs web terjemahan otomatis. Pengalih bahasa mereka dikenal karena kemudahan penyesuaian dan antarmuka yang ramah pengguna, menjadikannya pilihan yang sangat baik untuk integrasi dengan Kirby CMS.
Dengan menggabungkan Linguise secara mulus ke dalam Kirby CMS Anda, Anda dapat dengan mudah menambahkan pengalih bahasa ke aplikasi multibahasa Anda. Fitur canggih dan antarmuka intuitif Linguisemenyederhanakan pengaturan dan pemeliharaan pengalih bahasa di situs web Kirby CMS Anda.
Mari ikuti langkah-langkah untuk menginstal Linguise di situs web Kirby CMS multibahasa dan konfigurasikan tombol pengalih bahasa.
Langkah 1: Daftarkan akun Linguise Anda
Mulai dengan mempersiapkan situs web Kirby CMS Anda untuk diterjemahkan, yang memerlukan akses ke dasbor admin Kirby CMS. Kemudian, buat akun Linguise gratis dan tambahkan domain situs web Anda. Anda dapat memanfaatkan uji coba gratis 30 hari sebelum memilih paket langganan.
Langkah 2: Tambahkan domain situs web Kirby CMS Anda
Once your Linguise account is set up, go to the dashboard and add your Kirby CMS website domain. Click “Add domain” and provide the following details:
- Akun
- URL
- Platform (Kirby CMS)
- Bahasa default
- Bahasa terjemahan
- Terjemahkan URL
- Terjemahan konten dinamis
Langkah 3: Unggah & hubungkan skrip Linguise
Unduh skrip terjemahan Linguise dan unggah ke folder root instalasi Kirby CMS Anda.
Ekstrak skrip dan pastikan folder bernama “linguise” tetap berada di level root situs web Anda.
Selanjutnya, salin kunci API Linguise ke dalam file `Configuration.php` di server Anda. Buka file, ganti `REPLACE_BY_YOUR_TOKEN` dengan kunci API Anda, dan simpan perubahan.
Step 4: Set up URL rewriting for Kirby CMS
Kirby CMS memiliki penulisan ulang URL yang diaktifkan secara default. Jika tidak aktif, Anda dapat mengaktifkannya melalui penyedia hosting Anda.
Untuk mengkonfigurasi URL berdasarkan bahasa, tambahkan kode berikut ke file `.htaccess` Anda tepat setelah baris `RewriteEngine on` di file `.htaccess` default Kirby CMS.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
Step 5: Activate & customize the language switcher
Untuk menampilkan tombol pengalih bahasa dengan bendera dan URL alternatif untuk tujuan SEO, tautan JavaScript Linguise harus dimuat di semua halaman Kirby CMS.
Dapatkan tautan skrip dari pengaturan domain di dasbor Linguise dan salin.
Cara termudah untuk memuat skrip ini di Kirby CMS adalah dengan menambahkannya ke header.php atau bagian <head> situs web Anda. Berikut cara melakukannya:
- Akses folder root situs web Anda.
- Navigate to site > snippets > header.php.
- Edit file header.php untuk memasukkan tautan skrip di bagian header.
Pemilih bahasa awalnya akan ditampilkan dalam format default-nya. Namun Anda dapat menyesuaikan pemilih bahasa menggunakan Linguise dasbor dengan menavigasi ke Pengaturan > Tampilan bendera bahasa. Bagian ini menawarkan berbagai opsi penyesuaian, termasuk pengaturan tampilan utama, nama bahasa, dan elemen desain.
Langkah 6: Konfigurasikan tampilan utama
Untuk mulai mengkonfigurasi pengalih bahasa, navigasikan ke Pengaturan > Tampilan bendera bahasa di dasbor Linguise .
Di bagian ini, Anda dapat menyesuaikan berbagai pengaturan. Pengaturan tampilan utama memungkinkan Anda untuk menyesuaikan elemen-elemen seperti.
- Gaya ikon bendera: Pilih antara tampilan berdampingan, menu tarik-turun, atau popup.
- Posisi: Tentukan penempatan tombol pengalih bahasa di situs web Anda. Pilih posisi yang mudah diakses oleh pengunjung.
Langkah 7: Atur desain bendera
Setelah mengkonfigurasi pengaturan tampilan utama, sesuaikan desain bendera yang ditampilkan.
- Menampilkan nama bahasa: Pilih untuk menampilkan nama bahasa berdasarkan negara atau bahasa itu sendiri, seperti “Perancis” atau “Perancis.”
- Tipe bendera bahasa Inggris: Ini berguna untuk bahasa dengan variasi ganda, seperti bahasa Inggris AS atau Inggris Britania, dan juga berlaku untuk Spanyol, Taiwan, dan Portugis.
- Style bendera: Pilih bentuk ikon bendera, baik bulat maupun persegi panjang.
Step 8: Set the color and size
Setelah mengonfigurasi desain bendera, sesuaikan warna dan ukuran bendera. Berikut beberapa pengaturan yang dapat Anda sesuaikan.
- Jari-jari batas bendera: Sesuaikan jari-jari batas untuk bendera persegi panjang, diukur dalam piksel.
- Warna nama bahasa: Pilih warna teks default untuk menampilkan nama bahasa.
- Warna bahasa popup: Atur warna teks judul bahasa di area popup atau dropdown.
- Ukuran bendera: Sesuaikan ukuran ikon bendera.
- Warna hover nama bahasa: Tentukan warna teks yang muncul saat pengguna mengarahkan kursor ke nama bahasa.
- Popup language hover color: Define the text color that appears when the user hovers over the language title in the popup or dropdown area.
Langkah 9: Konfigurasikan box-shadow
Finally, adjust the flag box shadow settings. The first option lets you add a shadow effect to each flag icon displayed on your website. The second option controls the shadow effect when users hover over the language flags.
After making the necessary adjustments, click the Save button to apply the changes. Then, check your Kirby CMS website to ensure the configuration has been successfully implemented. This will show you how the language switcher will appear.
Once the setup process is complete, you can see the language switcher in action on your Kirby CMS multi-language website.
Kami kemudian akan secara otomatis menerjemahkan situs web Kirby CMS ke dalam bahasa lain, seperti Perancis.
4 tips untuk mengoptimalkan pengalih bahasa di Kirby CMS
Berikut adalah empat tips penting untuk membantu Anda menyempurnakan pengalih bahasa dan membuatnya lebih efektif untuk audiens global Anda.
#1 Gunakan ikon bendera bahasa yang dapat diidentifikasi dengan jelas
Mengintegrasikan simbol atau bendera bahasa yang mudah dikenali dalam pengalih bahasa Anda sangat penting untuk identifikasi bahasa yang cepat. Pendekatan ini memungkinkan pengunjung untuk dengan cepat menemukan dan memilih bahasa yang mereka inginkan, menciptakan pengalaman pengguna yang intuitif. Kuncinya adalah memilih indikator yang dipahami secara universal untuk menghindari kesalahpahaman.
Saat menerapkan ikon bendera, pastikan mereka berkualitas tinggi dan mudah dibedakan, bahkan pada ukuran yang lebih kecil. Pertimbangkan untuk menggunakan kombinasi bendera dan kode bahasa untuk memberikan isyarat visual dan tekstual bagi pengguna Anda.
Contoh:
Bayangkan sebuah blog perjalanan berbasis Kirby yang mencakup destinasi di seluruh dunia. Pengalih bahasa situs bisa menggunakan ikon globe bersama dengan ikon bendera kecil dan kode bahasa dua huruf.
🌎 🇮🇩 ID | 🇺🇸 EN | 🇪🇸 ES | 🇫🇷 FR | 🇩🇪 DE | 🇯🇵 JP
This setup lets users quickly identify their language, whether they recognize the flag or the language code, enhancing the overall user experience.
#2 Tampilkan nama bahasa di samping bendera
Meskipun bendera memberikan referensi visual yang cepat, memasangkannya dengan nama asli bahasa memberikan kejelasan tambahan. Strategi ini membantu mencegah kebingungan, terutama untuk bahasa yang digunakan di beberapa negara dengan bendera yang berbeda.
Dengan memasukkan nama bahasa yang sebenarnya, Anda menghilangkan ambiguitas dan memastikan pengunjung dapat mengidentifikasi bahasa pilihan mereka dengan akurat. Pendekatan ini juga menunjukkan rasa hormat terhadap keragaman budaya dan mempromosikan inklusivitas.
Contoh:
Pertimbangkan platform pendidikan berbasis Kirby yang menawarkan kursus dalam berbagai bahasa. Pengalih bahasa mereka mungkin terlihat seperti ini.
🇺🇸 English | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Deutsch | 🇯🇵 日本語
Desain ini memungkinkan pengguna untuk melihat bendera dan nama bahasa dalam aksara asli, membuatnya langsung dikenali oleh penutur bahasa tersebut. Ini sangat membantu untuk bahasa seperti Spanyol atau Inggris yang digunakan di beberapa negara dengan bendera yang berbeda.
#3 Posisi tombol pengalih bahasa dengan bijak
Penempatan sakelar bahasa Anda sangat penting untuk efektivitasnya. Ini harus menonjol dan mudah diakses di situs web Anda. Posisi umum dan efektif termasuk header, footer, atau menu navigasi utama.
Pastikan pengalih bahasa terlihat dan mudah dijangkau dari halaman mana pun di situs Anda. Konsistensi penempatan ini membantu pengguna dengan cepat menemukan opsi bahasa, terlepas dari lokasi mereka saat ini di dalam situs web Anda.
Contoh:
Sebagai contoh, situs web portofolio berbasis Kirby untuk firma arsitektur multinasional. Mereka dapat mengimplementasikan pengalih bahasa sebagai berikut.
- Penempatan header: Pengalih bahasa terletak di sudut kanan atas header, di samping ikon pencarian.
- Navigasi lengket: Saat pengguna menggulir, header tetap berada di atas, memastikan pengalih bahasa selalu dapat diakses.
- Mobile optimization: On mobile devices, the language switcher is included in the hamburger menu for easy access without cluttering the small screen.
Penempatan strategis ini memastikan bahwa pengguna dapat dengan mudah beralih bahasa kapan saja, baik mereka sedang melihat galeri proyek, membaca tentang sejarah perusahaan, atau memeriksa informasi kontak.
#4 Pertahankan konsistensi sakelar bahasa di semua halaman
Penting untuk menjaga tampilan dan fungsi sakelar bahasa Anda tetap seragam di seluruh situs web Anda. Pengguna harus dapat mengubah bahasa dengan mudah, terlepas dari halaman atau konten yang sedang mereka lihat.
Konsistensi ini memberikan pengalaman pengguna yang mulus dan memperkuat aksesibilitas opsi bahasa, membangun kepercayaan dan keyakinan pada situs web multibahasa Anda.
Contoh:
Pertimbangkan situs e-commerce bertenaga Kirby yang menjual produk secara global. Berikut adalah cara mereka menerapkan strategi pengalih bahasa yang konsisten.
- Desain seragam: Pengalih bahasa muncul sebagai menu tarik-turun berlabel “Bahasa” di sudut kanan atas setiap halaman, termasuk daftar produk, halaman produk individual, dan halaman checkout.
- Content preservation: When users switch languages, they remain on the same page, but the content is displayed in the newly selected language. For instance, if a user views a handcrafted vase’s description in English and switches to French, they will see the same product details in French.
- URL structure: The URL structure changes consistently when switching languages.
English: www.yourmarket.com/products/blue-ceramic-vase
Prancis: www.pasarandakamu.com/fr/produits/vase-ceramique-bleu
Pengalaman yang konsisten di semua halaman memastikan bahwa pengguna dapat dengan percaya diri menavigasi dan berbelanja dalam bahasa pilihan mereka, berpotensi meningkatkan kemungkinan mereka untuk menyelesaikan pembelian dan kembali ke situs di masa depan.
Atur pengalih bahasa di situs web Kirby Anda dengan Linguise!
Menyiapkan pengalih bahasa di Kirby CMS adalah langkah penting untuk menciptakan situs web yang benar-benar global dan ramah pengguna. Dengan menerapkan fitur ini, Anda membuka pintu digital Anda untuk audiens internasional yang beragam, berpotensi meningkatkan keterlibatan, mengurangi tingkat pentalan, dan meningkatkan kinerja keseluruhan situs Anda.
Untuk menyederhanakan proses ini dan memastikan hasil yang optimal, pertimbangkan untuk menggunakan Linguise untuk situs web Kirby CMS Anda. Linguise menawarkan pengalih bahasa yang kuat dan dapat disesuaikan yang terintegrasi dengan mulus dengan Kirby CMS, memungkinkan Anda untuk dengan mudah menerapkan dan menyempurnakan strategi multibahasa Anda. Mari buat akun Linguise, integrasikan dengan situs web Kirby CMS Anda, dan sesuaikan pengalih bahasa untuk lebih meningkatkan pengalaman pengguna.
