Waryanto Technical Content Writer, Menyukai dunia Technical IT, Digital Marketing & Travel Blogging. Suka berbagi hal baru yang bermanfaat bagi orang lain.

Cara Membuat Website Langkah Demi Langkah

10 min read

cara membuat website

Cara membuat website sendiri secara pribadi dapat Anda lakukan hanya dengan beberapa langkah mudah seperti yang akan kami bahas pada tutorial ini. Kami akan menjelaskan langkah demi langkah cara membuat website sendiri sampai website Anda dapat diakses melalui internet.

Seperti diketahui, memiliki sebuah website pribadi saat ini adalah hal yang cukup penting. Berdasarkan survey yang dilakukan oleh LearnVest, hanya ada 15% generasi Milenial yang memiliki website pribadi. Itu artinya, jika Anda memiliki website pribadi, Anda termasuk salah satunya.

Sebagai contoh, ketika Anda melamar pekerjaan, Anda akan memiliki nilai lebih jika dibandingkan dengan kandidat lainnya yang belum memiliki website pribadi. Profile Anda akan lebih mudah diakses lengkap beserta portfolio yang Anda miliki.

Keuntungan Memiliki Website Pribadi

Ada banyak keuntungan yang bisa Anda dapatkan jika memiliki website pribadi, diantaranya adalah sebagai berikut:

  1. Mudah menyampaikan informasi – Anda dapat berbagi informasi dengan mudah, atau melakukan perubahan informasi yang dibuat kapanpun Anda mau.
  2. Mudah ditemukan – Anda akan mudah ditemukan melalui internet jika ada orang lain yang mencari nama Anda, biasanya ini akan sangat membantu ketika Anda melamar pekerjaan.
  3. Berbagi pengetahuan – Anda dapat membagikan pengetahuan yang dimiliki melalui website dan tulisan Anda dapat dibaca oleh semua orang.
  4. Mengasah kemampuan membuat website – Anda akan mengelola website secara langsung, sehingga Anda akan memiliki pengalaman dalam mengelola sebuah website.

Cara Membuat Website

cara membuat website

  • Tentukan Platform Website

Sebelum Anda menentukan bagaimana cara membuat website dan nama domain apa yang ingin digunakan, yang pertama kali harus Anda tentukan adalah jenis platform apa yang akan digunakan.

a. Sedikit Penjelasan Mengenai Platform yang Dimaksud

Untuk membuat sebuah website sederhana diperlukan sekumpulan dari code HTML, CSS bahkan PHP. Sehingga, cara membuat website dengan menggunakan beberapa code tersebut akan memerlukan waktu yang cukup lama.

Lalu bagaimana dengan website dengan fitur yang lengkap? Tentu perlu waktu yang lebih lama untuk menyelesaikannya.

Hal inilah yang membuat orang beranggapan bahwa untuk membuat sebuah website adalah sesuatu yang sulit.

Tapi, dengan adanya sebuah CMS seperti WordPress, kini Anda dapat membuat website dengan mudah dan fitur yang lengkap tanpa harus menguasai pemrograman.

Anda hanya perlu sekali klik instalasi, memasukkan nama, deskripsi website, dan memilih template, website Anda sudah dapat digunakan dan diakses melalui internet.

Singkatnya, CMS merupakan platform yang mudah digunakan untuk membangun sebuah website dan menerbitkan konten.

b. 3 Jenis CMS Paling Populer

perbandingan-cms-populer

Berdasarkan data dari BuiltWith dan W3Techs, WordPress merupakan CMS yang paling banyak digunakan. Seluruh website saat ini sebanyak 53% menggunakan WordPress, Joomla 5%, dan Drupal 2%.

Silakan perhatikan diagram dari w3techs berikut ini mengenai platform yang paling banyak digunakan.

cms untuk membuat website
Sumber: https://w3techs.com/technologies/overview/content_management/all

