Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)
Daftar isi

Membuat situs web multibahasa tidak rumit seperti yang Anda pikirkan, terutama menggunakan CMS seperti HubSpot. Platform ini dirancang untuk membuat proses membuat dan mengelola situs dalam berbagai bahasa lebih mudah tanpa perlu pengkodean yang rumit atau pengaturan yang terlalu teknis. Dari pengaturan halaman, navigasi, ke fitur translasi otomatis, semuanya tersedia dan dapat segera digunakan.

Dalam panduan ini, kami akan membahas langkah -langkah lengkap untuk membuat situs web multibahasa dengan HubSpot CMS, 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 ambil satu langkah pada satu waktu!

Mengapa Memilih Hubspot CMS untuk situs web multibahasa Anda?

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Jika Anda mencari CMS untuk membangun situs web multibahasa, HubSpot CMS bisa menjadi pilihan yang sempurna. Platform ini dirancang untuk memudahkan siapa pun, baik pemula atau pro, untuk membangun situs web yang menarik dan terstruktur dengan baik dalam berbagai bahasa.

Berikut adalah beberapa alasan mengapa HubSpot CMS adalah pilihan bagus untuk proyek situs web multibahasa Anda.

  • Gratis dan mudah digunakan tanpa pengkodean - HubSpot CMS menawarkan alat gratis yang dapat Anda gunakan tanpa pengetahuan pengkodean. Dengan editor drag-and-drop dan tema yang fleksibel, siapa pun dapat membuat situs yang tampak profesional tanpa memerlukan pengembang. Ini sempurna jika Anda ingin fokus pada membangun konten dan pengalaman pengguna tanpa berurusan dengan kompleksitas teknis.
  • Dukungan multibahasa bawaan- HubSpot CMS memungkinkan Anda untuk membuat versi asli halaman Anda dalam berbagai bahasa. Setiap versi dapat dikelola secara terpisah tetapi tetap terhubung dalam sistem terpadu, membuat navigasi dan kontrol konten 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 multipel dengan pemasaran, penjualan, dan alat layanan pelanggan HubSpot. Misalnya, Anda dapat menampilkan formulir kontak, chatbots, atau konten pemasaran email berdasarkan bahasa pengguna. Ini menciptakan pengalaman pengguna yang lebih personal dan relevan.
  • Built-in Situs Web Analytics- 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 - semua dari satu dasbor, tanpa alat tambahan.

Langkah demi langkah untuk membuat situs web multibahasa dengan CMS HubSpot

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Membangun situs web multibahasa membutuhkan strategi yang dipikirkan dengan baik, struktur yang bersih, dan platform yang mendukung kebutuhan multibahasa dengan CMS yang mudah dan mudah dan hubspot memiliki semuanya. Mari kita mulai dengan langkah -langkahnya!

#1 merencanakan strategi multibahasa Anda

Perencanaan yang cermat adalah langkah pertama sebelum menyentuh editor. Ini sangat penting sehingga situs multibahasa Anda terlihat hebat dan bekerja dengan baik untuk audiens dari berbagai daerah.

  • Pilih bahasa berdasarkan target pasar atau audiens yang ingin Anda jangkau. 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.
  • Putuskan struktur URL mana yang akan digunakan, HubSpot CMS mendukung berbagai format struktur URL, seperti subdomain (mis. Subfolder biasanya yang paling direkomendasikan untuk SEO karena mereka tetap berada di domain utama.
  • Putuskan halaman utama apa yang harus tersedia di setiap bahasa. Ini termasuk beranda, tentang kami, layanan, kontak, dan artikel populer. Dengan peta konten ini, Anda dapat memastikan pengalaman pengguna yang sama dalam 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 navigasi menu dan opsi konfigurasi produk. Ketika Anda telah memasukkan tampilan berikut, pilih Halaman Konten> Situs Web . Untuk mulai membuat halaman web, pilih tombol Buat.

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Selanjutnya, pilih tema atau templat yang responsif yang mudah disesuaikan. HubSpot menyediakan banyak pilihan tema yang dapat Anda gunakan atau ubah langsung sesuai dengan merek Anda dengan editor drag-and-drop. Jika Anda telah memilih tema, klik Tema Set As Active .

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Jika demikian, Anda akan diarahkan ke halaman editor. Di sini Anda dapat secara langsung mengedit berbagai elemen sesuai dengan kebutuhan situs web Anda. 

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Untuk mengedit elemen, klik di atasnya dan sesuaikan di konten di sebelah kiri.

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Demikian juga, jika Anda ingin menambahkan bagian baru, modul, atau tata letak. Di sini, HubSpot CMS menyediakan berbagai modul seperti:

  • Teks
  • Perdagangan
  • Desain
  • Bentuk dan tombol
  • Kandungan tubuh, dll.

Anda hanya perlu memilih tanda (+) atau langsung seret dan lepas dari kiri ke sisi kanan editor halaman Anda. 

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)
Hancurkan Hambatan Bahasa
Ucapkan selamat tinggal pada hambatan bahasa dan sambut pertumbuhan tanpa batas! Coba layanan terjemahan otomatis kami hari ini.

