Cara Membangun Situs Web: Panduan Pemula A-to-Z

Pada artikel ini, saya akan menunjukkan kepada Anda langkah-langkah penting dalam membuat situs web.


  1. Daftarkan nama domain
  2. Mendaftar untuk hosting web
  3. Rancang halaman web Anda
  4. Validasi dan uji situs web Anda
  5. Hasilkan uang dan tumbuh

Membuat situs web dasar itu mudah. Pekerjaan buruh itu sendiri seharusnya tidak memakan waktu lebih dari satu jam. Namun, memahami pilihan Anda dan menyesuaikannya dengan situasi Anda bukanlah hal yang mudah.

Karena beberapa langkah mungkin memerlukan pengetahuan tambahan yang tidak ada dalam ruang lingkup artikel ini, saya telah menyertakan tautan ke sumber daya terperinci jika diperlukan..

Mengapa Anda membuat situs web

Sebelum kita mulai, penting untuk terlebih dahulu menentukan tujuan Anda.

Kita semua tahu bahwa situs web dapat menjadi bagian penting dari kehadiran online Anda – sebagai entitas bisnis atau individu. Untuk seorang individu, itu bisa berupa sesuatu yang sederhana seperti profil dasar atau sedetail seluruh portofolio Anda. Untuk bisnis, itu harus dianggap sebagai bagian dari aset Anda dan berhubungan kembali dengan profil, produk, atau hal-hal yang Anda lakukan.

Memiliki tujuan yang jelas dalam pikiran memungkinkan Anda untuk membuat keputusan yang lebih baik – yaitu platform mana yang akan digunakan, saluran pemasaran mana yang akan digunakan, dll..

Beberapa alasan khas mengapa situs web dibuat:

  • Untuk menjual produk – Jika tujuan utama Anda adalah untuk menjual produk, situs web Anda harus menyertakan showcase produk, keranjang belanja online, gateway pembayaran yang aman, dan lebih disukai sistem point-of-sale.
  • Untuk menampilkan informasi – Jika tujuan Anda adalah menampilkan informasi perusahaan atau pribadi, pertimbangkan untuk membangun situs web satu halaman sederhana pada platform yang terjangkau.
  • Untuk berbagi ide dan pengalaman saat ini – Sebuah blog biasanya merupakan yang terbaik bagi pengguna yang suka menulis dan berbagi ide dengan dunia.

Alasan-alasan ini tidak harus saling eksklusif. Misalnya, Anda dapat memiliki situs web yang menggabungkan dua atau lebih elemen di atas.

Langkah Penting untuk Membangun Situs Web Anda Sendiri

Setelah Anda menyortir tujuan situs web Anda, saatnya untuk membangun! Untuk memulai, Anda harus terlebih dahulu …

1. Daftarkan nama domain

Apa itu nama domain??

Untuk memulai situs web, hal pertama yang Anda butuhkan adalah nama domain.

Nama domain adalah alamat yang mengidentifikasi situs web Anda di Internet. Beberapa contoh termasuk Yahoo.com, Google.com, atau BuildThis.io (situs web yang sedang Anda baca sekarang).

Tempat mendaftarkan nama domain?

Untuk memiliki domain, Anda harus mendaftarkannya dengan pendaftar domain.

Pendaftar domain akan membantu Anda memeriksa apakah nama domain itu unik sebelum mengizinkan Anda melanjutkan pendaftaran. GoDaddy dan NameCheap adalah dua pendaftar domain yang populer. Saya telah menggunakannya untuk mengelola domain saya untuk waktu yang sangat lama.

Cara memilih nama domain?

Memilih nama domain seringkali merupakan bagian tersulit karena tidak hanya mencerminkan merek Anda, tetapi juga tetap mudah, sederhana, dan mudah diingat..