Dari dua diagram di atas, dapat disimpulkan jika WordPress adalah platform yang paling populer. Terdapat beberapa alasan kenapa WordPress memiliki banyak pengguna. Berikut beberapa diantaranya:

  1. Mudah digunakan – WordPress merupakan platform yang mudah untuk digunakan. Jika Anda sudah terbiasa menggunakan Microsoft Word atau Excel, maka Anda akan dengan mudah membuat konten untuk website Anda.
  2. Handal – WordPress dapat menjalankan berbagai jenis website dengan baik, mulai dari website pribadi sampai website perusahaan.
  3. Responsive – Website Anda akan berjalan dengan baik ketika diakses melalui berbagai perangkat, baik itu perangkat mobile, tablet, maupun desktop.
  4. Gratis – Anda tidak perlu membayar untuk menggunakan WordPress, cukup membeli domain dan hosting, website Anda sudah dapat diakses melalui internet.
  5. Komunitas besar – Jika Anda mengalami kesulitan ketika menggunakan WordPress, Anda dapat mencari solusi dengan mudah melalui komunitas yang tersedia.

Dari kelima alasan tersebut dapat disimpulkan bahwa WordPress adalah platform yang tepat untuk membangun sebuah website.

  • Pesan Hosting dan Domain Website Langsung Online

lakukan pemesanan hosting dan domain

Biasanya untuk menggunakan WordPress, setelah memesan hosting dan domain langkah selanjutnya adalah melakukan instalasi WordPress.

Supaya website Anda dapat diakses melalui internet, ada dua hal yang Anda butuhkan, yaitu:

  • Nama domain (sebuah alamat website seperti niagahoster.co.id atau namawebsiteanda.com)
  • Hosting (sebuah layanan untuk menyimpan semua file website sehingga dapat diakses secara online).

Untuk harga hosting ditambah harga domain hanya berkisar Rp.40.000 – Rp.80.000 hitungan per bulannya, tergantung paket hosting yang ingin Anda gunakan.

Memiliki sebuah nama domain seperti namaperusahaananda.com tentu akan membuat website Anda terlihat lebih profesional jika dibandingkan dengan nama website seperti namausahaanda.blogspot.com.

Jika Anda kesulitan dalam menentukan nama domain apa yang tepat untuk website Anda, berikut cara sederhananya:

  • Jika website akan digunakan untuk perusahaan atau bisnis, domain yang digunakan harus mengandung nama perusahaan Anda. Sebagai contoh: namaperusahaananda.com.
  • Jika Anda ingin membuat website pribadi, dapat disesuaikan dengan nama Anda, misalnya: namaanda.com

Selain domain, tentu Anda membutuhkan hosting untuk menyimpan file website. Anda akan memiliki kontrol penuh pada website yang Anda kelola. Tapi ada beberapa hal yang harus Anda perhatikan sebelum membeli hosting.

Berikut 6 hal yang harus Anda cek sebelum memilih hosting:

  1. Kualitas performa server
  2. Customer Support 24 jam dan berkualitas
  3. Harga terjangkau dan unlimited
  4. Garansi uang kembali
  5. Fitur keamanan
  6. Review pelanggan

Untuk lebih jelasnya mengenai 6 hal tersebut, silakan cek artikel mengenai cara memilih web hosting terbaik.

Cara Membuat Website Sendiri

Pada tutorial cara membuat website pribadi, langkah tersebut sudah tidak Anda butuhkan, karena ketika hosting dan domain yang Anda pesan sudah aktif, WordPress akan terinstal secara otomatis beserta plugin untuk keamanan.

Sehingga, cara membuat website pribadi sangatlah mudah dan cepat, silakan ikuti beberapa langkah mudah di bawah ini:

1. Kunjungi halaman website instant Niagahoster melalui tautan berikut: https://www.niagahoster.co.id/membuat-website

2. Klik tombol Pilih Paket Anda

pilih paket hosting

3. Pilih paket yang sesuai dengan kebutuhan Anda dengan menekan tombol Pilih Sekarang

hosting website pribadi

4. Tentukan durasi untuk hosting Anda, saat ini terdapat 3 durasi, yaitu durasi 1, 2, dan 3 tahun. Setelah itu klik tombol Selanjutnya.

durasi hosting website pribadi

5. Pilih tema atau tampilan untuk website Anda dengan mengklik salah satu tema yang tersedia, jika tema tidak sesuai dengan yang diinginkan, nanti Anda bisa mengganti dengan pilihan tema lainnya.

pilih tema website pribadi