#3 Mengintegrasikan dengan Alat Terjemahan Otomatis

Setelah selesai membangun halaman situs web Anda, 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 CMS HubSpot tidak secara otomatis mendukung fitur-fitur tertentu, seperti.

  • Batas Bahasa dan Halaman Berdasarkan Paket - HubSpot membatasi jumlah variasi bahasa per konten tergantung pada tingkat berlangganan Anda. Misalnya, rencana starter hanya memungkinkan hingga 3 bahasa per konten, sedangkan Linguise menawarkan dukungan bahasa tanpa batas, dengan hingga 85 bahasa yang tersedia di semua rencana, dan menyediakan halaman yang tidak terbatas.

  • Dukungan multibahasa terbatas untuk jenis halaman tertentu - Halaman sistem seperti 404 tidak dapat diterjemahkan ke dalam berbagai bahasa, dan menerjemahkan blog atau konten basis pengetahuan mengikuti proses manual yang berbeda dari halaman situs web biasa

  • Tidak ada dukungan tag bahasa untuk file kode - Jika Anda menggunakan templat kode, Anda harus secara manual mengatur tag Lang di bagian OR.

  • Tidak ada pengaturan arah teks untuk bahasa RTL - untuk bahasa seperti bahasa Arab atau Ibrani, Anda harus menambahkan Atribut Dir = "RTL" untuk membuat arah teks benar.

Itulah sebabnya alat terjemahan pihak ketiga yang mendukung semua fitur ini dan mengintegrasikan dengan baik dengan CMS HubSpot sangat penting-Linguise adalah salah satunya. Linguise dapat secara otomatis menerjemahkan konten ke dalam 80+ bahasa dengan hasil berkualitas tinggi.

Ada beberapa langkah untuk diikuti untuk menginstal Linguise di situs web hubspot Anda.

Pertama, pastikan Anda telah membuat Linguise . Setelah masuk atau mendaftar di Linguise , Anda akan diminta untuk mendaftarkan domain yang ingin Anda terjemahkan. Masukkan domain lengkap, termasuk https: //, dan pilih opsi CMS yang di -host cloud lainnya.

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Kemudian, pilih bahasa (sumber) situs web Anda dan bahasa target yang ingin Anda tambahkan.

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

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.

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Entri akan memeriksa DNS publik domain Anda, mendeteksi penyedia domain (seperti CloudFlare), dan menampilkan halaman login untuk penyedia itu. Setelah masuk, Entri akan secara otomatis menambahkan semua catatan DNS yang diperlukan:

  • Satu data 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 Linguise , yang dapat Anda temukan di Linguise . Kemudian, buka Pengaturan> Bahasa di akun HubSpot Anda dan tempel skrip ke bidang html head.

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Kode ini akan secara otomatis mengintegrasikan situs web Anda dengan Linguise. Selain itu, ini juga akan secara otomatis menghasilkan pengalih bahasa default.

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

#4 Menyesuaikan pengalih bahasa

Selain itu, Anda juga dapat mengatur switcher bahasa sesuai dengan preferensi Anda di 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 di pengalih bahasa situs web Anda.

#5 menerjemahkan konten secara otomatis

Akhirnya, kami akan menerjemahkan situs web HubSpot, yang dibuat secara otomatis, ke dalam bahasa lain menggunakan Linguise. Misalnya, kami akan menerjemahkan dari bahasa Inggris ke Jerman.

Seperti yang Anda lihat, semua konten situs web HubSpot akan secara otomatis diterjemahkan dengan cepat dan akurat.

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Praktik Terbaik SEO untuk Situs Web Hubspot Multilingual

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

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 dalam hasil pencarian. Di bawah ini adalah praktik terbaik SEO yang dapat Anda terapkan untuk situs multibahasa berbasis HubSpot.

Gunakan hreflang dan tag kanonik dengan benar

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

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.

Berita baiknya adalah bahwa jika Anda menggunakan CMS HubSpot 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.

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Sementara itu, tag kanonik harus digunakan dengan cermat. Jangan membuat semua versi bahasa menunjuk ke satu URL kanonik; Setiap versi bahasa harus memiliki kanoniknya. 