Nama domain Anda harus unik – nama tersebut tidak boleh dimiliki oleh orang atau organisasi lain di seluruh dunia. Aturan umum yang harus Anda ingat untuk membuat nama domain adalah:

  • Tetap singkat dan mudah diingat
  • Jangan gunakan nama merek dagang
  • Pergi untuk .com atau .net jika memungkinkan
  • Jadilah kreatif dan gunakan kata majemuk atau kata-kata yang dibuat-buat
  • Cobalah membuatnya relevan dengan kata kunci

Kiat yang bisa ditindaklanjuti

  • Jika Anda mengalami kesulitan mencari tahu nama domain, Anda selalu dapat menggunakan generator nama domain untuk ide. Beberapa yang lebih populer adalah Wordroid dan Pencarian Domain Ramping.
  • Jika Anda seorang pemula, sebaiknya pergi ke GoDaddy atau Namecheap untuk menemukan nama domain. Keduanya memudahkan bagi pemula untuk membeli dan mendaftarkan nama domain.

2. Mendaftar untuk akun hosting web

Apa itu host web?

Host web adalah komputer besar (alias server) yang digunakan untuk menyimpan file yang diperlukan sebagai bagian dari situs web Anda.

Anggap saja sebagai rumah yang menyimpan perabot dan peralatan rumah – rumah adalah host web Anda dan apa pun yang terjadi di rumah adalah konten situs web Anda. Konten situs web umumnya mencakup teks, gambar, video, dan elemen lain yang menurut Anda perlu.

Apa pilihan Anda dalam hosting?

Web hosting hadir dalam berbagai paket saat ini. Secara tradisional, penyedia hosting web hanya terlibat dalam penyewaan server dengan perangkat lunak dasar dan dukungan teknis. Hosting situs web Anda dengan penyedia hosting tradisional biasanya lebih murah dan lebih fleksibel; tetapi membutuhkan sedikit kerja ekstra bagi Anda untuk membuat situs web.

Saat ini, perusahaan menggabungkan layanan yang berbeda bersama dan memungkinkan pengguna untuk membangun, menyelenggarakan, dan mengelola situs web semua dari satu penyedia layanan. Kami biasanya menyebut perusahaan ini Pembuat Situs Web atau Pembuat Toko Online. Hosting situs web pada platform “bundel” ini biasanya mahal dan kurang fleksibel; tetapi Anda akan bisa membangun situs web atau toko online dengan mudah.

Platform hosting untuk pemula

Jika Anda baru memulai – shared hosting dasar biasanya cukup baik. Untuk itu, saya merekomendasikan Hostinger Single Plan – yang memungkinkan Anda meng-host satu situs web dengan harga murah hanya $ 0,80 / bln.

Hosting HostingerHostinger Single Plan – Host satu situs web dengan penyimpanan 10 GB SSD dan bandwidth 100 GB (lebih dari cukup untuk pemula) dengan harga $ 0,80 / bln.

Platform hosting untuk eCommerce / toko online

Jika Anda berencana untuk menjual produk langsung dari situs web Anda (toko ecommerce), maka Anda harus memeriksa Shopify Basic (harga mulai $ 29 / bln).

Platform Shopify800.000 toko ecommerce menggunakan Shopify, termasuk NBA Lakers Store dan Tattly.com. Shopify Basic mulai dari $ 29 / bln.

Platform hosting untuk situs web / bisnis kecil yang mudah dibuat

Jika yang Anda butuhkan hanyalah situs web sederhana untuk menampilkan portofolio bisnis dan detail kontak Anda, opsi hosting yang dibundel mungkin benar. Wix dan Weebly adalah dua pembangun situs yang saya suka – kami menulis secara luas tentang keduanya dan Anda dapat melihat ulasan kami di sini – Ulasan Wix / ulasan Weebly.

Wix sebagai opsi yang dibundelDitawarkan sebagai layanan online, Wix memungkinkan Anda bekerja dengan editor visual drag-and-drop untuk membangun situs web Anda bahkan jika Anda tidak memiliki pengetahuan coding. Paket Wix Unlimited mulai dari $ 12,50 / bln.

