Cara Membangun Situs Web dari Awal (Tanpa Keterampilan Coding)
Diterbitkan: 2023-09-06Jika Anda meluangkan waktu sejenak untuk memikirkan situs web yang Anda kunjungi saat ini, Anda mungkin akan terkejut dengan banyaknya fitur yang dimiliki bahkan oleh situs 'yang paling sederhana' sekalipun. Dulu, jika Anda ingin membuat situs web yang terlihat profesional, Anda memerlukan setidaknya beberapa keterampilan pengkodean dasar. Sekarang, siapa pun dapat membangun situs yang tampak hebat dan berfungsi dengan baik, tanpa memerlukan pengkodean apa pun.
Hal ini dimungkinkan berkat sistem manajemen konten (CMS) dan pembuat situs web. Jenis alat ini mendemokratisasi pengembangan web dan memungkinkan Anda membuat jenis situs web yang Anda inginkan. Yang Anda butuhkan hanyalah kemauan untuk mempelajari cara kerjanya, dan meluangkan sedikit waktu dan usaha.
Pada artikel ini, kita akan membahas apa saja yang diperlukan untuk membangun situs web dari awal. Kami akan memandu Anda melalui proses langkah demi langkah, sehingga Anda mengetahui semua yang Anda perlukan untuk memulai.
Apa saja yang diperlukan untuk membuat website dari awal?
Jika Anda ingin membuat situs web tanpa coding, Anda memerlukan alat yang tepat untuk pekerjaan itu. Minimal, Anda menginginkan:
- Platform pembuatan situs web. Pembuat situs web atau CMS yang Anda gunakan harus menawarkan semua fitur yang Anda perlukan untuk mendesain dan menerbitkan halaman sebanyak yang Anda inginkan. Itu termasuk alat untuk membuat dan mendesain halaman dan konten, menjual produk secara online (jika relevan), mengelola pengguna, dan apa pun yang Anda perlukan.
- Akses ke hosting. Setiap situs web membutuhkan hosting. Ini melibatkan pembayaran untuk server yang dikonfigurasi untuk menyimpan file Anda dan membuat situs web Anda tersedia untuk umum.
- Nama domain. Beginilah cara orang mengakses situs web Anda (selain menemukannya di mesin pencari). Nama domain yang bagus dapat membuat atau menghancurkan sebuah situs.
Jika Anda berpikir untuk membuat situs web pertama Anda, elemen-elemen ini mungkin terdengar menakutkan. Anda memiliki jumlah pilihan dan kombinasi yang hampir tak terbatas untuk digunakan oleh pembuat situs web dan host web (belum lagi nama domain!).
Secara khusus, pilihan Anda terhadap platform pembuatan situs web akan menentukan betapa rumitnya menyiapkan situs Anda. Di situlah WordPress.com berperan.
WordPress.com: Cara terbaik untuk membangun situs web Anda
Karena Anda memerlukan pembuat situs web, hosting, dan domain untuk membuat situs, masuk akal untuk memilih solusi yang menawarkan ketiga komponen tersebut. Itulah tepatnya yang dilakukan WordPress.com.
Anda mungkin akrab dengan WordPress. Ini adalah CMS dan platform blog terpopuler di web. Namun yang mungkin tidak Anda ketahui adalah Anda dapat menggunakannya untuk membuat hampir semua jenis situs web yang dapat Anda bayangkan. Banyak fiturnya dirancang dengan mempertimbangkan blogging, tetapi CMSnya sangat dapat disesuaikan.
Ada alasan mengapa WordPress menguasai sekitar 43% dari semuanya situs web. Itu berarti miliaran situs, dan termasuk merek-merek besar seperti Slack, Majalah TIME, CNN, dan banyak lagi.
Dengan WordPress, Anda mendapatkan akses ke sistem intuitif yang mencakup alat untuk pembuatan dan pengelolaan konten, penyesuaian gaya, manajemen pengguna, e-niaga, dan banyak lagi. Tambahkan plugin ke dalamnya, dan Anda dapat mengubah WordPress menjadi platform sempurna untuk hampir semua jenis proyek.
Tidak seperti WordPress 'self-hosted', WordPress.com menyertakan hosting dan domain gratis (tergantung pada paket yang Anda pilih). CMS sudah diinstal sebelumnya dengan setiap paket, sehingga Anda dapat langsung bekerja setelah mendaftar untuk sebuah akun. Ditambah lagi, WordPress.com menawarkan lebih banyak perlindungan dan optimasi dibandingkan kebanyakan web host lainnya.
Cara membangun situs web dari awal (dalam 7 langkah)
Jika Anda bersemangat untuk memulai, Anda datang ke tempat yang tepat. Di bagian berikut, kami akan memandu Anda melalui seluruh proses pembuatan situs web baru Anda dengan WordPress.com!
Langkah 1: Buat akun WordPress.com
Langkah pertama adalah yang termudah. WordPress.com menawarkan beragam paket, jadi Anda harus bisa menemukan sesuatu yang sesuai dengan anggaran Anda. Setiap paket memberi Anda akses ke versi lengkap WordPress (selain dukungan plugin, yang akan segera kita bahas).
Paket WordPress.com gratis tidak membatasi jumlah lalu lintas yang dapat diperoleh situs Anda, dan Anda menerima penyimpanan sebesar 1 GB. Itu cukup untuk blog kecil, jika Anda tidak keberatan menampilkan iklan di situs web Anda.
Paket premium secara bertahap menambahkan lebih banyak fungsi dan pengalaman bebas iklan. Dari Pribadi rencana ke depan, Anda juga mendapatkan domain gratis selama satu tahun dan sertifikat lapisan soket aman (SSL), serta HTTPS otomatis (yang membantu melindungi situs dan pengunjung Anda).
Keajaiban sesungguhnya dari WordPress terbuka dengan Bisnis rencana. Ini adalah opsi yang mencakup dukungan untuk menginstal plugin. Anda dapat menggunakan plugin untuk menambahkan semua jenis fitur baru ke situs web Anda — mulai dari formulir kontak hingga kursus online.
Terakhir, jika Anda ingin menggunakan WordPress untuk meluncurkan toko e-niaga, Anda memerlukan Commerce rencana. Ini adalah paket paling lengkap yang ditawarkan WordPress.com, namun ini berarti keamanan dan kinerja terbaik untuk toko online.
Luangkan waktu untuk mempertimbangkan paket apa yang ingin Anda gunakan. Jika ini adalah pertama kalinya Anda menggunakan WordPress, mungkin yang terbaik adalah mencoba paket gratis terlebih dahulu. Dengan begitu, Anda dapat mengenal platform ini dan mengetahui fitur lanjutan apa yang Anda inginkan.
Langkah 2: Pilih dan daftarkan nama domain
Selanjutnya, Anda memerlukan nama domain. Ini menjadi dasar URL situs web Anda (misalnya jetpack.com ).
Jika Anda memilih salah satu paket WordPress.com yang dilengkapi dengan pendaftaran nama domain gratis, prosesnya cepat. Anda dapat menggunakan registrar domain pihak ketiga, namun hal ini memerlukan biaya tambahan.
Rata-rata, domain .com berharga sekitar $10 per tahun. Namun, biayanya dapat bervariasi tergantung pada domainnya, dan harganya tidak sama untuk setiap domain tingkat atas ( .com vs .net vs .org ).
Untuk situs web pertama Anda, biasanya yang terbaik adalah tetap menggunakan .com , karena ini merupakan opsi yang aman dan terkenal. Yang perlu Anda lakukan hanyalah mencari nama yang tepat untuk situs web Anda.
Langkah ini sangat pribadi, dan akan bervariasi tergantung pada tujuan yang Anda miliki untuk situs web Anda. Oleh karena itu, berikut beberapa tip cepat yang perlu diingat saat memilih domain Anda:
- Tetap sederhana. Anda pasti ingin nama domain Anda mudah diingat dan diketik.
- Buatlah unik, atau jelas terhubung dengan bisnis/merek Anda. Jika Anda kesulitan menemukan nama yang unik, pertahankan istilah dan kata kunci yang berhubungan dengan bisnis atau merek Anda. Untuk portofolio dan situs pribadi, Anda dapat menggunakan variasi nama Anda sendiri.
- Hindari domain generik. Meskipun sebaiknya domain Anda sederhana dan jelas, Anda tidak ingin domain tersebut mudah tertukar dengan merek lain. Domain seperti cheaptents . com mungkin dapat menyampaikan maksudnya, namun tidak memberikan kontribusi terhadap pengenalan merek yang unik.
Jika Anda kesulitan menemukan nama, ada banyak alat pembuat nama domain yang dapat Anda gunakan. Alat-alat ini akan mengambil kata kunci dan menghasilkan ratusan domain potensial (dan bahkan menunjukkan kepada Anda domain mana yang tersedia). Meskipun mereka tidak menyarankan opsi apa pun yang Anda suka, mereka bisa menjadi tempat yang bagus untuk bertukar pikiran.
Langkah 3: Pilih tema untuk menyesuaikan tampilan situs Anda
Setelah Anda mendaftar ke WordPress.com, Anda akan segera mendapatkan akses ke dasbor baru Anda. Di sana, Anda akan dapat melihat situs web Anda dan mulai melakukan perubahan. Saat ini, situs web Anda seharusnya cukup kosong, dengan hanya halaman default yang disiapkan tema Anda.
Tema WordPress adalah kumpulan template dengan gaya unik. Tema memungkinkan Anda mengubah desain situs web Anda dengan mudah. Bahkan ada tema yang dirancang untuk jenis situs web tertentu, seperti blog atau toko online.
Desain yang langsung Anda lihat akan ditentukan oleh tema default terbaru WordPress. Untuk mengubahnya, buka halaman Appearance → Themes . Di sana, Anda akan melihat ikhtisar semua tema yang terpasang di situs web Anda.
Anda dapat mengubah tema dengan memilih salah satu dan mengklik tombol Aktifkan . Untuk menemukan opsi baru, pilih Tambah Baru . Ini akan membuka repositori tema WordPress tanpa meninggalkan dasbor.
Dari sini, Anda memiliki akses ke semua tema gratis yang tersedia untuk WordPress. Jika Anda melihat yang Anda suka, arahkan mouse ke atasnya untuk melihat pratinjau, atau langsung saja dan klik Instal .
WordPress akan mengunduh tema di latar belakang, dan jika sudah siap, Anda dapat mengaktifkannya. Setelah Anda melakukannya, periksa tampilan situs web Anda menggunakan tema baru.
Mungkin perlu beberapa kali percobaan untuk menemukan tema yang sempurna. Ada ribuan opsi gratis yang tersedia, jadi bersabarlah sampai Anda menemukan desain yang sesuai dengan visi situs Anda.
Perhatikan bahwa beberapa paket WordPress.com juga memberi Anda opsi untuk mengunggah tema. Itu agar Anda dapat menggunakan tema yang Anda unduh atau beli dari situs web dan pasar pihak ketiga.
Tema premium bisa sangat berguna, tetapi sebaiknya jangan mengeluarkan uang untuk membeli tema tersebut sampai Anda lebih memahami cara kerja WordPress. Dengan begitu, Anda akan tahu persis apa yang Anda inginkan saat mulai menjelajahi pasar pihak ketiga.
Langkah 4: Rancang situs Anda dengan editor drag-and-drop
Setelah Anda puas dengan tema Anda, inilah saatnya pekerjaan sebenarnya dimulai. Itu berarti membuat beranda untuk situs web Anda. Untuk itu, Anda akan menggunakan editor drag-and-drop WordPress, juga dikenal sebagai Block Editor.
Untuk memulai, buka bagian Halaman di dasbor Anda dan pilih Tambah Baru . Ini akan meluncurkan Editor Blok. Saat Anda memulai dengan halaman kosong, editor akan terlihat seperti ini:
Tombol tanda plus yang Anda lihat di tengah layar memungkinkan Anda menambahkan blok ke halaman. Blok adalah elemen siap pakai yang bisa berupa apa saja, mulai dari paragraf hingga daftar, gambar, formulir, dan banyak lagi. WordPress hadir dengan lusinan blok, termasuk setiap elemen yang Anda perlukan untuk mendesain situs web.
Setelah menambahkan blok, Anda dapat mengkliknya, dan menu di sebelah kanan layar akan menampilkan opsi penyesuaiannya. Anda juga dapat menambahkan blok teks dasar, seperti opsi Paragraf dan Daftar .
Pada tahap ini, kami menyarankan Anda bermain-main sedikit dan membiasakan diri dengan blok yang ditawarkan editor. Jangan khawatir jika Anda tidak yakin harus mulai dari mana. Cukup pelajari cara kerja editor, coba gunakan blok yang berbeda, atur ulang dengan menyeret dan melepas, dan lihat opsi penyesuaian apa yang tersedia.
Anda dapat mengklik tombol Pratinjau di bagian atas layar kapan saja untuk melihat tampilan desain Anda setelah Anda mempublikasikannya. Jika Anda tidak puas, Anda selalu dapat terus mengutak-atiknya, karena setiap halaman di WordPress dapat disesuaikan sepenuhnya.
Jika Anda tidak yakin jenis desain apa yang ingin Anda gunakan, Anda dapat masuk ke menu Pola dengan mengklik tanda tambah berwarna biru di bagian atas layar. Menu ini akan menampilkan semua blok di sidebar, serta kategori berlabel Patterns .
Pola adalah bagian halaman yang telah dirancang sebelumnya yang dapat Anda gunakan sebagai titik awal. Memilih pola akan menambahkannya ke halaman, dan Anda akan dapat mengedit komponennya (semuanya berupa blok) untuk menyesuaikannya sesuai keinginan Anda.
Menggunakan pola adalah jalan pintas yang bagus, memberi Anda desain luar biasa sebagai titik awal. Setiap pola dapat digunakan secara gratis, jadi silakan bereksperimen dengannya.
Jika Anda puas dengan desain halamannya, klik tombol Publikasikan . WordPress akan menyimpan kemajuan Anda sebagai “draf” saat Anda mengedit halaman atau postingan. Itu tidak benar-benar mempublikasikan halaman (membuatnya terlihat oleh pengunjung) sampai Anda mengklik tombol Publikasikan .
Sebelum Anda mulai mengerjakan halaman lain, Anda juga perlu mempelajari cara mengedit menu WordPress dan cara mengatur beranda. Ini akan memungkinkan Anda untuk menyesuaikan navigasi situs Anda dengan cara apa pun yang Anda inginkan.
Pelajari lebih lanjut di panduan kami tentang Editor Blok WordPress.
Langkah 5: Tambahkan halaman, konten, gambar, dan video
Membuat satu halaman adalah awal yang baik, tetapi itu tidak membuat situs web menjadi lengkap. Bergantung pada ide yang ada dalam pikiran Anda, Anda mungkin perlu mendesain beberapa halaman.
Anda mungkin juga ingin membuat postingan, jika Anda berencana membuat blog, feed berita, atau fitur serupa. WordPress akan menampilkan postingan terbaru Anda di halaman Blog secara default.
Proses membuat dan memublikasikan postingan bekerja sama seperti pada halaman. Buka layar Postingan dan klik Tambah Baru . Ini akan meluncurkan editor dengan papan kosong.
Bagaimana Anda menyusun konten situs terserah Anda. Namun, setiap postingan mungkin memerlukan teks, gambar, dan terkadang video. Anda dapat menambahkan salah satu elemen tersebut dengan memilih opsi untuk menempatkan blok pada halaman.
Untuk menambahkan gambar atau video, Anda harus mengunggahnya terlebih dahulu ke WordPress. Untuk melakukan ini, pilih opsi Gambar atau Video dari menu blok dan klik Unggah .
Anda akan mendapatkan opsi untuk memilih file dari perangkat lokal Anda dan mengunggahnya ke situs web. Setelah pengunggahan selesai, Anda dapat memilih gambar dan menempatkannya di halaman atau postingan.
Ingatlah bahwa Anda mungkin memiliki batas penyimpanan, bergantung pada paket WordPress.com yang Anda gunakan. Platform ini juga tidak mendukung semua format gambar atau video, tetapi berfungsi dengan semua opsi utama. Jika Anda berencana menampilkan banyak media, Anda bisa mendapatkan hosting video dengan Jetpack.
Seperti halnya halaman, setelah selesai mengerjakan konten terbaru, Anda dapat memilih untuk menerbitkannya atau menyimpannya sebagai draf. Setelah Anda menekan tombol Publikasikan , pengunjung akan dapat melihat konten di website Anda.
Langkah 6: Tambahkan produk, pembayaran, dan pengiriman (jika ada)
Langkah ini hanya berlaku jika Anda sedang membangun toko online, dan jika Anda memilih paket WordPress.com yang memungkinkan Anda mempublikasikan dan menjual produk menggunakan WooCommerce. Jika Anda belum mengetahuinya, WooCommerce adalah plugin e-niaga untuk WordPress. Itu menambahkan semua fitur yang Anda perlukan untuk etalase.
Setelah Anda menginstal WooCommerce, Anda dapat mulai menambahkan produk ke situs web Anda menggunakan opsi Produk → Tambah Baru . Ini akan meluncurkan editor sederhana di mana Anda dapat mengatur judul dan harga produk, menambahkan deskripsi, dan menentukan jenis itemnya (fisik atau virtual).
Editor WooCommerce tidak menggunakan blok. Ini lebih seperti serangkaian formulir yang Anda isi untuk menambahkan informasi produk.
Jika Anda ingin mempelajari lebih lanjut, lihat tutorial tentang cara menambahkan dan mengedit produk WooCommerce. Saat melakukannya, Anda juga dapat mengunjungi tutorial berikut yang menjelaskan metode pembayaran WooCommerce dan cara mengonfigurasi pengiriman.
Langkah 7: Luncurkan situs web Anda
Dengan WordPress.com, tidak ada tombol “ luncurkan” atau apa pun yang harus Anda klik agar situs web Anda dapat ditayangkan. Segera setelah Anda menekan tombol Publikasikan untuk suatu halaman atau postingan, pengunjung akan dapat melihatnya. Yang harus Anda lakukan sebenarnya adalah menarik pengunjung tersebut.
Jika Anda ingin mengandalkan mesin pencari, Anda perlu mempelajari tentang optimasi mesin pencari (SEO). Anda juga dapat menggunakan media sosial atau iklan berbayar untuk mengarahkan lalu lintas ke situs web Anda, bergantung pada audiens dan anggaran Anda.
Apa pun rute yang Anda pilih, perlu diingat bahwa membangun audiens dapat memakan waktu cukup lama. Tidak ada situs web yang diluncurkan dan mendapatkan ribuan pengunjung dalam semalam (kecuali Anda terkenal), jadi bersabarlah dan teruslah menerbitkan konten baru.
Contoh website yang dibangun dengan WordPress.com
Bahkan dengan platform ramah pemula seperti WordPress.com, membangun situs web secara keseluruhan bisa terasa menakutkan. Anda mungkin tidak yakin seperti apa tampilannya, atau apa yang harus disertakan. Jika kedengarannya familier, bagian ini cocok untuk Anda.
Cara terbaik untuk memulai adalah dengan menjelajahi situs web yang sudah ada yang dibuat menggunakan WordPress.com. Ini akan memberi Anda gambaran tentang apa yang mungkin, dan membantu Anda mengetahui apa yang Anda suka dan tidak suka.
Misalnya, Kiss My Spatula adalah blog makanan yang menampilkan cerita orang-orang yang makan di seluruh dunia. Postingan dikategorikan berdasarkan benua, bersama dengan menampilkan daftar tips perjalanan.
WordPress bukan hanya rumah bagi blog. Perusahaan besar dan kantor berita juga mengandalkan WordPress.com. Misalnya, FiveThirtyEight adalah salah satu situs analisis jajak pendapat dan politik paling populer di AS.
Bagi banyak perusahaan besar, menggunakan WordPress masuk akal karena ini adalah pembuat situs web yang teruji dan siap untuk bisnis yang menawarkan semua yang Anda perlukan untuk mengembangkan merek Anda. Ruang Berita Meta berfokus pada penerbitan berita tentang semua perusahaan yang berada di bawah payungnya.
Situs web ini didukung oleh WordPress VIP (dimiliki oleh Automattic, sama seperti WordPress.com), yang melayani situs web tingkat perusahaan. Jika situs web Anda cukup berkembang, Anda mungkin akan menggunakan layanan tersebut suatu saat nanti!
Pertanyaan yang sering diajukan
Sekarang, Anda siap untuk mulai membangun situs web Anda sendiri dengan WordPress.com. Sebelum Anda pergi, mari kita selesaikan pertanyaan yang masih ada.
Berapa biaya untuk membuat dan menghosting situs web?
Biaya pembuatan dan hosting situs web akan bergantung pada jenis situs yang ingin Anda buat dan platform hosting yang Anda pilih. Jika Anda ingin menyewa seorang pengembang, misalnya, situs web Anda bisa menghabiskan biaya ribuan dolar.
WordPress.com memberi Anda banyak opsi yang menyesuaikan dengan anggaran berbeda. Bahkan ada paket gratis yang mencakup pembuat situs web dan hosting. Itu memang termasuk iklan, tetapi tidak membatasi lalu lintas dengan cara apa pun.
Anda juga dapat memilih untuk memulai dengan paket bebas iklan dari awal. WordPress.com menawarkan paket awal yang bagus yang disebut Personal , dengan biaya $4 per bulan dan termasuk domain gratis.
Apakah saya memerlukan keterampilan coding untuk membuat situs web?
Jika Anda ingin membuat situs web yang sepenuhnya disesuaikan dari awal, Anda harus mengetahui cara membuat kode. Alternatifnya adalah dengan menyewa pengembang web atau agen untuk melakukannya untuk Anda (yang mungkin mahal).
Ingin mengambil rute ini? Dibangun oleh WordPress.com dapat mengurus semuanya untuk Anda. Dibuat oleh Happiness Engineers WordPress.com, Anda pasti akan mendapatkan situs berkualitas hanya dalam empat hari.
Untuk semua orang, WordPress.com menawarkan pengalaman pembuat situs web visual yang memungkinkan Anda membuat situs web unik tanpa mengetahui apa pun tentang kode. Bahkan jika Anda memiliki pengalaman pengembangan web, WordPress.com memungkinkan Anda meluncurkan situs web lebih cepat dan mudah dari sebelumnya.
Berapa lama waktu yang dibutuhkan untuk membuat website dari awal?
Berapa lama waktu yang dibutuhkan untuk membuat situs web bergantung pada seberapa paham Anda dengan prosesnya, alat yang Anda gunakan, dan cakupan proyek Anda. WordPress.com sangat ramah pengguna. Namun, Anda tetap perlu memahami cara kerja platform dan Editor Blok.
Setelah Anda memahami cara menggunakan Editor Blok, Anda dapat mendesain banyak halaman hanya dalam beberapa jam. Jika Anda membuat situs web yang relatif kecil, Anda seharusnya bisa menyelesaikan semuanya dalam beberapa hari.
Akankah situs web aman dan terlindungi bagi pengunjung?
Salah satu kelemahan harus mencari-cari web host adalah keamanan sebagian besar berada di tangan Anda. Beberapa host menawarkan fitur keamanan yang layak, namun tanggung jawab untuk melindungi situs web Anda sepenuhnya ada di tangan Anda.
WordPress.com melakukan sesuatu secara berbeda. Platform ini dirancang untuk menawarkan pengalaman hosting yang aman. Setiap paket dilengkapi dengan sertifikat lapisan soket aman (SSL) gratis, serta plugin Jetpack. Artinya, Anda mendapatkan akses ke keamanan bawaan, pencadangan real-time, optimalisasi kecepatan, dan banyak lagi.
Apakah situs webnya akan mobile-friendly?
Editor Blok WordPress sangat ramah seluler. Anda dapat menggunakan editor untuk melihat pratinjau tampilan situs Anda pada resolusi yang berbeda, termasuk pada perangkat seluler.
Perlu diperhatikan juga bahwa beberapa tema lebih ramah seluler dibandingkan tema lainnya. Sebaiknya uji beberapa opsi sebelum mengambil keputusan, sehingga situs Anda terlihat dan berfungsi dengan baik bagi semua pengunjung.
Bangun situs web tanpa coding berkat WordPress.com
Baik Anda tahu cara membuat kode atau tidak, menggunakan WordPress.com untuk membangun situs web Anda adalah pilihan cerdas. Pembuat situs web ini menawarkan semua alat yang Anda perlukan untuk membuat halaman yang terlihat profesional, dan Anda tidak memerlukan keahlian teknis khusus.
Selain itu, paket WordPress.com menggabungkan semua yang Anda perlukan, termasuk hosting dan nama domain. Anda juga mendapatkan akses ke Jetpack, yang berarti pencadangan otomatis gratis, pengoptimalan kecepatan, pemindaian malware, dan banyak lagi!