Cara Membuat Website Sendiri: Panduan Lengkap

Bikin Situs Web Sendiri!

* Diterjemahkan oleh: Muhammad Ruby Ernawa / Indeks Panduan Bahasa Indonesia.

Dalam artikel ini, saya akan menunjukkan langkah-langkah penting dalam membuat website yang baik.

Membuat website dasar sangatlah mudah dan tidak butuh waktu lebih dari satu jam.

Namun yang sedikit rumit adalah memahami keinginan Anda dan menyesuaikannya dengan situasi yang ada. Karena beberapa langkah memerlukan pengetahuan lebih lanjut, jadi saya menyertakan tautan terkait referensi mendetail jika dibutuhkan.

Mengapa Anda membuat website?

Sebelum memulai, penting sekali untuk menentukan tujuan utama Anda.

Kita tahu bahwa website dapat menjadi bagian penting dari kehadiran online kita – untuk perusahaan maupun individu. Bagi individu, website dapat menjadi profil diri biasa atau portofolio yang detail. Untuk perusahaan, website harus menjadi bagian dari aset Anda dan terhubung dengan profil, produk, atau apa pun yang Anda lakukan.

Jika tujuannya jelas, proses pembuatan website jadi lebih mudah – misalnya saat memilih platform yang akan digunakan, saluran pemasaran mana yang ingin dilibatkan, dll.

Beberapa alasan umum saat orang ingin membuat website:

Untuk menjual produk – Jika tujuan utama Anda adalah menjual produk, website Anda harus menampilkan produk, memiliki keranjang belanja online, metode pembayaran yang aman, dan sistem point of sale (PoS) jika ada.

Untuk menampilkan informasi – Jika tujuan Anda adalah menampilkan informasi perusahaan atau pribadi, sebaiknya buat website satu halaman yang sederhana di platform yang terjangkau.

Untuk berbagi ide atau pengalaman – Blog biasanya menjadi medium terbaik bagi pengguna yang suka menulis dan berbagi ide dengan dunia.

Tidak harus terpaku dengan alasan-alasan di atas. Anda dapat memiliki website yang mengombinasikan dua tujuan di atas atau lebih.

Langkah-Langkah Penting untuk Membuat Website Anda Sendiri

Jika masalah tujuan sudah diatasi, sekarang waktunya membuat website! Untuk memulai, pertama-tama yang Anda butuhkan adalah…

1. Beli nama domain

Untuk membuat website, pertama kali yang Anda butuhkan adalah nama domain.

Nama domain adalah alamat yang menjadi identitas website Anda di Internet. Contohnya seperti Yahoo.com, Google.com, atau BuildThis.io (ya, situs ini!).

Untuk memiliki domain, Anda harus mendaftarkannya dengan registrar domain.

Perhatikan bahwa nama domain Anda harus unik – nama tidak boleh sama dengan milik orang atau organisasi lain mana pun. Registrar domain akan membantu Anda memeriksa apakah nama domain Anda cukup unik sebelum mengizinkan Anda melanjutkan pendaftaran.

GoDaddy dan NameCheap adalah dua registrar domain yang populer. Saya telah lama menggunakan layanannya untuk mengelola domain saya.

Pelajari selengkapnya

2. Daftar web hosting

Web host adalah komputer besar (yang biasa disebut server) yang digunakan untuk menyimpan file yang dibutuhkan untuk website Anda.

Bayangkan saja sebagai rumah yang menyimpan perabot dan peralatan rumah tangga – rumah adalah web host Anda dan seluruh isinya adalah konten website Anda. Konten website biasanya meliputi teks, gambar, video, dan elemen lainnya yang menurut Anda penting.

Kini, web hosting hadir dalam berbagai paket.

Biasanya, penyedia web hosting hanya menyewakan server yang dilengkapi dengan software dasar dan dukungan teknis. Menghosting website dengan penyedia hosting tradisional biasanya lebih murah dan fleksibel; tetapi harus kerja ekstra keras untuk menyiapkan website.

Kini, perusahaan menyatukan berbagai layanan dan memungkinkan pengguna membuat, menghosting, dan mengelola website hanya dari satu penyedia layanan. Dan kami biasanya menyebut perusahaan ini sebagai Pembuat Website atau Pembuat Toko Online. Menghosting website dalam “bundel” biasanya mahal dan kurang fleksibel; tetapi Anda dapat membuat website atau toko online dengan mudah.