Kiat yang bisa ditindaklanjuti

  • Ada berbagai jenis hosting yang tersedia: hosting bersama, hosting server khusus, dan hosting cloud / VPS.
  • Jika Anda adalah situs web kecil, lebih murah menggunakan paket hosting bersama. Situs yang lebih besar disarankan untuk menggunakan cloud atau hosting khusus.
  • Beberapa kualitas utama yang perlu Anda pertimbangkan sebelum memilih host web adalah harga, kecepatan server, dan tingkat uptime. Hostinger (untuk pemula), serta InMotion Hosting dan SiteGround (untuk situs web yang lebih besar), adalah beberapa nama populer.
  • Pertimbangkan untuk menggunakan pembuat toko, seperti Shopify atau BigCommerce jika Anda berencana untuk menjual produk langsung dari situs web Anda.

3. Desain halaman web Anda

Setelah nama domain dan inang web Anda siap, sekarang saatnya untuk memasukkan sesuatu ke Internet. Untuk merancang halaman web Anda, Anda bisa menyewa pengembang web atau melakukannya sendiri.

Kami membahas secara rinci cara melakukan outsourcing tugas pengembangan web di sini. Anda harus melewati langkah-langkah berikut dan pindah ke halaman itu jika Anda berencana untuk mempekerjakan seseorang untuk mengembangkan situs web Anda untuk Anda.

Untuk DIYers, berikut adalah tiga cara mudah untuk merancang halaman web:

1- Apa yang Anda lihat (WYSIWYG) editor web

Editor WYSIWYG memungkinkan Anda untuk mengatur situs web dan mendesain halaman web dari awal tanpa perlu coding. Ini berfungsi seperti pengolah kata biasa – Anda mulai dengan templat atau halaman kosong, lalu buat halaman situs web Anda. Setelah selesai, Anda mengisinya dengan konten dan mengunggah seluruh folder ke host web Anda menggunakan program protokol transfer file (FTP).

Untuk mengikuti metode ini, yang terbaik adalah jika Anda memiliki keterampilan HTML / CSS dasar dan beberapa pengetahuan umum tentang cara kerja Internet.

Ada beberapa editor web WYSIWYG yang tersedia – beberapa gratis untuk penggunaan non-komersial sementara yang lain mungkin memerlukan lisensi berbayar. Microsoft Expression Web, Google Web Designer, BlueGriffon, dan Elemen Terbuka ada beberapa yang bagus untuk dilihat.

Untuk program FTP – FileZilla dan WinSCP adalah dua opsi gratis terbaik.

Microsoft Expression - editor WYSIWYGContoh – Ini adalah tangkapan layar Microsoft Expression Web Editor. Daftar Folder (kiri) – Struktur situs web Anda menggunakan folder. Editor (tengah) – Tulis dan format teks Anda di sini. Gaya / Kotak Alat (kanan) – Gaya dan desain halaman Anda menggunakan CSS (opsional). Perhatikan bahwa Anda perlu membuat indeks nama halaman (.html / .htm / .php / .asp) – ini akan berfungsi sebagai beranda situs web Anda.

Opsi ini hanya mungkin jika Anda menggunakan hosting tradisional (mis. Hostinger). Menggunakan editor WYSIWYG fleksibel dan menyenangkan jika Anda menikmati belajar coding web … tetapi itu bukan pilihan yang layak untuk pemula yang menginginkan situs web secara instan.

2- Menggunakan sistem manajemen konten (CMS)

Sebagian besar situs web dibangun dan dikelola dengan CMS saat ini. CMS hadir dengan banyak manfaat dari sudut pandang pemilik situs. Mereka mudah dikelola, fleksibel dalam desain dan pengembangan, dan hemat biaya (gratis!) – tiga keunggulan utama.

