Site Web de Cara Membuat 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.

Site Web Membuat 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.

Site Web de Mengapa Anda membuat?

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, site web dapat menjadi profil diri biasa atau portofolio yang detail. Untuk perusahaan, site web 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 Yang Ingin Dilibatkan, Dll.

Beberapa alasan umum saat orang ingin membuat website:

Untuk menjual produk – Jika tujuan utama Anda adalah menjual produk, site web Anda harus menampilkan produk, memiliki keranjang belanja en ligne, metode pembayaran yang aman, point de vente dan sistem (PoS) jika ada.

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

Untuk berbagi ide atau pengalaman – Blog biaisanya 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 pour le site Web de Membuat Anda Sendiri

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

1. Domaine Beli nama

Site web de Untuk membuat, domaine pertama kali yang Anda butuhkan adalah nama.

Nama domaine adalah alamat yang menjadi identitas site web Anda di Internet. Contohnya seperti Yahoo.com, Google.com, atau BuildThis.io (ouais, situs ini!).

Untuk Memiliki Domain, Anda Harus Mendaftarkannya Dengan Domain d’enregistrement.

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

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

Pelajari selengkapnya

  • Untuk memahami kriteria registraire domaine nama yang kompeten, baca di sini.
  • Jika butuh ide untuk nama, berikut adalah pembuat nama gratis yang dapat Anda gunakan.

2. Hébergement Web Daftar

Hébergeur Web Adalah Komputer Besar (Serveur Disebut Yang Biasa) Yang Digunakan Untuk Menyimpan File Yang Dibutuhkan Untuk Website Anda.

Bayangkan saja sebagai rumah yang menyimpan perabot dan peralatan rumah tangga – hébergeur de rumah adalah Anda dan seluruh isinya adalah site web de konten Anda. Site Web de Konten Biaisanya Meliputi Teks, Gambar, Vidéo, Dan Elemen Lainnya Yang Menurut Anda Penting.

Kini, hébergement web hadir dalam berbagai paket.

Biasanya, serveur Web penyedia hébergeant le serveur hanya menyewakan yang dilengkapi dengan software dasar dan dukungan teknis. Le site Web Menghosting dengan penyedia hébergeant des biais traditionnels lebih murah dan fleksibel; tetapi harus kerja ekstra keras untuk menyiapkan site web.

Kini, perusahaan menyatukan berbagai layanan dan memungkinkan pengguna membuat, menghosting, site web dan mengelola hanya dari satu penyedia layanan. Dan kami partialanya menyebut perusahaan ini sebagai Pembuat Website atau Pembuat Toko Online. Site Web Menghost dalam «bundle» biaisanya mahal dan kurang fleksibel; tetapi Anda dapat membuat site web atau toko en ligne dengan mudah.

Plateforme d’hébergement Untuk Pemula

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

HostingerMembre Hostingerdayakan lebih dari 29 juta pengguna dan memiliki 30 kantor yang tersebar di seluruh dunia.
Paket Single HostingerPaket “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

Plateforme d’hébergement pour commerce électronique / 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 Shopify800.000 toko e-commerce menggunakan Shopify, termasuk Toko NBA Lakers dan Tattly.com.

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

3. Desain halaman web

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

Kami membahasnya dengan détail 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 site web Anda.

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

1- Éditeur Ce que vous voyez est ce que vous obtenez (WYSIWYG) atau Yang-Dilihat-Adalah-Yang-Didapat

Éditeur Dengan WYSIWYG, Anda dapat menyiapkan site web 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 Élément ouvert éditeur adalah bagus yang dapat Anda coba.

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

Microsoft Expression - éditeur WYSIWYGContoh – Berikut adalah tangkapan layar dari Editor Web Microsoft Expression. Dossier Daftar (kiri) – Site Web de Susun Dossier Anda menggunakan. Rédacteur en chef (tengah) – Tulis dan bentuk teks Anda. Gaya / Kotak peralatan (kanan) – Hias dan desain halaman Anda menggunakan CSS (optionnel). Perhatikan bahwa Anda perlu membuat indeks nama halaman (.html / .htm / .php / .asp) – indeks ini akan berfungsi sebagai halaman beranda site web Anda.

Opsi ini hanya memungkinkan apabila Anda menggunakan hébergeant tradisional (misalnya Hostinger). Menggunakan éditeur 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, site Web sebagian besar 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 pâleur populer di dunia.

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

Installateur Otomatis WordPress di HostingerBerikut adalah cara menyiapkan WordPress di Hostinger. Login ke akun Hostinger Anda, buka Site Web > Installateur Otomatis > WordPress > Site Web de Siapkan Kata Sandi Dan Nama > Installer.