Platform hosting untuk pemula

Jika baru memulai – hosting bersama tingkat dasar biasanya sudah cukup. Untuk itu, sebaiknya gunakan Paket Tunggal Hostinger – dengan paket ini, Anda dapat menghosting satu website dengan murah, hanya Rp 8,739/bulan.

Hostinger
Hostinger memberdayakan lebih dari 29 juta pengguna dan memiliki 30 kantor yang tersebar di seluruh dunia.
Paket Single Hostinger
Paket “Single” Hostinger – Menghosting satu website dengan penyimpanan 10 GB SSD dan bandwidth 100 GB (lebih dari cukup untuk permulaan) untuk Rp 8,739/bulan.

Kunjungi Hostinger

 

Platform hosting untuk e-commerce/perusahaan

Jika berencana untuk menjual produk langsung dari website Anda (toko e-commerce), sebaiknya Anda mencoba Shopify Basic (Rp 406.000/bulan).

Toko e-commerce menggunakan Shopify
800.000 toko e-commerce menggunakan Shopify, termasuk Toko NBA Lakers dan Tattly.com.

Penasaran apa kriteria web host yang bagus? Pelajari 16 faktor utama yang harus dipertimbangkan saat memilih web host.

3. Desain halaman web

Setelah nama domain dan web host siap, waktunya membuat sesuatu di Internet. Untuk mendesain halaman web, Anda dapat menyewa pengembang web atau membuatnya sendiri.

Kami membahasnya dengan detail mengenai cara menyewa pengembang web untuk mengerjakan tugas pengembangan web di sini. Sebaiknya Anda melewati langkah-langkah berikut dan lanjut ke halaman berikutnya jika berencana menyewa seseorang untuk mengembangkan website Anda.

Bagi yang suka melakukannya sendiri, berikut adalah tiga langkah mudah untuk mendesain halaman web:

1- Editor What-you-see-is-what-you-get (WYSIWYG) atau Yang-Dilihat-Adalah-Yang-Didapat

Dengan editor WYSIWYG, Anda dapat menyiapkan website dan mendesain halaman web dari nol tanpa koding. Fungsinya sama dengan pemroses kata biasa – Anda mulai dengan halaman template atau kosong, lalu membuat halaman website. Setelah selesai, Anda dapat mengisinya dengan konten dan mengunggah seluruh folder ke web host menggunakan program protokol transfer file (FTP).

Jika menggunakan metode ini, sebaiknya Anda menguasai kemampuan HTML/CSS dasar dan kurang lebih tahu cara kerja Internet.

Terdapat beberapa editor web WYSIWYG – ada yang gratis untuk pengunaan non komersil, sedangkan yang lain berbayar. Microsoft Expression Web, Google Web Designer, BlueGriffon, dan Open Element adalah editor bagus yang dapat Anda coba.

Untuk program FTP – FileZilla dan WinSCP adalah dua pilihan terbaik.

Microsoft Expression - WYSIWYG editor
Contoh – Berikut adalah tangkapan layar dari Editor Web Microsoft Expression. Daftar Folder (kiri) – Susun website Anda menggunakan folder. Editor (tengah) – Tulis dan bentuk teks Anda. Gaya / Kotak peralatan (kanan) – Hias dan desain halaman Anda menggunakan CSS (opsional). Perhatikan bahwa Anda perlu membuat indeks nama halaman (.html/.htm/.php/.asp) – indeks ini akan berfungsi sebagai halaman beranda website Anda.

Opsi ini hanya memungkinkan apabila Anda menggunakan hosting tradisional (misalnya Hostinger). Menggunakan editor WYSIWYG memang fleksibel dan seru jika Anda suka belajar koding web… tetapi ini bukan pilihan yang tepat bagi pemula yang ingin membuat website dengan instan.

2- Sistem manajemen konten (CMS)

Kini, sebagian besar website dibuat dan dikelola dengan CMS. CMS menghadirkan banyak keuntungan dari sudut pandang pemilik situs. Mudah dikelola, fleksibel dalam hal desain dan pengembangan, serta hemat biaya (bahkan gratis!) – inilah tiga keuntungan utamanya.

Jika belum pernah mendengarnya – WordPress, yang memberdayakan ~33% dari semua website di Internet, adalah CMS yang paling populer di dunia.

Bagi yang suka pilihan hosting konvensional di langkah #2, Anda dapat menginstal WordPress hanya dalam beberapa klik.