6. Masukkan nama domain yang Anda inginkan pada kolom domain-baru, kemudian klik tombol Cari Domain. (Domain Anda akan didapatkan secara gratis untuk ekstensi: .com, .net, .org, .info, .web.id, .co.id, .sch.id, .or.id dan .xyz).

domain website pribadi

Tips: Untuk nama domain pastikan mudah diingat, menggambarkan tema website Anda dan tidak mengandung unsur negatif. Untuk detailnya silakan baca artikel tentang strategi memilih nama domain.

7. Jika domain Anda belum terdaftar, maka akan muncul pemberitahuan jika domain tersebut tersedia, silakan klik tombol Tambah ke Cart. Tapi, jika domain Anda tidak tersedia, silakan ulangi langkah pada nomor 6, yaitu mengecek ketersediaan nama domain lainnya.

domain tersedia

8. Akan muncul total tagihan untuk order Anda pada bagian Detail Orders, pada contoh ini sebesar Rp. 894.960,00, untuk domain tidak dikenakan biaya. Silakan cek kembali pesanan Anda, terutama untuk nama domainnya apakah sudah sesuai atau belum.

detail pemesanan hosting

9. Silakan scroll ke bagian bawah, kemudian klik tombol Selanjutnya.

selesaikan pemesanan

10. Selanjutnya akan tampil halaman Checkout. Jika Anda pengguna baru, yang artinya belum memiliki akun di Niagahoster, silakan klik tombol Selanjutnya. Tapi, jika Anda sudah memiliki akun Niagahoster silakan login dengan memasukkan alamat email dan password akun Anda di Niagahoster.

daftar akun

11. Jika Anda pengguna baru, silakan masukkan detail informasi Anda yaitu berupa Email, Password untuk akun Niagahoster Anda, Nama Lengkap, Alamat, Kota, Kode Post, dan Nomor Telepon.

informasi akun

12. Pada bagian bawah silakan pilih metode pembayaran, terdapat dua jenis, yaitu Manual Aktivasi dan Instant Aktivasi. Silakan pilih salah satu sesuai dengan akun pembayaran yang Anda miliki. Pada contoh ini kami memilih Manual Aktivasi, yaitu pembayaran dengan transfer bank.

metode pembayaran

13. Lanjut ke bagian bawah, jika Anda memiliki kode promo untuk website instant, silakan masukkan pada kolom kode promosi kemudian tekan tombol Terapkan. Jika tidak memiliki kode promo silakan langsung klik tombol Checkout Sekarang.

checkout

14. Akan muncul halaman mengenai order Anda, silakan klik tombol Klik disini untuk cara dan konfirmasi pembayaran. Akan tampil total tagihan yang harus Anda bayarkan, silakan lakukan pembayaran sesuai dengan nominal tagihan tersebut.

detail order

Instal Website Manual

cara membuat website dengan wordpress

Setelah hosting dan domain Anda aktif, langkah selanjutnya adalah menginstal WordPress di cPanel, untuk login ke cPanel silakan gunakan detail login cPanel yang dikirimkan ke email Anda dari Niagahoster. Berikut langkah selengkapnya:

1. Silakan login di cPanel, pada umumnya menggunakan url http://namadomainanda.com/cpanel (ganti namadomainanda.com dengan nama domain yang dimiliki), silakan klik menu berlogo WordPress.

cara membuat website di cpanel

2. Kemudian klik tombol Install Now

cara membuat website dengan wordpress

3. Pada kolom Choose Domain silakan pilih nama domain Anda.

pilih nama domain

4. Selanjutnya untuk mengisi nama website dan deskripsi dapat Anda isi pada bagian Site Settings, di kolom Site Name dan Site Description.

isi nama website dan deskripsi

5. Selanjutnya di bagian Admin Account, silakan isi username, password dan alamat email aktif Anda.

password untuk website wordpress

6. Klik tombol Install untuk menjalankan proses instalasi WordPress.

instalasi wordpress

Jika proses instalasi WordPress Anda berhasil, maka akan tampil pesan sukses seperti keterangan di bawah ini.

url login wordpress

Pada informasi tersebut terdapat dua url, yaitu url website dan url untuk login ke halaman admin WordPress.

Langkah 4: Lakukan Pengaturan Website

pengaturan website