Anda akan mendapatkan kerangka kerja site web dasar setelah WordPress berhasil diinstal. Lalu Anda dapat mendesain halaman web Anda menggunakan template WordPress. Modèle 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. Site Web de Pembuat / toko glisser-déposer

Site web de Pembuat / toko glisser-déposer adalah cara termudah dan tercepat untuk membuat website .

Anda tidak perlu kemampuan pengembangan web – modèle cukup pilih yang dibuat sebelumnya, pilih elemen web yang dibutuhkan dari pembuat (misalnya formulir kontak, menu déroulant, Google Map, tombol bayar, keranjang belanja, dll.) Site web siap.

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

Démo Wix

Site Web de Bikin di WixMendesain 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) – Site Web d’Andur di selaraskan elemen Anda di sini; Pratinjau (kanan atas) – Simpan pratinjau, dan publikasikan site web Anda.
Conception d'un site Web sur des modèles prédéfinis WixTemplate Wix – terdapat ratusan template yang sudah dibuat sebelumnya di Wix (lihat semua).

Kunjungi Wix

Démo Shopify

Création et modification d'un site Web à l'aide de l'éditeur ShopifyMendesain tampilan toko en ligne Ana dengan tema yang dibuat sebelumnya di Shopify. Menu (kiri) – Pilih tema dan tambahkan elemen toko (diapositive, titre, gambar, catatan kaki, dll) di sini; Pratinjau (tengah / kanan) – Pratinjau toko Anda di sini.
Thème ShopifyShopify menawarkan berbagai macam tema premium dan gratis (lihat contohnya).

Kunjungi Shopify

Pelajari selengkapnya

  • Petunjuk langkah demi langkah untuk membuat website menggunakan Wix
  • Site web de Lihat Contoh-Contoh Yang Dibuat Dengan Wix
  • Petunjuk langkah demi langkah untuk membuat website menggunakan Shopify
  • Site web de Lihat contoh-contoh Indonésie yang dibuat dengan Shopify

4. Site Web de Validasi dan uji Anda

Site Web de Setelah 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 AndaSite de balisage Validasi Anda dengan mudah menggunakan Service de validation de balisage W3C.

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

Navigateur Uji

Site web d'Uji AndaSite web Uji Anda di 115 navigateur sekaligus melalui BrowserShots.

Uji Layar

Site web d'Uji AndaGunakan Screenfly Untuk mempratinjau halaman web Anda di moniteur, tablette, smartphone, dan pereangkat dengan ukuran layar lainnya.

5. Site Web Menyempurnakan dan mengembangkan Anda

Site Web de Memublikasikan Anda di Internet adalah tahap pertama. Masih banyak hal lain yang harus dilakukan untuk memastikan kesuksesan site web Anda. Berikut adalah tugas yang harus dilakukan…

Site web de Tingkatkan kecepatan

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 – site web semakin cepat pemuatan, site web semakin senang pengunjung Anda. Terbukti dalam berbagai studi kasus dan eksperimen, site Web bahwa yang pemuatannya lambat akan merusak pengalaman pengguna dan memengaruhi pendapatan. Amazon akan merugi kira-kira Rp 23.1 triliun jika situs melambat meskipun hanya satu detik.

Site web de Jika kecepatan Anda saat ini lambat, pelajari cara untuk meningkatkannya.

Tingkatkan visibilitas site web pencarian

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 site Web Anda ke à Google dan mengidentifikasi masalah SEO apa pun. Lakukan penelusuran kata kunci dasar lalu optimalkan judul halaman dan rubrique untuk kata kunci utama Anda. Implémentation du balisage skema pada situs Anda agar menonjol di halaman hasil pencarian.

Conseils pour le référencement SEO selengkapnya, baca panduan SEO pour la pemula kami.

Implementasikan HTTPS

Sejak Google Chrome site Web mulai melabeli 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

Site Web de Dua tidak akan sama karena keduanya mungkin memiliki tujuan dan / atau fungsi yang berbeda. Site Web de Namun, terdapat tiga halaman standar yang harus dimiliki tiap: 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 - HausMisalnya – 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 violeur 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 SkincareMisalnya – 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 - SurvivreMisalnya– 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

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

Berikut adalah conseils pemasaran media sosial bagi pemula.

Favicon de Tambahkan

Apakah Anda melihat huruf “B”Di lingkaran kuning yang muncul di bagian navigateur kiri tab Anda? Itu namanya «favicon». Logo Seperti, site Web favicon adalah elemen visuel berukuran lebih kecil yang mewakili sebuah.

Site Web de la marque Favicon Adalah Teknik Kecil Yang Seringkali Diremehkan Oleh Pemilik. Jika Anda merasa demikian – pastikan Anda menggunakan pembuat favicon gratis untuk membantu Anda.

Site Web de Selesaikan Pembuatan Anda Sekarang Juga!

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

* Terjemahan: EN 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