Installer Otomatis WordPress di Hostinger
Berikut adalah cara menyiapkan WordPress di Hostinger. Login ke akun Hostinger Anda, buka Website > Installer Otomatis > WordPress > Siapkan kata sandi dan nama website > Instal.

Anda akan mendapatkan kerangka kerja website dasar setelah WordPress berhasil diinstal. Lalu Anda dapat mendesain halaman web Anda menggunakan template WordPress. Template WordPress yang sudah dibuat sebelumnya  tersedia secara gratis di WordPress.org (direktori tema resmi). Atau Anda dapat membeli template premium dari pengembang profesional seperti Elegant Themes atau Artisan.

Disha menjelaskan cara membuat blog atau website menggunakan WordPress di sini. Harap ikuti petunjuk jika Anda butuh informasi lebih lanjut.

Catatan – Anda tidak dapat menggunakan CMS jika Anda memilih platform “Bundel” seperti Wix atau Weebly di langkah #2.

3. Pembuat website/toko drag-and-drop

Pembuat website/toko drag-and-drop adalah cara termudah dan tercepat untuk membuat website .

Anda tidak perlu kemampuan pengembangan web – cukup pilih template yang dibuat sebelumnya, pilih elemen web yang dibutuhkan dari pembuat (misalnya formulir kontak, menu drop-down, Google Map, tombol bayar, keranjang belanja, dll.), dan website Anda sudah siap.

Terdapat banyak pembuat website yang ada di Internet – Wix dan Weebly adalah yang paling populer. Dan seperti yang disebutkan di atas, Shopify dapat menjadi pilihan bagus jika Anda membuat toko online.

Demo Wix

Bikin website di Wix
Mendesain halaman web Anda di Wix:  Menu Situs (kiri) – Kelola halaman, pilih latar belakang situs, atur navigasi situs, tambahkan teks dan tautan, unggah gambar, dll di sini; Penyelarasan (tengah/kiri) –  Atur dan selaraskan elemen website Anda di sini; Pratinjau (kanan atas) – Simpan pratinjau, dan publikasikan website Anda.
Desiging a website on Wix prebuilt templates
Template Wix – terdapat ratusan template yang sudah dibuat sebelumnya di Wix (lihat semua).

Kunjungi Wix

Demo Shopify

Creating and editing a website using Shopify editor
Mendesain tampilan toko online Ana dengan tema yang dibuat sebelumnya di Shopify. Menu (kiri) – Pilih tema dan tambahkan elemen toko (slide, headline, gambar, catatan kaki, dll) di sini; Pratinjau (tengah/kanan) – Pratinjau toko Anda di sini.
Shopify tema
Shopify menawarkan berbagai macam tema premium dan gratis (lihat contohnya).

Kunjungi Shopify

Pelajari selengkapnya

4. Validasi dan uji website Anda

Setelah website Anda siap – waktunya memvalidasi dan menguji apakah website berfungsi di browser-browser besar (Chrome, Firefox, Safari, Microsoft Edge, IE 11, dll.) serta di ukuran layar yang berbeda-beda.

Kita dapat menjalankan pengujian ini dengan bantuan alat-alat gratis di Internet.

Validasi Markup

Validasi markup situs Anda
Validasi markup website Anda dengan mudah menggunakan W3C Markup Validation Service.

Apa itu validasi markup? Bahasa atau script koding seperti HTML, PHP, dan lainnya memiliki format, kosakata, dan sintaksnya sendiri-sendiri. Validasi markup adalah proses memverifikasi apakah website Anda mengikuti aturan-aturan ini.

Uji Browser

Uji website Anda
Uji website Anda di 115 browser sekaligus melalui BrowserShots.

Uji Layar

Uji website Anda
Gunakan Screenfly untuk mempratinjau halaman web Anda di monitor, tablet, smartphone, dan pereangkat dengan ukuran layar lainnya.

5. Menyempurnakan dan mengembangkan website Anda

Memublikasikan website Anda di Internet adalah tahap pertama. Masih banyak hal lain yang harus dilakukan untuk memastikan kesuksesan website Anda. Berikut adalah tugas yang harus dilakukan…

Tingkatkan kecepatan website

Google telah menyatakan dengan jelas bahwa kecepatan situs adalah salah satu faktor utama. Ini berarti peringkat situs Anda dapat naik jika pemuatannya berlangsung dengan cepat.