Setelah Anda mendapatkan email mengenai detail akun website dari Niagahoster, Anda perlu melakukan pengaturan website sesuai dengan yang diinginkan. Karena saat ini website Anda masih memiliki tampilan default dari tema yang Anda pilih di langkah sebelumnya.

membuat website pribadi

a. Login Admin Website

Setelah Anda melakukan pembayaran sesuai dengan nominal pada tagihan, maka dalam beberapa menit website instant Anda sudah aktif.

Catatan: Jika Anda telah memilih sebuah domain ketika melakukan pendaftaran, maka perlu diingat bahwa domain Anda tidak akan dapat diakses di internet secara langsung. Proses ini disebut dengan pointing dan membutuhkan waktu 5 menit hingga maksimal 24 jam. Email dan website Anda tidak akan berfungsi dengan baik hingga domain Anda terpointing.

Silakan cek email yang Anda gunakan sesuai dengan akun Niagahoster Anda. Email tersebut berisi informasi detail akun website Anda berupa URL login, username, dan password.

login website pribadi

Catatan: Jika setelah 15 menit dari pembayaran yang Anda lakukan dan tagihan Anda masih belum diproses, maka silakan untuk melakukan konfirmasi secara manual dengan mengikuti panduan pada: https://panel.niagahoster.co.id/pembayaran.

Berikut adalah langkah untuk login ke halaman admin website Anda.

1. Akses URL login admin website sesuai informasi pada email, berikut contoh URL nya: http://domainanda.com/wp-admin

2. Masukkan username dan password yang tertera pada email di bagian Informasi Detail Akun Website, kemudian klik tombol Log In.

login admin website pribadi

3. Jika username dan password yang Anda masukkan sudah benar, maka akan tampil halaman admin seperti gambar di bawah ini.

dashboard wordpress

b. Ganti Tema

Dengan adanya berbagai macam pilihan tema yang menarik dan proses instalasi yang singkat, cara membuat website pribadi akan lebih mudah untuk Anda lakukan. Silakan ikuti langkah di bawah ini jika Anda ingin mengubah tema.

1. Silakan klik menu Inspiration, kemudian pilih tema yang Anda inginkan, pada tutorial ini kami memilih tema Grid One. Kemudian klik tombol Select untuk memulai instalasi tema.

ganti tema wordpress

2. Akan terlihat seperti apa tampilan website Anda, kemudian tekan tombol Next.

cara membuat website pribadi dengan mengubah tema

3. Pada bagian selanjutnya, silakan isi bagian kontak berupa nama website, alamat email, no telepon, alamat, dan Anda juga dapat menambahkan akun sosial media. Jika sudah diisi semua, silakan klik tombol Next.

isi kontak

4. Pilih Make this new Inspiration my website, kemudian klik tombol Install this website! untuk memulai proses instalasi. Setelah proses instalasi selesai, Anda dapat melanjutkan ke tahapan selanjutnya, yaitu mengubah tampilan halaman depan atau Home.

instal tema

c. Edit Halaman Home

Halaman home adalah halaman yang akan tampil ketika nama domain Anda diakses, oleh karena itu silakan lakukan pengaturan pada halaman home, ini adalah cara membuat website pribadi Anda lebih menarik. Berikut adalah langkahnya:

1. Silakan pilih menu Pages > All Pages > Klik Edit pada bagian Home.

cara mengedit homepage

2. Akan tampil halaman editor seperti gambar di bawah ini. Untuk mengganti judul, silakan klik judul kemudian ganti dengan judul yang Anda inginkan. Silakan lakukan hal yang sama jika Anda ingin mengganti isi artikelnya.

mengubah judul

3. Anda juga dapat mengganti gambar pada halaman home, caranya silakan klik pada gambar yang ingin diganti, kemudian pilih logo kamera seperti yang terlihat pada gambar di bawah ini.

ganti gambar

4. Untuk mengubah ukuran gambar, Anda hanya perlu menarik bagian gambar.

mengubah ukuran gambar

5. Jika pengaturan sudah selesai Anda lakukan, silakan tekan tombol Update

update halaman home

d. Edit Halaman Contact Us

Supaya pengunjung dapat menghubungi Anda dengan mudah, silakan edit halaman Contact Us. Berikut langkahnya:

1. Pilih menu Pages > All Pages > Edit pada halaman Contact Us

