Cara Upload Website ke cPanel Sampai Online

Website yang sudah selesai dibuat di komputer belum otomatis dapat dibuka oleh orang lain melalui internet. Agar website bisa online, file project perlu ditempatkan pada hosting dan berada di document root yang benar.

Pada hosting berbasis cPanel, proses ini dapat dilakukan melalui File Manager. Di artikel ini kita akan membahas alur lengkap mulai dari menyiapkan project sampai memastikan website benar-benar dapat dibuka melalui domain.

Persiapan Sebelum Upload

Sebelum masuk ke cPanel, pastikan project sudah berjalan dengan baik di komputer.

Untuk website HTML sederhana, struktur project dapat terlihat seperti ini:

website-saya/
├── index.html
├── style.css
├── script.js
└── images/
    └── logo.webp

Pastikan halaman utama memiliki nama yang sesuai, biasanya index.html untuk website statis atau index.php untuk project PHP.

Periksa juga bahwa path CSS, JavaScript, gambar, dan file lain tidak mengarah ke folder yang hanya ada di komputer lokal.

1. Login ke cPanel

Buka alamat cPanel yang diberikan penyedia hosting lalu login menggunakan akun hosting.

Setelah berhasil masuk, cari menu File Manager. Menu ini digunakan untuk melihat dan mengelola file yang berada di hosting.

2. Buka Folder Website

Untuk domain utama pada banyak konfigurasi cPanel, document root biasanya berada di:

public_html

Namun addon domain atau subdomain dapat menggunakan folder berbeda. Karena itu, pastikan document root domain yang akan digunakan sebelum mengupload file.

3. Siapkan File dalam Bentuk ZIP

Jika project memiliki banyak file, mengupload satu per satu akan memakan waktu. Cara yang lebih praktis adalah mengompres project menjadi ZIP.

Contohnya:

website-saya.zip

Pastikan isi ZIP langsung berisi file project yang diperlukan. Hindari struktur seperti:

website-saya.zip
└── website-saya/
    └── website-saya/
        ├── index.html
        └── style.css

Struktur folder berlapis seperti itu sering membuat file utama tidak berada di document root setelah diekstrak.

4. Upload ZIP ke File Manager

Masuk ke folder document root, misalnya public_html, lalu pilih menu Upload.

Pilih file ZIP project dan tunggu sampai proses upload selesai. Jangan menutup halaman sebelum progress mencapai selesai.

5. Extract File ZIP

Setelah upload selesai, kembali ke File Manager. Pilih file ZIP lalu gunakan menu Extract.

Setelah proses extract, periksa hasilnya. Untuk website HTML sederhana, struktur yang diharapkan misalnya:

public_html/
├── index.html
├── style.css
├── script.js
└── images/
    └── logo.webp

Jika hasil extract justru menjadi:

public_html/
└── website-saya/
    ├── index.html
    └── style.css

maka domain utama mungkin tidak langsung menemukan index.html. Pindahkan isi folder project ke document root yang benar jika memang website harus tampil dari root domain.

6. Hapus ZIP Setelah Tidak Dibutuhkan

Setelah memastikan seluruh file berhasil diekstrak, file ZIP dapat dihapus agar tidak memenuhi penyimpanan hosting dan tidak meninggalkan salinan deployment yang tidak diperlukan.

Sebelum menghapusnya, pastikan file hasil extract sudah lengkap.

7. Buka Domain

Setelah file berada di tempat yang benar, buka domain melalui browser.

https://domainkamu.com

Jika website tampil, proses upload dasar sudah berhasil.

Jika belum tampil, jangan langsung mengupload ulang. Periksa terlebih dahulu document root, nama file utama, konfigurasi domain, dan cache.

Pastikan File index Berada di Lokasi yang Benar

Kesalahan yang sering terjadi adalah file utama berada di dalam subfolder.

Contoh salah untuk website yang seharusnya tampil dari domain utama:

public_html/
└── project/
    └── index.html

Contoh yang biasanya diinginkan:

public_html/
└── index.html

Jika memang website ingin diakses melalui domainkamu.com/project/, struktur pertama dapat digunakan. Yang penting lokasi file sesuai URL yang ingin dipakai.

Periksa Path CSS dan JavaScript

Website bisa tampil tetapi tanpa style jika path file salah.

Contoh HTML:

<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>

Jika file berada di folder khusus:

assets/css/style.css

maka path HTML juga harus menyesuaikan:

<link rel="stylesheet" href="assets/css/style.css">

Perhatikan Huruf Besar dan Kecil

Pada banyak server Linux, nama file bersifat case-sensitive.

File:

Logo.webp

berbeda dengan:

logo.webp

Jika HTML memanggil nama yang tidak sama persis, gambar atau file dapat gagal dimuat.

Website Menampilkan 403 Forbidden

Error 403 dapat terjadi jika server menolak akses ke lokasi tersebut.

Beberapa hal yang dapat diperiksa:

• Apakah file index tersedia.
• Apakah permission file dan folder wajar.
• Apakah ada aturan .htaccess yang memblokir akses.
• Apakah fitur keamanan hosting memblokir request.

Jangan mengubah permission menjadi terlalu terbuka hanya untuk mencoba menghilangkan error.

Website Menampilkan 404 Not Found

Error 404 berarti URL yang diminta tidak ditemukan.

Periksa:

• Nama file atau folder.
• Path pada link.
• Document root domain.
• Rewrite URL jika website menggunakan .htaccess.

Website Menampilkan 500 Internal Server Error

Error 500 biasanya berkaitan dengan proses di sisi server.

Untuk project PHP, periksa error log, versi PHP, kode PHP, konfigurasi .htaccess, dan dependency yang diperlukan project.

Hindari menampilkan pesan error sensitif ke pengunjung pada website produksi.

Periksa HTTPS

Jika sertifikat SSL sudah aktif, gunakan alamat:

https://domainkamu.com

Jika HTTPS belum bekerja, periksa fitur SSL/TLS di hosting. Jangan memaksa redirect HTTPS sebelum sertifikat untuk domain tersebut benar-benar aktif.

Website Sudah Diupload tetapi Tampilan Masih Lama

Jika file di hosting sudah berubah tetapi browser masih menampilkan versi sebelumnya, masalahnya dapat berasal dari cache.

Coba:

• Hard refresh browser.
• Buka halaman melalui mode private/incognito.
• Periksa cache plugin atau CDN jika digunakan.
• Pastikan file yang diedit benar-benar file yang dipakai domain.

Jangan Menimpa File Konfigurasi Secara Sembarangan

Untuk project dinamis, server dapat memiliki file konfigurasi yang berisi pengaturan database atau environment.

Sebelum mengganti seluruh isi website, pahami file mana yang aman diperbarui dan file mana yang khusus untuk server produksi.

Jangan menyimpan password database di file yang dapat diakses publik atau membagikannya kepada pihak lain.

Checklist Setelah Upload

• Homepage dapat dibuka.
• CSS dan JavaScript termuat.
• Semua gambar tampil.
• Link internal dapat dibuka.
• Form bekerja jika ada.
• HTTPS aktif.
• Tidak ada file ZIP deployment yang tertinggal tanpa kebutuhan.
• Tidak ada file konfigurasi sensitif yang terekspos.
• Website diuji melalui desktop dan mobile.

Kesimpulan

Mengupload website ke cPanel bukan hanya memindahkan file ke server. Kita juga harus memastikan document root benar, struktur folder sesuai, file index tersedia, path asset tidak rusak, dan domain dapat mengakses project yang tepat.

Alur sederhananya adalah:

Siapkan project
↓
Buat ZIP
↓
Buka File Manager
↓
Masuk ke document root
↓
Upload dan extract
↓
Periksa struktur
↓
Buka domain
↓
Tes website

Setelah memahami proses upload, materi berikutnya adalah mengenal lebih dalam folder public_html dan fungsinya pada hosting cPanel.