Membuat website sangat mudah di 2021.
Anda tidak harus menjadi ahli teknologi atau programmer.
Ikuti metode yang benar. Pilih platform yang tepat. Gunakan alat yang tepat. Anda akan berhasil, 100%!
Saya tidak tahu apa-apa tentang pengembangan web ketika saya pertama kali memulai bisnis online pada tahun 2004. Saya tidak menyewa pengembang web sampai sebelas tahun kemudian. Dan saya masih bertahan sampai saat ini.
Hari ini - kami memiliki alat pengembangan inovatif dan platform penerbitan web yang lebih baik.
Anda mendapatkan lebih banyak fleksibilitas dalam desain dan fungsi situs dengan metode # 1 tetapi metode ini membutuhkan pengetahuan yang baik tentang bahasa web.
Proses pembuatan dan pengelolaan situs web jauh lebih mudah dengan metode # 2 dan # 3. Anda harus memilih salah satu dari metode ini tergantung pada kompetensi Anda.
Kami akan melihat masing-masing dari tiga metode ini dan semua langkah di bawah ini.
Domain adalah nama website Anda. Nama harus unik dan bisa menyampaikan maksud dari merek bisnis Anda.
Cara termudah untuk mencari dan mendaftarkan domain adalah mengunjungi ke registrar domain.
Registrat domain memungkinkan Anda mendaftarkan nama domain baik melalui kontrak tahunan atau kontrak jangka panjang.
Berikut adalah beberapa pendaftar domain terkemuka dan harga awal mereka untuk dipertimbangkan.
Web host adalah komputer besar (alias server) yang menyimpan website Anda. Beberapa perusahaan raksasa - seperti Amazon, IBM, dan FB, memiliki dan mengelola server web mereka; bisnis lain biasanya hanya menyewa server mereka dari penyedia hosting (yang jauh lebih murah dan lebih mudah).
Catatan: Lewati langkah ini jika Anda memilih pembuat situs web untuk membuat situs Anda (lihat langkah # 3).
Hosting web hadir dalam berbagai paket hari ini.
Secara tradisional, penyedia web hosting hanya terlibat dalam menyewakan 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 untuk menyiapkan situs web.
Saat ini, perusahaan menggabungkan layanan yang berbeda bersama-sama dan memungkinkan pengguna untuk membangun, menghosting, dan mengelola situs web semuanya dari satu penyedia layanan. Kami biasanya menyebut perusahaan ini Pembuat Situs Web atau Pembuat Toko Online. Menghosting situs web di platform "bundel" ini biasanya mahal dan kurang fleksibel; tetapi Anda dapat membuat situs web atau toko online dengan mudah.
Anda bisa melihat beberapa layanan hosting ramah pemula berikut.
Pada awalnya...
Setelah Anda memiliki nama domain dan hosting web, inilah saatnya menyingsingkan lengan baju Anda dan mulai membuat! Untuk merancang dan membuat halaman web, Anda dapat menyewa pengembang web atau melakukannya sendiri.
Kami berdiskusi secara rinci bagaimana cara melakukan outsourcing tugas pengembangan web di sini. Anda harus melewati langkah-langkah berikut dan melanjutkan ke halaman itu jika Anda berencana mempekerjakan seseorang untuk mengembangkan situs web Anda.
Untuk DIYers, berikut adalah tiga cara mudah untuk mendesain halaman web:
Anda dapat membuat situs web unik Anda sendiri jika Anda tahu bahasa web utama dan dasar-dasar dari situs web.
Jika tidak, disarankan agar Anda melewati ke metode #2/3; atau, minta bantuan pengembang web.
Berikut adalah ringkasan proses bagaimana Anda dapat membuat situs web pertama, dengan asumsi bahwa Anda mengetahui bahasa web dasar dan dasar-dasar situs web yang disebutkan di atas.
Langkah 1: Siapkan lingkungan kerja lokal
Untuk membuat dan mengatur file sumber situs web, lingkungan kerja lokal yang baik itu penting. Anda dapat membuat lingkungan pengembangan web pada perangkat komputer Anda dengan menginstal IDE (Integrated Development Environment). Sebuah IDE pada dasarnya terdiri dari Editor Teks, Otomasi Pembangun, dan Debugger.
Sublime Text dan Atom adalah beberapa IDE dasar untuk pengembangan web yang mendukung HTML, CSS, JS, PHP, Python, dan bahasa web yang serupa.
Di sisi lain, ada IDE yang diperpanjang seperti Adobe Dreamweaver yang menawarkan beberapa fitur lainnya (Misal: Konektivitas Server, FTP).
Langkah 2: Rencanakan dan Desain Website Anda Menggunakan Adobe Photoshop
Perencanaan struktur situs web dan sistem navigasi sangat penting. Pertama, Anda harus memahami bagaimana Anda ingin menyampaikan konten Anda. Rencanakan berapa banyak menu navigasi, berapa banyak kolom atau bidang konten, berapa banyak gambar yang ingin Anda sertakan dan tempatnya di mana.
Praktik terbaik adalah membuka Adobe Photoshop dan membuat sketsa kasar dari halaman web Anda. Anda mungkin perlu membuat sketsa yang berbeda untuk halaman yang berbeda, misalnya halaman beranda, halaman tentang, halaman kontak, halaman layanan, dll.
Langkah 3: Kodifikasi Desain Menggunakan HTML dan CSS
Setelah Anda selesai membuat desain kasar untuk halaman web Anda di Adobe Photoshop, Anda dapat mulai menulis kode sumber.
Ini bagian yang paling mudah. Buat markup HTML untuk elemen web yang ingin Anda sertakan dan gunakan CSS untuk menghiasnya sesuai dengan desain yang Anda buat.
Langkah 4: Jadikan Dinamis Menggunakan JavaScript dan jQuery
Hanya situs web berbasis HTML dan CSS yang tidak ada di zaman modern karena interaksi pengguna front-end tidak dapat dikendalikan melalui HTML atau CSS.
Anda dapat menggunakan bahasa script seperti JavaScript dan mungkin pustaka yang ditingkatkan, jQuery untuk mengontrol aktivitas pengguna untuk formulir, masuk, slider, menu, atau apa pun Anda butuhkan.
Langkah 5: Unggah File Lokal ke Server menggunakan Klien FTP
Langkah terakhir adalah mengunggah semua file sumber Anda ke server web. Cara terbaik dan termudah untuk mengatasinya adalah melalui klien FTP.
Pertama, unduh klien FTP di perangkat komputer Anda dan hubungkan ke server web Anda menggunakan akun FTP. Setelah berhasil menghubungkannya ke akun FTP, salin semua file lokal Anda ke root direktori web Anda. Beberapa klien FTP yang bagus adalah FileZilla, WinSCP dan Cyberduck.
CMS atau Sistem Manajemen Konten dibangun secara taktis sehingga cocok untuk pemula yang baru bekerja sampai pengembang web berpengalaman.
Ini adalah aplikasi perangkat lunak yang memudahkan untuk membuat dan mengelola konten online. Sebagian besar open-source dan bisa digunakan secara gratis.
Akan lebih menguntungkan apabila Anda mengetahui dasar-dasar HTML, CSS, atau PHP. Bukan masalah besar jika Anda tidak tahu karena platform ini sangat intuitif. Berikut adalah tiga pilihan platform CMS gratis yang dapat Anda pilih sesuai kebutuhan Anda.
Perbandingan singkat
fitur | WordPress | Joomla | Drupal |
---|---|---|---|
Biaya | Gratis | Gratis | Gratis |
Penggunaan | 311,682 juta | 26,474 juta | 31,216 juta |
Tema Gratis | 4,000 + | 1,000 + | 2,000 + |
Plugin Gratis | 45,000 + | 7,000 + | 34,000 + |
WordPress, menurut berbagai statistik, digunakan dalam jumlah maksimum blog dan situs web kecil hingga menengah. Namun demikian, banyak situs web besar yang hebat lebih menyukai WordPress karena kesederhanaannya. WYSIWYG Editor adalah satu-satunya hal yang perlu Anda pelajari untuk menghasilkan konten pertama Anda.
Platform ini bersifat institusional untuk pemula serta sangat dikembangkan oleh berbagai kelas pengembang web. Banyak plugin dan tema gratis di repositori. Untuk menjadi pilihan CMS #1, banyak sumber daya pihak ketiga tersedia di sini.
Joomla mirip dengan WordPress dalam banyak hal. Ini juga mudah digunakan, mudah dipasang, dan dapat dengan mudah diperluas dengan bantuan modul - setara dengan plugin WordPress. Akibatnya, ini adalah opsi terbaik kedua untuk pemula.
Namun, pemula mungkin lebih kesusahan untuk mempelajari Joomla karena banyaknya opsi yang tersedia. Selain menu kiri, ada juga menu di bilah bagian atas tepat di atas logo "Panel Kontrol". Untuk menghindari kebingungan, ingat bahwa beberapa item dari menu bilah kiri dan atas itu serupa, termasuk "Konten," "Pengguna," dan "Ekstensi."
Sama seperti WordPress, Joomla memiliki beberapa gaya dan template yang dapat memberikan tampilan khas pada situs Anda dengan cepat. Tetapi dari ketiga sistem manajemen konten, Joomla menawarkan solusi termudah untuk membuat jejaring sosial. Dengan platform seperti EasySocial dan JomSocial, Anda hanya berjarak beberapa menit dari situs jejaring sosial Anda sendiri.
Pengembang web berpengalaman membuktikan bahwa Drupal adalah CMS yang paling canggih.
Namun, CMS ini juga yang paling sulit digunakan. Karena fleksibilitasnya, Drupal adalah CMS kedua paling banyak yang digunakan di dunia, tetapi ini bukan CMS favorit di kalangan pemula. Agar berhasil membangun situs web "lengkap" menggunakan Drupal, Anda perlu mengotori tangan dan mempelajari dasar-dasar koding. Mengetahui seluk-beluk CMS juga hal menantang untuk pemula.
Untuk metode ini, kami akan menggunakan WordPress sebagai contoh kami. Sekarang Anda seharusnya sudah punya akun hosting web dan nama domain terdaftar.
Langkah 1: Temukan penginstal WordPress di panel hosting web Anda
Layanan web hosting biasanya memiliki penginstal cepat untuk menginstal WordPress dan platform umum lainnya.
Jadi, masuklah ke akun hosting web Anda dan cari tahu penginstal mana yang Anda miliki. Nama-nama populer yang harus Anda cari adalah Softaculous, QuickInstall, atau Fantastico.
Langkah 2: Instal WordPress melalui penginstal
Softaculous adalah penginstal otomatis yang paling populer dan ini ditampilkan di cPanel. Saya akan memandu Anda melalui penginstalan melalui Softculous. Penginstal lainnya hampir sama.
Inilah bagian yang penting.
Konfigurasikan opsi sebagai berikut, biarkan kolom lainnya ke konfigurasi default (selesaikan nanti) dan klik instal.
Jika Anda langkah terakhir telah berhasil, selamat. Situs web Anda sudah aktif!
Sekarang masuk ke situs WordPress Anda. Halaman login situs Anda akan terlihat seperti wp-login.php mengikuti URL situs web yang Anda tetapkan.
Langkah 3: Instal tema dan beberapa plugin penting
Selanjutnya, Anda harus menginstal tema dan plugin yang harus diperlukan. Lihatlah bilah sisi kiri Dasbor WordPress Anda.
Ada banyak sekali tema siap pakai gratis yang tersedia di direktori WordPress.
Untuk menelusuri tema gratis ini, buka 'Tampilan> Tema> Tambahkan Baru', cari tema yang memenuhi persyaratan Anda dan klik tombol instal.
Anda juga dapat menginstal tema pihak ketiga dari bagian 'Unggah Tema'. Untuk tema WordPress berbayar, dirancang profesional, saya sarankan Elegant Themes (karena kodenya efisien dan desain tampilannya yang indah).
Untuk plugin, telusuri 'Plugin > Tambahkan Baru'.
Cari dan instal plugin yang hanya Anda butuhkan. Pluginrd pihak ketiga juga dapat di-instal dari bagian 'Unggah Plugin'.
Di sini saya ingin menyarankan beberapa plugin gratis yang penting. Cari berdasarkan nama di direktori plugin WordPress untuk menemukannya. Perhatikan bahwa Anda cukup menginstal satu plugin dari setiap kategori.
Untuk identitas situs Anda, Anda masih perlu membuat sesuatu bahkan jika Anda menggunakan tema yang hebat. Ada satu ton generator logo yang mengagumkan di sekitar, tapi saya akan melihatnya Logaster. Mereka adalah layanan berbayar tetapi yang hebat adalah mereka menawarkan harga bertingkat. Ini berarti Anda cukup membayar untuk apa yang Anda butuhkan - hanya logo format web, atau Anda bahkan dapat mendaftar untuk seluruh kit merek yang menyertakan format untuk berbagai platform.
Langkah 4: Anda siap!
Situs Anda harus aktif dan berjalan dengan langkah terakhir. Tetapi ada beberapa hal lagi yang harus diselesaikan.
Pembuat situs telah membuatnya proses membuat situs web menjadi mudah dan instan. Tanpa pengetahuan bahasa web, seseorang dapat menciptakan situs web berfitur lengkap dalam hitungan menit. Mereka menawarkan pembuat situs berfitur Drag & Drop yang tidak membutuhkan pengetahuan koding.
Ada banyak pembangun situs yang tersebar di internet tetapi tidak semuanya dapat memenuhi kebutuhan.
Tiga pembuat situs berikut adalah pembuat situs web yang paling banyak dibicarakan dan potensial yang dapat Anda gunakan.
Wix adalah salah satu pembuat situs termudah di pasaran yang menampilkan 500 + template yang sepenuhnya dapat disesuaikan, yang diurutkan dalam berbagai kategori. Jadi Anda pasti akan menemukan satu yang cocok untuk Anda.
Mereka menawarkan editor situs web Drag & Drop yang fleksibel yang selalu terlihat di atas konten. Anda dapat menarik satu item dari daftar dan menjatuhkannya di mana saja di situs web untuk ditambahkan. Setiap item yang terlihat di dalamnya dapat dipindahkan atau diedit.
Satu-satunya kekurangannya adalah ada iklan di situs pada paket gratis Wix. Anda dapat menghilangkannya dengan meng-upgrade ke paket Combo, yang biayannya minimum $ 12 /bulan.
Weebly lebih mudah dalam banyak hal seperti navigasi, elemen-elemen ramah pengguna. Terdapat ratusan template yang dapat dipilih, tetapi opsi personalisasi bisa dibilang terbatas.
Tata letak halaman yang didesain sebelumnya cukup banyak (misalnya: halaman tentang, halaman harga, halaman kontak) yang dapat digunakan dan dimodifikasi.
Pembuat Drag & Drop lebih mudah digunakan, tetapi terkadang terbatas pada area yang ditentukan untuk kustomisasi. Ketersediaan ekstensi dan aplikasi pihak ketiga juga terbatas.
Langkah 1: Daftar ke Wix
Buat akun di Wix.com.
Ada 5 paket premium dan 1 paket gratis (harga berkisar dari $ 0 - $ 24.50 /bulan). Anda akan melihat opsi upgrade setelah berhasil membuat situs.
Lihat paket dan harga Wix di sini.
[/ c8]
Saya merekomendasikan paket berbayar biasa Wix - Combo. Paket Combo Wix ($ 8.50 /bulan) memberikan nama domain gratis, sumber daya CPU yang lebih banyak, dan tidak ada iklan Wix.
Langkah 2: Pilih template
Wix akan menanyakan bagaimana Anda ingin membuat situs web. Cara tercepat yang mereka sarankan adalah Wix ADI (Artificial Design Intelligence) yang pada akhirnya tidak membuahkan hasil.
Jadi saya akan memandu Anda melalui sedikit lebih lama tetapi cara yang lebih baik, yakni dengan pembuat situs web!
Anda akan melihat bahwa ada template yang dikategorikan di bawah label yang berbeda. Jelajahi kategori dan pilih yang sesuai untuk Anda.
Setelah menemukan tema Wix yang Anda sukai, klik 'edit' untuk melanjutkan.
Langkah 3: Desain situs web Anda menggunakan Wix Website Builder
Setelah beberapa saat, pembuat situs web intuitif akan muncul.
Merancang situs web itu sederhana. Anda akan melihat berbagai alat di sisi kiri dan kanan layar Anda. Selain itu, klik di mana saja di situs web untuk mengedit blok atau memindahkannya ke tempat lain.
Langkah 4: Terbitkan situs web
Saat Anda menekan tombol terbitkan, Anda akan ditanya apakah Anda menginginkan subdomain gratis atau domain berfitur lengkap. Semuanya terserah Anda.
Beberapa perubahan disarankan.
Buka 'Dasbor Wix> Kelola & Edit Situs' dan konfigurasikan SEO, Favicon, Sosial, dan Upgrade sesuai kebutuhan.
<p>Dan setelah Anda selesai dengan pengaturan dasar ini - website Anda sudah siap.</p> <p>Diterjemahkan oleh Muhammad Ruby Ernawa.</p>
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.
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.
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…
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 $ 1.6 triliun jika situs melambat meskipun hanya satu detik.
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.
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.
Tidak ada dua situs web yang sama karena keduanya mungkin melayani tujuan dan / atau fungsi yang berbeda. Namun, ada tiga halaman standar yang harus dimiliki setiap website: Index (homepage), About Page, dan Contact Page.
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.
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.
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.
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.
Apakah Anda melihat huruf "B”Di lingkaran kuning yang muncul di 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 seringkali diremehkan oleh pemilik website. Jika Anda merasa demikian – pastikan Anda menggunakan pembuat favicon gratis untuk membantu Anda.
Ada dua cara utama untuk membuat situs web gratis - gunakan hosting web gratis seperti 000Webhost atau a platform pembuatan situs web seperti Wix, yang menawarkan paket gratis.
GoDaddy memiliki rencana yang dibangun di sekitar pembuat situs webnya yang dimulai dari $ 10 / bln. Baca ulasan GoDaddy terperinci kami untuk mengetahui lebih lanjut.
jembatan pembangun situs web mudah bagi pemula untuk digunakan. Sesuai sifatnya, pembangun situs web ditargetkan untuk pengguna yang mengerti teknologi dan menawarkan banyak bantuan. Ini berkisar dari antarmuka yang ramah pengguna hingga templat yang dibuat sebelumnya.
Bahkan sebelum Anda memulai membangun situs Anda, itu sama dengan memulai sebuah blog, hal pertama yang harus dibenahi adalah niat Anda. Apa yang Anda inginkan atau capai dari situs web Anda dapat memainkan peran penting dalam desain dan pengembangannya.
Waktu yang diperlukan untuk membuat kode situs web bergantung pada kerumitannya. Semakin banyak yang Anda butuhkan dalam hal fitur dan desain, semakin lama waktu yang dibutuhkan. Situs web sederhana dan statis dapat dikodekan hanya dalam beberapa jam, sementara situs yang lebih besar dan kompleks dapat memakan waktu beberapa bulan.
Anda kini telah mempelajari banyak tentang cara membuat website yang bagus. Waktunya menerapkan ilmu Anda. Buat sekarang dan guncang jagat internet!