edit halaman kontak

2. Silakan ubah judul Contact Us, misalnya menjadi Hubungi Saya. Untuk isi konten Anda dapat mengeditnya seperti mengedit halaman Home.

edit halaman contact

3. Jika sudah selesai melakukan perubahan, silakan tekan tombol Update.

update kontak

Untuk mengedit halaman About Us caranya sama seperti mengedit halaman Contact Us, Anda dapat mengubahnya menjadi Tentang Saya, dan untuk kontennya dapat Anda isi dengan penjelasan mengenai diri Anda.

e. Tambah Halaman

Untuk halaman default website hanya terdapat tiga halaman, yaitu halaman Home, About Us, dan Contact Us. Jika Anda ingin menambah halaman lainnya, silakan ikuti langkah di bawah ini.

1. Silakan pilih menu Pages > Add New

menambah halaman

2. Silakan pilih salah satu tampilan yang ingin Anda gunakan untuk halaman baru Anda dengan menekan tombol Select.

pilih tampilan halaman

3. Silakan masukan judul untuk halaman baru Anda, kemudian edit pada bagian konten. Untuk mengedit konten sama seperti mengedit halaman Home. Setelah selesai melakukan perubahan, silakan tekan tombol Publish.

buat halaman baru

4. Untuk halaman baru Anda akan langsung tampil di bagian menu, seperti pada gambar di bawah ini.

halaman baru

f. Ganti Logo Website

Supaya website pribadi Anda terlihat lebih menarik, Anda dapat menambahkan logo seperti langkah berikut ini.

1. Silakan pilih menu Customize

ganti logo website

2. Kemudian klik Site Title & Logo

judul dan logo website

3. Klik tombol Select Logo, pilih logo yang sudah Anda buat

pilih logo

4. Simpan perubahan dengan menekan tombol Save & Publish

simpan logo website

g. Hilangkan Credit Footer / Attribution

Langkah selanjutnya adalah menghilangkan credit footer / attribution, ini adalah cara membuat website pribadi Anda terlihat lebih profesional.

1. Silakan pilih menu Customize

ganti logo website

2. Klik bagian Advanced

ubah credit footer

3. Klik pada bagian Footer Settings

atur footer

4. Pada bagian Attribution Control silakan centang semua, kemudian klik tombol Save & Publish

sembunyikan credit footer

h. Terbitkan Artikel

Silakan terbitkan artikel pertama Anda, berikut adalah caranya:

1. Silakan pilih menu Blog Posts > Add New, kemudian masukkan judul, gambar dan isi artikel seperti yang terlihat pada gambar di bawah ini.

membuat artikel

2. Tentukan kategori artikel Anda dengan menekan tautan +Add New Category, tambahkan kategori dan tekan Enter.

tambah kategori

3. Masukkan tag pada bagian Tags, untu tag dapat Anda isi lebih dari satu, berupa kata kunci dari artikel Anda.

tambah tag

4. Terbitkan artikel dengan menekan tombol Publish

terbitkan artikel

i. Ubah Permalink

Mengubah permalink adalah salah satu cara membuat website Anda supaya setiap URL artikelnya mudah diingat. Tentu pengunjung akan lebih mudah mengingat url postingan dengan alamat http://namadomainanda.com/judul/ jika dibandingkan dengan http://namadomainanda.com/?p=367, berikut langkahnya:

1. Pada dashboard WordPress klik menu Settings > Permalinks

ubah permalink

2. Pilih Post name

pilih post name

3. Tekan tombol Save Changes untuk menyimpan perubahan

simpan perubahan

j. Buat Halaman Baru

Sebuah website tentu akan memerlukan halaman seperti halaman Tentang Kami atau kontak. WordPress, memudahkan Anda bagaimana cara membuat website hanya dengan beberapa klik untuk menambahkan menu. Berikut adalah langkah untuk membuatnya:

1. Silakan pilih menu Pages > Add New

cara membuat website dengan tambah halaman

2. Masukkan judul dan isi konten, kemudian klik tombol Publish

membuat halaman website

k. Tambahkan Menu

Setelah Anda membuat halaman dan ingin menampilkannya pada bagian navigasi bar, silakan tambahkan halaman tersebut pada menu, berikut ini langkahnya:

