Migrasi dari Blogger ke Hugo

Artikel ini membahas langkah-langkah migrasi dari Blogger ke Hugo, mulai dari ekspor data, penataan struktur konten, sampai proses publikasi.

Mengapa Pindah dari Blogger ke Hugo?

Blogger cukup praktis untuk memulai blog karena proses publikasinya sederhana dan nyaris tanpa konfigurasi. Namun, ketika jumlah artikel bertambah, kebutuhan biasanya ikut berubah. Kita mulai ingin struktur konten yang lebih rapi, performa yang lebih baik, kontrol penuh atas tema, dan proses backup yang lebih mudah.

Di titik itu, Hugo menjadi pilihan yang menarik karena:

• Hugo menghasilkan situs statis yang cepat.
• Semua konten disimpan dalam file sehingga mudah dibackup.
• Struktur folder dan template lebih fleksibel.
• Proses pengembangan lokal lebih nyaman.
• Publikasi bisa diintegrasikan dengan Git dan layanan hosting statis.

Hal yang Perlu Disiapkan

Sebelum mulai migrasi, siapkan beberapa hal berikut:

• File ekspor Blogger dalam format XML.
• Instalasi Hugo di komputer lokal.
• Repository proyek Hugo.
• Daftar artikel, label, dan halaman penting yang ingin dipertahankan.
• Rencana URL lama jika ingin menjaga tautan yang sudah terindeks.

Kalau blog lama sudah punya pengunjung dari mesin pencari, fokus utama bukan hanya memindahkan isi artikel, tetapi juga menjaga struktur URL dan metadata penting agar dampak SEO tetap terkendali.

1. Ekspor Konten dari Blogger

Masuk ke dashboard Blogger, lalu buka menu:

Setelan -> Kelola blog -> Cadangkan konten -> Download

Blogger akan menghasilkan satu file XML yang berisi artikel, halaman, komentar, label, dan metadata lain. Simpan file ini dengan baik karena itulah sumber utama proses migrasi.

Sebaiknya buat juga cadangan tambahan:

• salin daftar halaman statis,
• dokumentasikan widget penting,
• simpan tema Blogger lama jika masih dibutuhkan sebagai referensi,
• catat URL artikel yang paling banyak dikunjungi.

2. Buat atau Siapkan Proyek Hugo

Jika belum punya proyek Hugo, buat dulu situs baru:

hugo new site blog-baru

Setelah itu pilih dan pasang tema, lalu jalankan server lokal:

hugo server

Biasakan memeriksa struktur dasar Hugo sejak awal:

• content/ untuk artikel dan halaman,
• layouts/ untuk template,
• static/ untuk aset statis,
• assets/ untuk resource pipeline,
• config/ atau hugo.toml untuk konfigurasi situs.

Kalau Anda sudah punya proyek Hugo aktif, tahap ini cukup berarti memastikan struktur kontennya memang siap menerima hasil migrasi.

3. Konversi Postingan Blogger ke Format Hugo

File XML dari Blogger tidak langsung bisa dipakai sebagai konten Hugo. Anda perlu mengonversinya menjadi file Markdown, biasanya dalam bentuk:

content/posts/nama-artikel/index.md

atau

content/posts/nama-artikel.md

Isi minimal sebuah file Hugo biasanya terdiri dari front matter dan body artikel:

---
title: "Judul Artikel"
date: 2026-06-21
draft: false
tags: ["Blogger", "Hugo"]
categories: ["Tutorials"]
---

Bagian yang biasanya perlu dipetakan dari Blogger ke Hugo adalah:

• judul artikel,
• tanggal terbit,
• label menjadi tags,
• permalink lama,
• isi HTML atau Markdown,
• gambar yang tertanam di artikel.

Kalau Anda menggunakan skrip migrasi sendiri, pastikan hasil konversinya konsisten dan tidak mencampur beberapa gaya front matter sekaligus.

4. Rapikan Front Matter

Setelah proses konversi, jangan langsung anggap semua artikel sudah siap terbit. Biasanya front matter hasil migrasi masih perlu dirapikan.

Beberapa field yang umum dipakai di Hugo:

• title
• date
• lastmod
• draft
• description
• tags
• categories
• aliases
• url

Contoh:

---
title: "Migrasi dari Blogger ke Hugo"
date: 2026-06-21
lastmod: 2026-06-21
draft: false
description: "Tutorial migrasi konten dari Blogger ke Hugo."
tags: ["Hugo", "Blogger", "Tutorial"]
categories: ["Tutorials"]
aliases: ["/2023/07/migrasi-dari-blogger-ke-hugo.html"]
---

Field aliases cukup penting jika Anda ingin pengunjung yang membuka URL lama tetap diarahkan ke URL baru.

5. Tangani URL Lama

Ini salah satu bagian yang paling sering diabaikan. Di Blogger, URL artikel biasanya berbentuk:

/2023/07/judul-artikel.html

Sedangkan Hugo sering menggunakan slug yang lebih ringkas, misalnya:

/judul-artikel/

Kalau Anda mengganti semua URL tanpa strategi pengalihan, trafik dari mesin pencari dan tautan lama bisa turun.

Beberapa pendekatan yang bisa dipakai:

• gunakan aliases di tiap artikel,
• pertahankan struktur URL lama melalui url,
• siapkan redirect di level hosting,
• prioritaskan redirect untuk artikel yang paling banyak dikunjungi.

Untuk blog yang sudah lama aktif, menjaga permalink jauh lebih penting daripada sekadar mempercantik struktur URL.

6. Periksa Gambar dan Media

Migrasi konten hampir selalu menyisakan pekerjaan pada gambar. Banyak artikel Blogger memakai tautan gambar dari CDN Blogger atau masih berisi atribut HTML lama.

Periksa hal-hal berikut:

• apakah gambar masih bisa diakses,
• apakah tautan gambar masih valid,
• apakah ukuran gambar terlalu besar,
• apakah atribut alt sudah terisi,
• apakah lebih baik gambar disalin ke struktur lokal proyek Hugo.

Strategi yang paling aman biasanya:

• unduh gambar penting,
• simpan di folder postingan masing-masing atau di static/images/,
• perbarui referensinya di konten.

Dengan begitu, Anda tidak terlalu bergantung pada sumber eksternal untuk aset lama.

7. Bersihkan HTML Bawaan Blogger

Blogger sering menghasilkan HTML yang cukup berisik, misalnya:

• <span> berlapis-lapis,
• inline style yang panjang,
• tag <div> untuk pemformatan sederhana,
• atribut presentasional yang sudah tidak perlu,
• markup hasil copy-paste dari editor visual.

Kalau dibiarkan, artikel memang tetap tampil, tetapi lebih sulit dipelihara. Karena itu, setelah konversi:

• sederhanakan paragraf,
• ubah bagian yang bisa menjadi Markdown biasa,
• rapikan heading,
• cek daftar bernomor dan bullet,
• hapus style inline yang tidak dibutuhkan.

Jika ada artikel lama yang memang kompleks, tidak masalah membiarkannya tetap HTML selama hasil tampilannya masih benar. Yang penting adalah konsistensi dan kemudahan pemeliharaan ke depan.

8. Migrasikan Halaman Penting Selain Postingan

Jangan fokus hanya pada artikel. Biasanya blog Blogger juga punya halaman seperti:

• Tentang,
• Kontak,
• Daftar isi,
• Disclaimer,
• Privasi,
• halaman khusus unduhan atau profil.

Halaman-halaman ini perlu dipindahkan ke Hugo, biasanya ke dalam folder content/ sesuai jenis kontennya. Pastikan juga menu navigasi di tema Hugo sudah mengarah ke halaman baru yang benar.

9. Uji Hasil Migrasi Secara Lokal

Sebelum deploy, jalankan Hugo secara lokal dan cek hasilnya satu per satu.

Hal yang perlu diperiksa:

• apakah semua artikel muncul,
• apakah tanggal terbit benar,
• apakah tag dan kategori terbaca,
• apakah tautan internal masih aktif,
• apakah gambar tampil normal,
• apakah daftar isi, shortcode, atau blok kode tetap rapi,
• apakah artikel lama yang memiliki URL khusus sudah diarahkan dengan benar.

Tahap ini sering memakan waktu, tetapi inilah bagian yang mencegah masalah besar setelah situs dipublikasikan.

10. Deploy ke Hosting

Setelah hasil lokal sudah rapi, Anda bisa build situs:

hugo

Folder output biasanya berada di public/. Selanjutnya situs bisa dipublikasikan ke layanan seperti:

• GitHub Pages,
• Cloudflare Pages,
• Netlify,
• Vercel,
• server pribadi.

Kalau alur kerja Anda berbasis Git, proses deploy akan jauh lebih sederhana dan mudah diulang.

Tantangan yang Sering Muncul

Beberapa masalah yang umum ditemui saat migrasi dari Blogger ke Hugo:

1. Struktur HTML artikel lama terlalu kotor.
2. Gambar masih bergantung ke host lama.
3. URL lama tidak dipertahankan.
4. Label Blogger tidak konsisten.
5. Metadata artikel tidak lengkap.
6. Tema Hugo belum mendukung semua kebutuhan tampilan.

Karena itu, migrasi sebaiknya dipandang sebagai proses pembersihan konten juga, bukan sekadar memindahkan file.

Strategi Migrasi yang Lebih Aman

Kalau artikel Anda banyak, jangan migrasikan semuanya sekaligus tanpa verifikasi. Strategi yang lebih aman:

• migrasikan sebagian artikel dulu,
• periksa hasilnya,
• rapikan skrip konversi,
• lanjutkan batch berikutnya,
• lakukan audit akhir sebelum publish penuh.

Pendekatan bertahap seperti ini biasanya mengurangi pekerjaan ulang.

Penutup

Migrasi dari Blogger ke Hugo memberi kontrol yang lebih besar terhadap konten, performa, dan proses publikasi. Namun, hasil yang baik tidak datang hanya dari ekspor lalu impor. Bagian pentingnya justru ada pada perapian struktur konten, pemetaan URL lama, dan verifikasi hasil akhir.

Jika migrasi dilakukan dengan teliti, Hugo bisa menjadi fondasi yang jauh lebih kuat untuk mengelola blog dalam jangka panjang.