Misalnya, halaman Prancis harus memiliki kanonik untuk URL versi Prancis, bukan untuk versi bahasa Inggris. Ini membantu Google memahami bahwa setiap versi bahasa adalah halaman asli yang berbeda dan tidak menganggapnya sebagai konten duplikat.

Optimalkan tag judul dan deskripsi meta dalam setiap bahasa

Judul halaman (tag judul) dan deskripsi meta adalah elemen SEO di halaman paling penting. Jika Anda menggunakan satu templat di HubSpot untuk berbagai bahasa, pastikan setiap versi memiliki judul dan deskripsi meta yang cocok dengan bahasa target. Ini meningkatkan relevansi pencarian dan tingkat klik-tayang hasil pencarian.

Misalnya, sesuaikan konten alih -alih menulis deskripsi meta dalam bahasa Inggris untuk semua versi. Jika halaman Anda menjual produk pakaian dan Anda menargetkan pasar Spanyol, deskripsi meta seperti "Compra Ropa Moderna para Hombre y Mujer Con Envío Gratis" akan jauh lebih efektif daripada versi bahasa Inggris.

Gunakan URL yang berhubungan dengan SEO dan terkait bahasa

Struktur URL memainkan peran besar dalam SEO multibahasa . Gunakan struktur yang menunjukkan bahasa konten, seperti subfolder (contoh.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 hal struktur tetapi juga dalam hal bahasa. Misalnya, halaman bahasa Inggris "Tentang Kami" dapat ditulis sebagai contoh.com/en/about-us, sedangkan versi Prancis harus menjadi contoh.com/fr/a-propos. Ini membantu pengguna dan mesin pencari memahami konteks bahasa segera.

Perhatikan terjemahan teks alt dari gambar dan konten visual

Cara Membuat Situs Web Multilingual Dengan Hubspot CMS (Panduan Lengkap)

Teks alt pada gambar sering dilupakan dalam strategi SEO multibahasa, meskipun penting untuk aksesibilitas dan visibilitas pada gambar Google. Pastikan setiap versi bahasa dari situs Anda memiliki teks alt yang diterjemahkan dengan benar dan menjelaskan konten gambar dengan cara yang relevan.

Misalnya, gambar yang menunjukkan seseorang yang membaca buku dapat memiliki teks alt "orang membaca buku" dalam versi bahasa Inggris dan "personne lisant un livre" dalam versi Prancis. Ini tidak hanya membantu pengguna dengan gangguan visual tetapi juga meningkatkan peluang gambar yang muncul dalam pencarian gambar lokal.

Kirim Situs Multilingual ke Google Search Console

Google perlu mengetahui bahwa Anda memiliki beberapa versi bahasa dari konten Anda. Oleh karena itu, mengirimkan sitemap XML yang mencakup semua halaman multibahasa ke Google Search Console sangat penting. HubSpot CMS secara otomatis membuat sitemap, tetapi Anda harus memastikan bahwa setiap versi bahasa terdaftar.

Situs multibahasa idealnya harus mencakup<xhtml:link rel=“alternate” hreflang=“…”> elemen untuk menunjukkan hubungan antar bahasa. Setelah Anda mengirimkan sitemap yang benar, Google akan lebih cepat mengindeks semua versi bahasa dari situs Anda dan mengarahkan pengguna ke halaman yang paling relevan.

Siap menjelajahi pasar baru? Cobalah layanan terjemahan otomatis kami secara gratis dengan uji coba bebas risiko selama 1 bulan. Tidak perlu kartu kredit!

Kesimpulan

Sekarang Anda memahami cara membuat situs web multibahasa dengan CMS HubSpot. Anda dapat memulai langkah -langkah dari perencanaan bahasa, pembuatan halaman, dan optimasi SEO, semua dalam satu platform, tanpa kerumitan pengkodean. Namun, untuk pengalaman pengguna yang benar -benar dioptimalkan dan kinerja SEO, integrasi dengan layanan terjemahan otomatis seperti Linguise sangat disarankan.

Dengan Linguise , Anda dapat menerjemahkan seluruh konten situs web Anda 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 secara lebih efisien. Dalam hal ini, saatnya untuk mulai menggunakan Linguise untuk menerjemahkan situs Anda secara otomatis dan profesional!

Anda juga mungkin tertarik untuk membaca

Jangan lewatkan!
Berlangganan newsletter kami

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

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

Jangan pergi tanpa membagikan email Anda!

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

Jangan lewatkan!
Invalid email address