1. Pilih menu Appearance > Menus

tambah menu

2. Isi nama menu dan klik tombol Create Menu

membuat menu wordpress

3. Centang halaman yang ingin ditambahkan ke menu, klik tombol Add to Menu, centang Top Menu, kemudian klik tombol Save Menu.

Pada langkah ini cara membuat website pribadi sudah hampir selesai, selanjutnya silakan ikuti langkah 3 untuk mengamankan website Anda.

Langkah 5: Optimasi dan Amankan Website Anda

amankan website pribadi

Silakan lakukan beberapa perubahan pada website Anda, yaitu mengganti password dan URL login admin. Ini adalah cara membuat website pribadi Anda lebih aman.

a. Ganti password login admin

1. Silakan untuk mengubah password Admin website Anda, dengan mengakses halaman berikut: http://domainanda.com/wp-admin/profile.php (Silakan ganti domainanda.com dengan domain website Anda).

2. Pada bagian Account Management silakan klik tombol Generate Password

ganti password login

3. Masukkan password yang tidak mudah ditebak tapi Anda mudah mengingatnya, misalkan terdiri dari nama Anda dengan huruf besar dan kecil ditambah dengan angka dan simbol khusus. Contoh: NamaandA@1990

buat password untuk website

4. Scroll ke bagian bawah, kemudian klik tombol Update Profile

update profile

b. Ganti URL Login WordPress

Berikut langkah langkah untuk mengganti URL login halaman admin wordpress dengan menggunakan plugin All In One WP Security & Firewall yang sudah terinstal otomatis pada website instant Niagahoster:

1. Pada dashboard admin, silakan pilih menu WP Security > Brute Force.

url login wordpress

2. Centang bagian Check this if you want to enable the rename login page feature. Masukkan nama URL yang Anda inginkan pada bagian Login Page URL. Klik tombol Save Settings untuk menyimpan perubahan.

ubah url login wordpress

3. Pada langkah ini URL login admin website Anda sudah berubah. Jika Anda ingin mengembalikan url login admin seperti sebelumnya, cukup hilangkan centang pada bagian Check this if you want to enable the rename login page feature

hilangkan centang

Jika Anda ingin mengetahui cara membuat website yang dapat bersaing di search engine, berikut ini adalah beberapa optimasi yang dapat Anda lakukan:

Langkah 6: Optimalkan Website di Mesin Pencari

optimalkan website di google

Langkah pertama untuk terjun ke dunia online, pastikan website Anda mudah diketahui oleh Mesin Pencari, gunakan Webmaster Tools sebagai sarana untuk membantu Anda mengembangkan dan melakukan optimasi pada website. Adapun caranya silakan ikuti tutorial mengenai cara verifikasi Google Webmaster dan Bing Webmaster.

Selain itu, pastikan Anda membuat artikel yang disukai oleh Mesin Pencari dan juga pengunjung website Anda, silakan ikuti tutorial mengenai cara setting Yoast SEO untuk melakukannya.

Kecepatan website juga menjadi salah satu penentu Mesin Pencari dalam menentukan rangking sebuah website, oleh karena itu silakan setting CloudFlare di website Anda.

Video Tutorial Cara Membuat Website

Jika Anda ingin melihat langkah demi langkah cara membuat website pribadi melalui video, berikut kami buatkan langkah-langkahnya melalui video supaya Anda lebih mudah memahaminya.

Itulah cara membuat website pribadi yang bisa Anda coba dengan mudah, jika Anda memiliki pertanyaan terkait tutorial cara membuat website pribadi ini, jangan ragu untuk berkomentar melalui kolom yang tersedia. Silakan Subscribe untuk mendapatkan artikel terbaru langsung di inbox email Anda. 🙂

3
Waryanto Technical Content Writer, Menyukai dunia Technical IT, Digital Marketing & Travel Blogging. Suka berbagi hal baru yang bermanfaat bagi orang lain.

6 Replies to “Cara Membuat Website Langkah Demi Langkah”

  1. Panduan yang sangat bermanfaat. Sepertinya memang wordpress menjadi pilihan utama sebagai CMS., termasuk saya sendiri karena semua website saya menggunakan CMS wordpress.

Leave a Reply

Your email address will not be published. Required fields are marked *

sixteen + five =