Panduan Lengkap Custom Domain GitHub Pages untuk Pemula

GitHub Pages adalah layanan gratis dari GitHub yang memungkinkan pengguna untuk menghosting website statis langsung dari repository GitHub mereka.

Dengan menggunakan custom domain, Anda dapat mengganti URL default seperti username.github.io menjadi domain yang Anda miliki sendiri, misalnya www.namawebsite.com.

Ini tidak hanya membuat situs terlihat lebih profesional, tapi juga memudahkan promosi dan branding.

Berikut adalah langkah-langkah SEO-friendly untuk melakukan custom domain di GitHub Pages.

Manfaat Custom Domain untuk GitHub Pages

• Branding Lebih Profesional: Nama domain khusus membuat website lebih kredibel.
• SEO Lebih Optimal: Domain kustom lebih mudah diingat dan lebih ramah mesin pencari.
• Kontrol Penuh: Anda bisa mengatur subdomain, HTTPS, dan konfigurasi lainnya sesuai kebutuhan.

Baca Juga: Sertifikasi Web Developer

Persiapan Sebelum Custom Domain

1. Miliki Domain Sendiri
   Anda bisa membeli domain dari penyedia seperti Niagahoster, Namecheap, Google Domains, dll.
2. Website Sudah Dihosting di GitHub Pages
   Pastikan Anda sudah memiliki repository dan halaman diaktifkan melalui menu “Pages” pada GitHub.
3. Akses ke DNS Domain
   Anda harus bisa mengedit pengaturan DNS dari registrar tempat Anda membeli domain.

Cara Custom Domain GitHub Pages

1. Tambahkan File CNAME di Repository

• Buat file baru bernama CNAME di root direktori repository.
• Isi file dengan domain Anda, contoh: www.namawebsite.com

2. Edit Pengaturan GitHub Pages

• Buka repository Anda di GitHub.
• Masuk ke Settings > Pages.
• Pada bagian “Custom domain”, masukkan domain Anda, lalu klik “Save”.

3. Atur DNS Domain Anda

Masuk ke pengelolaan DNS di tempat Anda membeli domain. Lakukan pengaturan berikut:

Jika Menggunakan Subdomain (www.namawebsite.com):

Tambahkan Record CNAME:

Host: www
Type: CNAME
Value: username.github.io

Jika Menggunakan Domain Utama (namawebsite.com):

Tambahkan 4 A Record:

Host: @
Type: A
Value:
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

4. Aktifkan HTTPS (Opsional tapi Disarankan)

• Kembali ke Settings > Pages di GitHub.
• Centang opsi Enforce HTTPS.
• Pastikan domain Anda mendukung SSL (biasanya GitHub akan otomatis mengonfigurasi dengan Let’s Encrypt).

Troubleshooting Umum

• Perubahan tidak langsung terlihat: Propagasi DNS bisa memakan waktu 1–24 jam.
• Error SSL: Pastikan DNS sudah benar dan HTTPS sudah diaktifkan.
• Redirect tidak bekerja: Gunakan pengaturan redirect di DNS atau melalui JavaScript/html jika perlu.

Penutup

Dengan mengatur custom domain untuk GitHub Pages, Anda dapat meningkatkan profesionalisme situs pribadi atau portofolio Anda.

Prosesnya cukup mudah dan bisa dilakukan dalam waktu singkat. Pastikan Anda mengikuti langkah-langkah dengan benar dan menguji hasilnya setelah konfigurasi selesai.

Website yang terlihat profesional akan memberikan kesan pertama yang lebih baik dan mendukung performa SEO Anda.