Tabel Isi
Persyaratan akses Bubble.io
Terjemahan otomatis AI cloud yang akan digunakan dengan Bubble.io memerlukan beberapa akses untuk menyelesaikan pengaturan:
- Akses admin Bubble.io
- Modifikasi DNS domain di Bubble.io
Pengaturan Bubble.io terdiri dari 4 langkah sederhana:
- Daftarkan domain Anda untuk mengotorisasi penerjemahan
- Ubah DNS domain sesuai dengan bahasa terjemahan
- Tambahkan tautan pengalih bendera bahasa ke pengaturan Bubble.io Anda
- Aktifkan fitur terjemahan dinamis.
Cara membuat Situs Web Bubble.io Anda multibahasa dalam video
Daftarkan domain Bubble Anda
Untuk tujuan itu, cukup salin nama domain Anda dengan menyertakan https:// dan pilih “ CMS yang Dihosting di Cloud Lainnya ” untuk platform tersebut.
Setelah itu, pilih bahasa sumber dan bahasa tujuan Anda.
Catatan penting SEO: Jumlah bahasa yang Anda atur sangat berpengaruh pada SEO. Saat Anda mengatur bahasa terjemahan, jika Anda memiliki banyak halaman yang terindeks (>500), mesin pencari mungkin membutuhkan waktu lama untuk memprosesnya. Hal ini dapat memengaruhi SEO Anda dalam bahasa asli. Karena itu, kami merekomendasikan untuk menambahkan maksimal 5 bahasa terlebih dahulu, kemudian setelah terindeks, Anda dapat menambahkan bahasa secara bertahap, masing-masing 3 bahasa per bulan.
Ubah DNS domain sesuai dengan bahasa yang digunakan
Tambahkan DNS domain secara otomatis menggunakan Entri
Setelah Anda berhasil mendaftarkan situs web Anda di dasbor Linguise , Anda akan memiliki dua pilihan untuk melanjutkan instalasi.
Anda mungkin perlu melihat konten ini. Jika Anda lebih suka menambahkan catatan DNS secara otomatis, Anda dapat mengklik " Hubungkan DNS Anda secara otomatis. " Fitur ini, yang disebut Entri, akan secara otomatis menambahkan catatan DNS Anda, memungkinkan Anda untuk melanjutkan instalasi dengan mudah. Pilihan lainnya adalah menyalin DNS secara manual di penyedia domain Anda.
Setelah mengklik tombol, Entri akan menganalisis URL situs web terdaftar Anda dan memeriksa catatan DNS publik Anda. Berdasarkan hal tersebut, Entri akan menentukan penyedia dan DNS yang dibutuhkan.
Selanjutnya, Anda dapat mengklik “ Otorisasi dengan [penyedia domain Anda] ” (dalam contoh ini, Cloudflare). Kemudian Anda akan melihat panel berubah menjadi halaman login penyedia domain Anda, di mana Anda dapat masuk dan melanjutkan.
Setelah Anda masuk ke penyedia domain Anda, Entri akan melakukan sisanya, secara otomatis menambahkan catatan DNS yang sesuai. Satu DNS per bahasa + satu DNS TXT untuk kunci validasi.
Anda seharusnya dapat melihat bahwa DNS telah ditambahkan di dalam domain Anda. Misalnya:
Setelah Anda mengotorisasinya, Entri akan memberi tahu Anda bahwa semua pengaturan DNS telah berhasil dikonfigurasi.
Anda seharusnya dapat menggunakan fitur terjemahan segera setelah semua entri DNS telah disebarkan di domain Anda (biasanya membutuhkan waktu 20/30 menit).
Jika Anda lebih memilih Instalasi Manual , Anda juga dapat melakukannya secara manual dengan mengikuti langkah-langkah yang akan kami berikan di bawah ini.
Salin catatan DNS
Setelah Anda memvalidasi domain Anda, Anda akan dialihkan ke layar tempat DNS yang akan ditambahkan ke domain Anda siap untuk disalin. Catatan ini diperlukan untuk memuat halaman multibahasa situs web Anda sebagai fr.domain.com, es.domain.com…
Berikut adalah elemen utama yang perlu Anda salin ke konfigurasi DNS Bubble.
Setelah itu, Anda perlu terhubung ke pengelola domain Anda dan mengakses area pengaturan DNS. Kemudian, ikuti petunjuknya, Anda dapat menyalin:
- Satu catatan TXT untuk verifikasi domain
- Satu atau beberapa catatan CNAME untuk bahasa
Berikut contoh untuk setiap tipe data (TXT dan CNAME):
Setelah menambahkan semua data Anda, konfigurasi Anda akan terlihat seperti ini.
Verifikasi validasi DNS
Setelah menambahkan semua catatan ke DNS domain Anda, Anda dapat memeriksa penyebaran DNS dengan mengklik tombol Periksa konfigurasi DNS.
Validasi DNS biasanya memakan waktu antara 30 menit dan 1 jam . Setelah itu, Anda akan melihat titik-titik hijau di sisi kanan daftar DNS di Linguise . Anda hampir siap menerjemahkan Bubble , hanya tautan ke pengalih bahasa dengan bendera negara yang hilang.
Fitur Terjemahan Dinamis
Secara teknis, Bubble menggabungkan modul berkode JavaScript, CSS, dan HTML ke dalam aplikasi Node.js yang berfungsi. Bahasa pemrograman Bubblesendiri berbasis JSON.
Dengan fitur " Terjemahan Dinamis Bubble Anda dengan mudah , termasuk konten yang dimuat secara asinkron (dinamis) setelah halaman dimuat. Peningkatan ini memastikan pengalaman multibahasa yang lebih lancar bagi pengunjung Anda!
Setelah Anda mengakses Linguise , klik domain terdaftar Anda, dan navigasikan ke Pengaturan .
Anda akan menemukan bagian “ Terjemahkan Konten Dinamis ” ini di bagian bawah halaman Pengaturan.
Tambahkan pengalih bahasa ke Bubble.io
Pengalih bahasa adalah jendela pop-up bendera untuk memilih bahasa yang Anda inginkan. Untuk memuatnya, Anda perlu menyalin kode yang diberikan di bagian atas halaman situs BubbleAnda. Pengalih bahasa bendera kemudian akan dimuat secara otomatis di situs web publik Anda.
Tautan yang perlu disalin terdapat di akhir pendaftaran domain atau di pengaturan domain. Salin tautan tersebut ke clipboard.
Lalu, buka panel Bubble . Di menu sebelah kiri, klik 'Pengaturan' > pilih "SEO/metatag" .
Dari menu pengaturan, gulir ke bawah sedikit dan Anda akan menemukan Script/meta tags di header di bawah “ Pengaturan Lanjutan ”.
Tempel Linguise yang telah Anda salin sebelumnya, klik 'Simpan', dan publikasikan situs Anda.
Sekarang, di bagian depan situs web Bubble.io Anda, Anda seharusnya telah menyediakan pengalih bahasa Linguise .
Desain pengalih bahasa situs web Bubble.io
Pengalih bahasa dapat disesuaikan dari Linguise > Pengaturan > Tampilan bendera bahasa. Setiap perubahan di sini akan tercermin di situs web.
Di sisi kanan layar, Anda dapat melihat pratinjau pengalih bahasa. Berikut adalah elemen-elemen yang dapat Anda atur:
- 3 tata letak: berdampingan, tarik-turun atau munculan
- Posisi pengalih bahasa
- Konten pengalih bahasa
- Nama-nama bahasa dalam bahasa Inggris atau bahasa asli
- Bentuk dan ukuran bendera
- Warna dan bayangan kotak
Editor terjemahan frontend di situs web Bubble.io
Editor frontend memudahkan penerjemah untuk mengubah konten HTML apa pun di Bubbledalam bahasa apa pun. Anda dapat mengedit halaman dengan mengeklik elemen halaman dan mengganti teks, tautan, atau gambar.
Anda juga dapat mengedit informasi meta dengan mengklik tanda kurung kurawal {}