Jika Anda belum pernah mendengarnya – WordPress, memberi daya ~ 33% dari semua situs web di Internet, adalah CMS paling populer di dunia.

Bagi mereka yang memilih opsi hosting konvensional di langkah # 2, Anda dapat menginstal WordPress hanya dengan beberapa klik.

Menginstal WordPress di HostingerInilah cara Anda dapat mengatur WordPress di Hostinger. Masuk ke akun Hostinger Anda, buka Situs web > Pemasang Otomatis > WordPress > Siapkan kata sandi dan nama situs web > Install.

Anda akan mendapatkan kerangka kerja situs web dasar setelah WordPress diinstal. Anda kemudian dapat merancang halaman web Anda menggunakan templat WordPress. Template WordPress pra-bangun adalah tersedia gratis di WordPress.org (direktori tema resmi). Atau Anda dapat membeli template premium dari pengembang profesional seperti Elegant Theme atau Artisan.

Disha menjelaskan cara membuat blog atau situs web menggunakan WordPress di sini. Silakan ikuti instruksi jika Anda memerlukan informasi lebih lanjut.

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

3. Menggunakan pembangun situs / toko seret dan lepas

Pembuat situs / toko seret-dan-jatuhkan adalah cara termudah dan tercepat untuk membuat situs web.

Anda tidak memerlukan keterampilan pengembangan web apa pun – cukup pilih templat yang sudah dibuat sebelumnya, ambil elemen web yang diperlukan dari pembuat (yaitu formulir kontak, menu tarik-turun, Google Map, tombol bayar, keranjang belanja, dll.), Dan situs web fitur lengkap sudah siap.

Ada banyak pembangun situs web yang tersebar di Internet – Wix dan Weebly adalah dua yang paling populer. Dan seperti yang disebutkan di atas, Shopify akan menjadi pilihan yang bagus jika Anda membangun toko online.

Demo Wix

Membuat dan mengedit situs web menggunakan Wix EditorMerancang 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; Alignment (tengah / kiri) – Mengatur dan meluruskan elemen situs web di sini; Pratinjau (kanan atas) – Simpan, pratinjau, dan publikasikan situs web Anda.

Mendesain situs web di templat prebuilt WixTemplat Wix – ada ratusan templat yang sudah dibuat sebelumnya di Wix (lihat semua).

Demo Shopify

Membuat dan mengedit situs web menggunakan editor ShopifyRancang etalase online Anda dengan tema pre-built di Shopify. Menu (kiri) – Pilih tema dan tambahkan elemen toko (slide, berita utama, gambar, footer, dll) di sini; Pratinjau (tengah / kanan) – Pratinjau toko Anda di sini.

Template ShopifyShopify menawarkan berbagai tema gratis dan premium (lihat contoh).

Demo Pembuat Situs Web Hostgator

Pembuat Situs Web GatorMenggunakan Gator Website Builder – Menu (kiri) – Pilih tema, tambahkan halaman, dan tambahkan bagian halaman di sini; Pratinjau (tengah / kanan) – Berpindah antar halaman di bilah navigasi atas; simpan, pratinjau, dan publikasikan situs web Anda.

Tema gratis di Gator Website BuilderTemplat situs web yang sepenuhnya dapat disesuaikan dan responsif ditawarkan di Hostgator Website Builder.

Kiat yang bisa ditindaklanjuti

  • Jelajahi templat situs eCommerce gratis oleh Shopify, BigCommerce, Wix, dan Weebly dalam satu halaman
  • Petunjuk langkah demi langkah untuk membuat situs web menggunakan Wix
  • Lihat contoh situs web yang dibangun dengan Wix
  • Petunjuk langkah demi langkah untuk membuat situs web menggunakan Shopify
  • Lihat contoh situs web yang dibangun dengan Shopify

4. Memvalidasi dan menguji situs web Anda

