Membuat situs web multibahasa tidak serumit yang Anda pikir, terutama menggunakan CMS seperti HubSpot. Platform ini dirancang untuk membuat proses pembuatan dan pengelolaan situs dalam berbagai bahasa lebih mudah tanpa perlu pengkodean rumit atau pengaturan teknis yang berlebihan. Dari pengaturan halaman, navigasi, hingga fitur terjemahan otomatis, semuanya tersedia dan dapat digunakan segera.
Dalam panduan ini, kami akan membahas langkah-langkah lengkap untuk membuat situs web multibahasa dengan HubSpot CMS, mulai dari strategi bahasa, pengaturan situs awal, integrasi dengan alat terjemahan, dan praktik SEO penting untuk mengoptimalkan kinerja situs web Anda di berbagai pasar. Mari kita lakukan satu langkah demi satu langkah!
Mengapa memilih HubSpot CMS untuk situs web multibahasa Anda?
Jika Anda mencari CMS yang kuat dan juga ramah pengguna untuk membangun situs web multibahasa, HubSpot CMS bisa menjadi pilihan yang sempurna. Platform ini dirancang untuk memudahkan siapa saja, baik pemula maupun profesional, untuk membangun situs web yang menarik dan terstruktur dengan baik dalam berbagai bahasa.
Berikut beberapa alasan mengapa HubSpot CMS adalah pilihan yang tepat untuk proyek situs web multibahasa Anda.
- Gratis dan mudah digunakan tanpa coding – HubSpot CMS menawarkan alat gratis yang dapat Anda gunakan tanpa pengetahuan coding. Dengan editor seret-dan-jatuhkan dan tema yang fleksibel, siapa pun dapat membuat situs yang terlihat profesional tanpa memerlukan pengembang. Ini sangat cocok jika Anda ingin fokus pada pembuatan konten dan pengalaman pengguna tanpa berurusan dengan kompleksitas teknis.
- Dukungan multibahasa bawaan – HubSpot CMS memungkinkan Anda membuat versi asli halaman Anda dalam beberapa bahasa. Setiap versi dapat dikelola secara terpisah tetapi tetap terhubung dalam sistem yang terpadu, sehingga navigasi dan kontrol konten menjadi mudah. Anda juga dapat mengonfigurasi URL khusus bahasa dan menggunakan fitur SEO multibahasa seperti tag hreflang.
- Terintegrasi dengan alat pemasaran dan CRM – Anda dapat menghubungkan situs multibahasa Anda dengan alat pemasaran, penjualan, dan layanan pelanggan HubSpot dengan mulus. Misalnya, Anda dapat menampilkan formulir kontak, chatbot, atau konten pemasaran email berdasarkan bahasa pengguna. Ini menciptakan pengalaman pengguna yang lebih personal dan relevan.
- Analisis situs web bawaan – HubSpot menyediakan analitik bawaan untuk melacak kinerja setiap versi bahasa situs web Anda. Anda dapat melihat halaman mana yang paling banyak dikunjungi, dari mana audiens Anda berasal, dan bagaimana mereka berinteraksi—semuanya dari satu dasbor, tanpa alat tambahan.
Langkah demi langkah membuat situs web multibahasa dengan HubSpot CMS
Membangun situs web multibahasa memerlukan strategi yang matang, struktur yang bersih, dan platform yang mendukung kebutuhan multibahasa dengan mudah - dan HubSpot CMS memiliki semuanya. Mari kita mulai dengan langkah-langkahnya!
#1 Perencanaan strategi multibahasa Anda
Perencanaan yang hati-hati adalah langkah pertama sebelum menyentuh editor. Ini sangat penting sehingga situs multibahasa Anda terlihat bagus dan berfungsi dengan baik untuk audiens dari berbagai wilayah.
- Pilih bahasa berdasarkan target pasar atau audiens yang ingin Anda capai. Gunakan data audiens dari analitik atau riset pasar untuk memprioritaskan bahasa yang paling relevan. Penelitian ini juga akan menentukan bahasa mana yang akan Anda tambahkan ke situs web Anda.
- Tentukan struktur URL mana yang akan digunakan, HubSpot CMS mendukung berbagai format struktur URL, seperti subdomain (misalnya fr.example.com), subfolder (example.com/fr), atau parameter URL (example.com?lang=fr). Subfolder biasanya paling direkomendasikan untuk SEO karena tetap berada di domain utama.
- Tentukan halaman kunci apa yang harus tersedia dalam setiap bahasa. Ini termasuk beranda, tentang kami, layanan, kontak, dan artikel populer. Dengan peta konten ini, Anda dapat memastikan pengalaman pengguna yang sama di semua bahasa.
#2 Menyiapkan situs web Anda
Setelah strategi siap, saatnya untuk mengatur fondasi situs web Anda di HubSpot CMS. Pertama, pastikan Anda sudah memiliki akun HubSpot. Anda perlu tahu bahwa HubSpot juga menyediakan uji coba gratis jika Anda ingin mencobanya terlebih dahulu.
Setelah membuat akun dan masuk, Anda akan diarahkan ke halaman dasbor mereka dengan berbagai opsi navigasi menu dan konfigurasi produk. Setelah Anda memasuki tampilan berikut, pilih menu Konten > Halaman situs web. Untuk mulai membuat halaman web, pilih tombol Buat.
Selanjutnya, pilih tema atau template responsif yang mudah disesuaikan. HubSpot menyediakan pilihan tema yang luas yang dapat Anda gunakan segera atau ubah sesuai dengan merek Anda dengan editor seret-dan-lepas. Jika Anda telah memilih tema, klik tombol Atur sebagai tema aktif.
Jika demikian, Anda akan diarahkan ke halaman editor. Di sini Anda dapat langsung mengedit berbagai elemen sesuai kebutuhan situs web Anda.
Untuk mengedit elemen, klik di atasnya dan sesuaikan di Konten bagian kiri.
Demikian pula, jika Anda ingin menambahkan bagian baru, modul, atau tata letak. Di sini, HubSpot CMS menyediakan berbagai modul seperti:
- Teks
- Perdagangan
- Desain
- Formulir dan tombol
- Konten tubuh, dll.
Anda hanya perlu memilih tanda (+) atau langsung seret dan jatuhkan dari kiri ke sisi kanan editor halaman Anda.
#3 Mengintegrasikan dengan alat terjemahan otomatis
Setelah Anda selesai membangun halaman situs web, saatnya untuk mengintegrasikan situs web HubSpot Anda dengan alat terjemahan otomatis. Dalam hal ini, kami akan menggunakan alat eksternal yang disebut Linguise
Ada beberapa alasan mengapa menggunakan alat pihak ketiga dengan HubSpot diperlukan, terutama untuk situs web multibahasa, karena HubSpot CMS tidak secara otomatis mendukung fitur tertentu, seperti.
Batasan bahasa dan halaman berdasarkan paket – HubSpot membatasi jumlah variasi bahasa per konten tergantung pada tingkat langganan Anda. Misalnya, paket Starter hanya mengizinkan hingga 3 bahasa per konten, sedangkan Linguise menawarkan dukungan bahasa tak terbatas, dengan hingga 85 bahasa tersedia di semua paket, dan menyediakan halaman tak terbatas.
Dukungan multibahasa terbatas untuk jenis halaman tertentu – Halaman sistem seperti 404 tidak dapat diterjemahkan ke dalam beberapa bahasa, dan menerjemahkan konten blog atau basis pengetahuan mengikuti proses yang berbeda dan lebih manual daripada halaman situs web biasa
Tidak ada dukungan tag bahasa untuk file kode – Jika Anda menggunakan templat kode, Anda harus secara manual mengatur tag bahasa di bagian atau .
- Tidak ada pengaturan arah teks untuk bahasa RTL – Untuk bahasa seperti Arab atau Ibrani, Anda perlu menambahkan atribut dir=”rtl” sendiri untuk membuat arah teks benar.
Itulah sebabnya alat penerjemah pihak ketiga yang mendukung semua fitur ini dan terintegrasi dengan baik dengan HubSpot CMS sangat penting—Linguise adalah salah satunya. Linguise dapat menerjemahkan konten secara otomatis ke dalam 80+ bahasa dengan hasil berkualitas tinggi.
Ada beberapa langkah yang harus diikuti untuk menginstal Linguise terjemahan otomatis di situs web HubSpot Anda.
Pertama, pastikan Anda telah membuat akun Linguise. Setelah masuk atau mendaftar di dasbor Linguise, Anda akan diminta untuk mendaftarkan domain yang ingin diterjemahkan. Masukkan domain lengkap, termasuk https://, dan pilih opsi OTHER CLOUD HOSTED CMS.
Kemudian, pilih bahasa utama (sumber) situs web Anda dan bahasa target yang ingin Anda tambahkan.
Setelah domain Anda berhasil terdaftar di dasbor Linguise , Anda akan melihat opsi untuk menghubungkan DNS Anda secara otomatis. Menggunakan fitur yang disebut Entri, Anda dapat menambahkan semua catatan DNS yang diperlukan tanpa konfigurasi manual.
Entri akan memeriksa DNS publik domain Anda, mendeteksi penyedia domain (seperti Cloudflare), dan menampilkan halaman login untuk penyedia tersebut. Setelah masuk, Entri akan secara otomatis menambahkan semua catatan DNS yang diperlukan:
- Satu catatan TXT untuk verifikasi domain
- Satu catatan CNAME untuk setiap bahasa yang Anda tambahkan
Proses propagasi DNS biasanya memakan waktu 20–30 menit sebelum situs Anda dapat menampilkan halaman multibahasa.
Langkah selanjutnya adalah menempelkan skrip Linguise, yang dapat Anda temukan di dasbor Linguise. Kemudian, buka Pengaturan > Bahasa di akun HubSpot Anda dan tempelkan skrip ke dalam bidang HTML Head.
Kode ini akan secara otomatis mengintegrasikan situs web Anda dengan Linguise. Selain itu, kode ini juga akan secara otomatis menghasilkan pengalih bahasa default.
#4 Menyesuaikan pengalih bahasa
Selanjutnya, Anda juga dapat mengatur pengalih bahasa sesuai dengan preferensi Anda pada dasbor Linguise dengan memilih menu tampilan Bendera Bahasa. Misalnya, mulai dari mengatur nama bahasa yang muncul, ikon bendera, warna, teks, dan banyak lagi.
Di halaman ini, Anda juga dapat mengurutkan bahasa mana yang akan muncul pertama kali pada pengalih bahasa situs web Anda.
#5 Terjemahkan konten secara otomatis
Terakhir, kami akan menerjemahkan situs web HubSpot, yang dibuat secara otomatis, ke dalam bahasa lain menggunakan Linguise. Misalnya, kami akan menerjemahkan dari bahasa Inggris ke bahasa Jerman.
Seperti yang Anda lihat, semua konten situs web HubSpot akan diterjemahkan secara otomatis dengan cepat dan akurat.
Praktik terbaik SEO untuk situs web HubSpot multibahasa
Selain membuat situs web multibahasa dengan HubSpot, Anda harus memastikan bahwa strategi SEO internasional yang Anda terapkan dapat membantu setiap versi bahasa situs Anda muncul dengan baik di hasil pencarian. Berikut adalah praktik terbaik SEO yang dapat Anda terapkan untuk situs multibahasa berbasis HubSpot.
Gunakan tag hreflang dan kanonik dengan benar
Tag hreflang memberi tahu mesin pencari bahasa target dan lokasi halaman tertentu. Ini penting untuk menghindari duplikasi konten dan memastikan pengguna diarahkan ke versi bahasa yang sesuai.
Kabar baiknya adalah jika Anda menggunakan HubSpot CMS dengan Linguise, dukungan untuk tag hreflang ini diatur secara otomatis. Ini berarti Anda tidak perlu menambahkan tag secara manual, karena sistem akan menghasilkan dan mengelola hreflang untuk setiap versi bahasa situs Anda. Berikut adalah contoh implementasi hreflang pada sebuah artikel.
Sementara itu, tag kanonik harus digunakan dengan hati-hati. Jangan membuat semua versi bahasa mengarah ke satu URL kanonik; setiap versi bahasa harus memiliki kanoniknya sendiri.
Misalnya, halaman berbahasa Perancis harus memiliki kanonik ke versi Perancis dari URL, bukan ke versi bahasa Inggris. Ini membantu Google memahami bahwa setiap versi bahasa adalah halaman asli yang berbeda dan tidak dianggap sebagai konten duplikat.
Optimalkan tag judul dan meta deskripsi dalam setiap bahasa
Judul halaman (tag judul) dan meta deskripsi adalah elemen SEO on-page yang paling penting. Jika Anda menggunakan satu template di HubSpot untuk beberapa bahasa, pastikan setiap versi memiliki judul dan meta deskripsi yang sesuai dengan bahasa target. Ini meningkatkan relevansi pencarian dan rasio klik hasil pencarian.
Sebagai contoh, sesuaikan konten daripada menulis deskripsi meta dalam bahasa Inggris untuk semua versi. Jika halaman Anda menjual produk pakaian dan Anda menargetkan pasar Spanyol, deskripsi meta seperti “Beli pakaian modern untuk pria dan wanita dengan pengiriman gratis” akan jauh lebih efektif daripada versi bahasa Inggris.
Gunakan URL yang ramah SEO dan terkait bahasa
Struktur URL memainkan peran besar dalam SEO multibahasa. Gunakan struktur yang menunjukkan bahasa konten, seperti subfolder (example.com/fr/), subdomain (fr.example.com), atau parameter (example.com?lang=fr). Di HubSpot, subfolder seringkali merupakan pilihan termudah untuk mengelola SEO.
Juga, pastikan URL Anda berbeda tidak hanya dalam struktur tetapi juga dalam bahasa. Misalnya, halaman "Tentang Kami" dalam bahasa Inggris dapat ditulis sebagai example.com/en/about-us, sementara versi bahasa Perancis harus example.com/fr/a-propos. Ini membantu pengguna dan mesin pencari memahami konteks bahasa dengan segera.
Perhatikan terjemahan teks ALT dari gambar dan konten visual
Teks Alt pada gambar sering dilupakan dalam strategi SEO multibahasa, meskipun penting untuk aksesibilitas dan visibilitas di Google Images. Pastikan setiap versi bahasa situs Anda memiliki teks Alt yang diterjemahkan dengan benar dan menjelaskan konten gambar dengan cara yang relevan.
Sebagai contoh, sebuah gambar yang menampilkan seseorang sedang membaca buku dapat memiliki teks alt "Seseorang sedang membaca buku" dalam versi bahasa Inggris dan "Seseorang membaca buku" dalam versi bahasa Perancis. Ini tidak hanya membantu pengguna dengan gangguan visual tetapi juga meningkatkan kemungkinan gambar tersebut muncul dalam pencarian gambar lokal.
Kirimkan peta situs multibahasa ke Google Search Console
Google perlu tahu bahwa Anda memiliki beberapa versi bahasa dari konten Anda. Oleh karena itu, mengirimkan peta situs XML yang mencakup semua halaman multibahasa ke Google Search Console sangat penting. HubSpot CMS secara otomatis membuat peta situs, tetapi Anda harus memastikan bahwa setiap versi bahasa terdaftar.
Peta situs multibahasa idealnya mencakup elemen <xhtml:link rel=“alternate” hreflang=“…”> untuk menunjukkan hubungan antara bahasa. Setelah Anda mengirimkan peta situs yang benar, Google akan lebih cepat mengindeks semua versi bahasa situs Anda dan mengarahkan pengguna ke halaman yang paling relevan.
Kesimpulan
Sekarang Anda memahami cara membuat situs web multibahasa dengan HubSpot CMS. Anda dapat memulai langkah-langkah dari perencanaan bahasa, pembuatan halaman, dan optimalisasi SEO, semua dalam satu platform, tanpa kerumitan coding. Namun, untuk pengalaman pengguna yang benar-benar optimal dan kinerja SEO, integrasi dengan layanan terjemahan otomatis seperti Linguise sangat disarankan.
Dengan Linguise, Anda dapat menerjemahkan seluruh konten situs web ke dalam lebih dari 80 bahasa secara instan dan akurat. Jadi, misalkan Anda ingin memberikan pengalaman multibahasa terbaik di situs web HubSpot Anda dan menjangkau audiens global dengan lebih efisien. Dalam hal ini, mulai gunakan Linguise untuk menerjemahkan situs Anda secara otomatis dan profesional!