Selain itu – semakin cepat pemuatan website, semakin senang pengunjung website Anda. Terbukti dalam berbagai studi kasus dan eksperimen, bahwa website yang pemuatannya lambat akan merusak pengalaman pengguna dan memengaruhi pendapatan website. Amazon akan merugi kira-kira Rp 23.1 triliun jika situs melambat meskipun hanya satu detik.

Jika kecepatan website Anda saat ini lambat, pelajari cara untuk meningkatkannya.

Tingkatkan visibilitas pencarian website

Anda tidak perlu menjadi ahli dalam optimalisasi mesin pencarian (SEO) agar website Anda mendapat perhatian. Tetapi kemampuan SEO ini akan bermanfaat jika Anda menguasainya.

Buat akun webmaster di Google Search Console untuk mengirimkan website Anda ke to Google dan mengidentifikasi masalah SEO apa pun. Lakukan penelusuran kata kunci dasar lalu optimalkan judul halaman dan heading untuk kata kunci utama Anda. Implementasikan markup skema pada situs Anda agar menonjol di halaman hasil pencarian.

Untuk tips SEO selengkapnya, baca panduan SEO untuk pemula kami.

Implementasikan HTTPS

Sejak Google Chrome mulai melabeli website HTTP sebagai “Tidak Aman”, sertifikat SSL menjadi penting. Untuk memastikan bahwa website Anda “tepercaya” untuk dikunjungi pengguna – koneksi HTTPS adalah suatu keharusan.

Tambahkan halaman penting

Dua website tidak akan sama karena keduanya mungkin memiliki tujuan dan/atau fungsi yang berbeda. Namun, terdapat tiga halaman standar yang harus dimiliki tiap website: Indeks (halaman beranda), Halaman Tentang, dan Halaman Kontak.

Halaman beranda

Halaman beradan sering kali menjadi tempat pertama yang dilihat pengunjung saat membuka website Anda. Halaman beranda Anda harus mempromosikan hal yang tepat untuk mendorong pengunjung agar mengakses situs Anda lebih dalam.

Contoh situs web - Haus
Misalnya – Halaman beranda Haus memiliki menu navigasi yang jelas dan desain bergaya galeri (yang sempurna untuk menampilkan produk).

Halaman Tentang

Halaman Tentang adalah halaman yang membangun rapor Anda dengan pengunjung. Fungsinya untuk memperkenalkan diri Anda dan memberikan informasi mendetail tentang website Anda. Biasanya halaman ini menyertakan foto orang yang memiliki dan menjalankan website.

Contoh situs web - Bulldog Skincare
Misalnya – Halaman Tentang miliki Bulldog Skincare memberikan pesan yang hangat dan mengesankan.

Halaman kontak

Penting untuk berkomunikasi dengan pengguna dan klien potensial Anda. Oleh karena itu, halaman kontak wajib ada. Sertakan semua saluran komunikasi yang ada (profil media sosial, formulir kontak, alamat email, dll) untuk memastikan bahwa pengunjung Anda dapat menghubungi Anda.

Contoh situs web - Survicate
Misalnya– Halaman kontak Survicate didesain dengan indah yang menyertakan kolom formulir yang besar, kalimat ajakan yang jelas, serrta memiliki semua informasi yang penting.

Perluas jangkauan Anda di platform media sosial

Website Anda juga harus memiliki kehadiran di platform media sosial tempat sebagian besar audiens sasaran Anda nongkrong. Bagi BuildThis.io, platform itu berarti Facebook danTwitter. Bagi yang lain, mungkin LinkedIn, Tumblr , atau Pinterest.

Berikut adalah tips pemasaran media sosial bagi pemula.

Tambahkan favicon

Apakah Anda melihat huruf “B” di lingkaran kuning yang muncul di bagian kiri tab browser Anda? Itu namanya “favicon”.  Seperti logo, favicon adalah elemen visual berukuran lebih kecil yang mewakili sebuah website.

Favicon adalah teknik branding kecil yang seringkali diremehkan oleh pemilik website. Jika Anda merasa demikian – pastikan Anda menggunakan pembuat favicon gratis untuk membantu Anda.

Selesaikan Pembuatan Website Anda Sekarang Juga!

Anda kini telah mempelajari banyak tentang cara membuat website yang bagus. Waktunya menerapkan ilmu Anda. Buat sekarang dan guncang jagat internet!

 

* Terjemahan: EN ID