Setelah situs web Anda siap – sekarang saatnya untuk memvalidasi dan menguji cara kerjanya di browser utama (Chrome, Firefox, Safari, Microsoft Edge, IE 11, dll.) Serta ukuran layar yang berbeda.

Kami dapat menjalankan tes ini dengan bantuan alat gratis online.

Validasi Markup

W3C - Validasi situs web Anda setelah selesai dengan kreasi AndaValidasi markup situs web Anda dengan mudah menggunakan Layanan Validasi Markup W3C.

Apa itu validasi markup? Bahasa atau skrip pengkodean seperti HTML, PHP, dan sebagainya masing-masing memiliki format, kosa kata, dan sintaksis mereka sendiri. Validasi markup adalah proses memverifikasi apakah situs web Anda mengikuti aturan ini.

Uji Browser

Uji situs web Anda di berbagai browserUji silang situs web Anda hingga 115 browser yang berbeda dalam satu kesempatan BrowserShots.

Tes layar

Uji situs web Anda dalam berbagai ukuran layarMenggunakan Screenfly untuk mempratinjau halaman web Anda di monitor, tablet, ponsel pintar, dan ukuran layar berbeda lainnya.

5. Setel dan kembangkan situs web Anda

Mempublikasikan situs web Anda di internet adalah tahap pertama. Masih banyak hal lain yang harus dilakukan untuk memastikan keberhasilan situs web Anda. Berikut adalah beberapa tugas untuk memulai …

Tune kecepatan situs web

Google telah menyatakan dengan jelas bahwa kecepatan situs adalah salah satu faktor peringkatnya. Ini berarti situs Anda mungkin berperingkat lebih tinggi jika dimuat dengan cepat.

Juga – semakin cepat memuat situs web Anda, semakin bahagia pengunjung situs web Anda. Terbukti, dalam banyak studi kasus dan eksperimen, bahwa situs web yang memuat lambat akan merusak pengalaman pengguna dan memengaruhi pendapatan situs web. Amazon akan kehilangan sekitar $ 1,6 miliar pendapatan jika situsnya melambat satu detik.

Jika kecepatan situs web Anda saat ini lambat, pelajari cara memperbaikinya.

Tingkatkan visibilitas pencarian situs web

Anda tidak perlu menjadi ahli dalam optimasi mesin pencari (SEO) untuk membuat situs web Anda diperhatikan. Tetapi beberapa keterampilan dasar mesin pencari optimasi selalu baik untuk dimiliki.

Buat akun webmaster di Google Search Console untuk mengirimkan situs web Anda ke Google dan untuk mengidentifikasi masalah SEO apa pun. Lakukan penelitian kata kunci dasar dan kemudian optimalkan judul dan judul halaman Anda untuk kata kunci utama Anda. Terapkan markup skema di situs Anda untuk menonjol dari halaman hasil pencarian.

Untuk tips SEO lainnya, baca panduan membuat boneka SEO kami.

Terapkan HTTPS

Sejak Google Chrome mulai memberi label pada situs web HTTP “Tidak Aman”, sertifikat SSL telah menjadi masalah besar. Untuk memastikan bahwa situs web Anda “dipercaya” oleh pengguna – koneksi HTTPS adalah suatu keharusan.

Tambahkan halaman-halaman penting

Tidak ada dua situs web yang sama karena dapat melayani tujuan dan / atau fungsi yang berbeda. Namun, ada tiga halaman standar yang harus dimiliki setiap situs web: Indeks (beranda), Tentang Halaman, dan Halaman Kontak.

Beranda

Beranda sering menjadi tempat pertama di mana sebagian besar pengunjung akan melihat setelah mereka mendarat di situs web Anda. Beranda Anda harus memberikan nada yang tepat dan mengarahkan pengunjung Anda lebih dalam ke situs Anda.

Contoh situs web - HausContoh – Halaman muka Haus dilengkapi dengan menu navigasi yang jelas dan desain bergaya galeri (yang sempurna untuk pameran produk).

Tentang halaman

Tentang Halaman adalah tentang membangun hubungan dengan pengunjung Anda. Ini memungkinkan Anda memperkenalkan diri dan memberikan informasi detail (baik?) Tentang situs web Anda. Biasanya disarankan untuk memasukkan foto orang-orang yang memiliki dan menjalankan situs web.

Contoh situs web - Bulldog SkincareContoh – Halaman Tentang Bulldog Skincare mengirimkan pesan yang menyenangkan dan mengesankan.

Halaman kontak

Sangat penting untuk berkomunikasi dengan pengguna dan klien potensial Anda. Oleh karena itu – halaman kontak. Masukkan semua saluran komunikasi yang mungkin (profil media sosial, formulir kontak, alamat email, dll) untuk memastikan bahwa pengunjung Anda dapat menghubungi Anda.

Contoh situs web - BertahanContoh – Halaman kontak Survicate dirancang dengan indah dengan bidang formulir besar, ajakan bertindak yang jelas; dan terdiri dari semua informasi yang diperlukan.

Perluas jangkauan Anda di platform media sosial

Situs web Anda juga harus memiliki kehadiran di platform media sosial tempat sebagian besar audiens target Anda nongkrong. Untuk BuildThis.io itu berarti Facebook dan Twitter. Bagi yang lain, itu mungkin LinkedIn, Tumblr atau Pinterest.

Berikut adalah beberapa kiat pemasaran media sosial untuk pemula.

Tambahkan favicon

Apakah Anda melihat surat itu “B”Dalam lingkaran kuning yang muncul di sebelah kiri tab browser Anda? Itu dikenal sebagai “favicon”. Seperti logo, favicon adalah elemen visual yang lebih kecil yang mewakili situs web.

Favicon adalah teknik branding kecil yang bagus yang sering diabaikan oleh pemilik situs web. Jika itu terdengar seperti Anda – manfaatkan generator favicon gratis ini untuk membantu Anda.

Buat FAQ Situs Web

Bisakah Anda membuat situs web sendiri secara gratis?

Anda dapat membuat situs web gratis dengan menggunakan hosting web gratis seperti penawaran 000Webhost atau dengan menggunakan paket gratis yang ditawarkan oleh beberapa pembangun situs web. Misalnya, Wix menawarkan paket gratis dengan sumber daya terbatas yang cocok untuk situs web kecil dan bervolume rendah.

Bagaimana cara membuat situs web untuk bisnis saya?

Pembangun situs web adalah cara yang ideal bagi usaha kecil untuk membuat situs web sendiri tanpa perlu melakukan outsourcing. Opsi-opsi ini tidak memerlukan pengetahuan teknis dan sering menawarkan template yang dirancang sebelumnya yang dapat berguna > Klik di sini untuk memulai.

Apa pembangun situs web terbaik?

“Terbaik” adalah istilah subjektif – yang terbaik bagi kami mungkin tidak tepat untuk Anda. Dalam hal popularitas – Squarespace adalah pembangun situs web paling populer dengan 22% pangsa pasar. Mereka diikuti oleh Wix dan GoDaddy GoCentral di tempat kedua dan ketiga.

Bisakah saya membuat situs web di Google?

Google menawarkan sitebuilder sebagai bagian dari rangkaian produk G Suite. Harga mulai dari $ 5,40 / pengguna / bulan.

Bagaimana cara membuat PDF dari situs web?

Jika Anda memiliki pembaca adobe yang diinstal pada komputer Anda, Anda dapat membuat PDF dari halaman web dengan menekan CTRL-P. Dari menu cetak yang terbuka, pilih output ke PDF dan kemudian simpan file.

Selesaikan, Sekarang!

Anda sekarang tahu lebih dari cukup untuk membuat dan membangun situs web yang sukses. Saatnya untuk menerapkan pengetahuan Anda. Mulailah sekarang dan goyang internet!

* Terjemahan: ID ID

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map