Sitio 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 sitio web yang baik.

Membuat sitio web 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.

Sitio web de Mengapa Anda membuat?

Sebelum memulai, penting sekali untuk menentukan tujuan utama Anda.

Kita tahu bahwa sitio web dapat menjadi bagian penting dari kehadiran en línea kita – untuk perusahaan maupun individu. Bagi individu, sitio web dapat menjadi profil diri biasa atau portofolio yang detalle. Untuk perusahaan, sitio web harus menjadi bagian dari aset Anda dan terhubung dengan profil, produk, atau apa pun yang Anda lakukan.

Jika tujuannya jelas, prosas sitio web de pembuatan jadi lebih mudah – misalnya saat memilih platform yang akan digunakan, saluran pemasaran mana yang ingin dilibatkan, dll.

Beberapa alasan umum saat orang ingin membuat sitio web:

Untuk menjual produk – Jika tujuan utama Anda adalah menjual produk, sitio web Anda harus menampilkan produk, memiliki keranjang belanja en línea, metode pembayaran yang aman, dan sistem punto de venta (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 mediano terbaik bagi pengguna yang suka menulis dan berbagi ide dengan dunia.

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

Langkah-Langkah Penting untuk Membuat Sitio web Anda Sendiri

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

1. Dominio beli nama

Sitio web de Untuk membuat, dominio pertama kali yang Anda butuhkan adalah nama.

Nama dominio adalah alamat yang menjadi identitas sitio web Anda di Internet. Contohnya seperti Yahoo.com, Google.com, atau BuildThis.io (sí, situs ini!).

Dominio Untuk memiliki, Dominio registrador Anda harus mendaftarkannya dengan.

Perhatikan bahwa nama dominio Anda harus unik – nama tidak boleh sama dengan milik orang atau organisasi lain mana juego de palabras. Dominio registrador akan membantu Anda memeriksa apakah dominio nama Anda cukup unik sebelum mengizinkan Anda melanjutkan pendaftaran.

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

Pelajari selengkapnya

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

2. Alojamiento web Daftar

Host web adalah komputer besar (yang biasa disebut server) yang digunakan untuk menyimpan archivo yang dibutuhkan untuk sitio web Anda.

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

Kini, alojamiento web hadir dalam berbagai paket.

Biasanya, alojamiento web penyedia servidor hanya menyewakan yang dilengkapi dengan software dasar dan dukungan teknis. El sitio web de Menghosting dengan penyedia hospeda biasanya lebih murah dan fleksibel tradicional; tetapi harus kerja ekstra keras untuk menyiapkan sitio web.

Kini, perusahaan menyatukan berbagai layanan dan memungkinkan pengguna membuat, menghosting, sitio web de dan mengelola hanya dari satu penyedia layanan. Dan kami biasanya menyebut perusahaan ini sebagai Sitio web de Pembuat atau Pembuat Toko Online. Menghosting sitio web dalam “bundel” biasanya mahal dan kurang fleksibel; tetapi Anda dapat membuat sitio web atau toko en línea dengan mudah.

Plataforma de alojamiento untuk pemula

Jika baru memulai – anfitrión de 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.

HostingerHostinger memberdayakan lebih dari 29 juta pengguna dan memiliki 30 kantor yang tersebar di seluruh dunia.
Paket Single HostingerPaket Hostinger “Single” – Menghosting satu website dengan penyimpanan 10 GB SSD dan ancho de banda 100 GB (lebih dari cukup untuk permulaan) hasta Rp 8.739 / bulan.

Kunjungi Hostinger

Plataforma de alojamiento 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 Shopify800.000 toko e-commerce menggunakan Shopify, termasuk Toko NBA Lakers dan Tattly.com.

Anfitrión web penasaran apa kriteria yang bagus? Pelajari 16 faktor utama yang harus dipertimbangkan saat memilih web host.

3. Desain halaman web

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

Kami membahasnya dengan detalle 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 sitio web Anda.

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

1- Editor Lo que ves es lo que obtienes (WYSIWYG) atau Yang-Dilihat-Adalah-Yang-Didapat

Dengan editor WYSIWYG, Anda dapat menyiapkan sitio 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. Web de expresiones de Microsoft, Diseñador web de Google, BlueGriffon, dan Elemento abierto editor adalah bagus yang dapat Anda coba.

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

Microsoft Expression - editor WYSIWYGContoh – Berikut adalah tangkapan layar dari Editor Web Microsoft Expression. Daftar Folder (kiri) – Carpeta de menggunakan del sitio web de Susun. Editor (tengah) – Tulis dan bentuk teks Anda. Gaya / Kotak peralatan (kanan) – Hias dan desain halaman Anda menggunakan CSS (opcional). Perhatikan bahwa Anda perlu membuat indeks nama halaman (.html / .htm / .php / .asp) – indeks ini akan berfungsi sebagai halaman beranda sitio web 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 sitio web dengan instan.

2- Sistem manajemen konten (CMS)

Kini, sitio 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 paling populer di dunia.

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

Instalador Otomatis WordPress di HostingerBerikut adalah cara menyiapkan WordPress di Hostinger. Iniciar sesión ke akun Hostinger Anda, buka Sitio web > Instalador Otomatis > WordPress > Sitio web de Siapkan kata sandi dan nama > Instalar.

Anda akan mendapatkan kerangka kerja sitio web dasar setelah WordPress berhasil diinstal. Lalu Anda dapat mendesain halaman web Anda menggunakan template WordPress. Plantilla 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 sitio web menggunakan WordPress di sini. Harap ikuti petunjuk jika Anda butuh informasi lebih lanjut.

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

3. Sitio web de Pembuat / toko arrastrar y soltar

Sitio web de Pembuat / toko arrastrar y soltar sitio web de adalah cara termudah dan tercepat untuk membuat .

Anda tidak perlu kemampuan pengembangan web – cukup pilih template yang dibuat sebelumnya, pilih elemen web yang dibutuhkan dari pembuat (misalnya formulir kontak, menú desplegable, Google Map, tombol bayar, keranjang belanja, dll.), Dan sitio web Anda sudah s.

Sitio web de Terdapat banyak pembuat yang ada di Internet – Wix dan Weebly adalah yang palideciendo populer. Dan seperti yang disebutkan di atas, Shopify dapat menjadi pilihan bagus jika Anda membuat toko en línea.

Demo Wix

Sitio web de Bikin di WixMendesain halaman web Anda di Wix: Menú Situs (kiri) – Kelola halaman, pilih latar belakang situs, atur navigasi situs, tambahkan teks dan tautan, unggah gambar, dll di sini; Penyelarasan (tengah / kiri) – Sitio web de Atur dan selaraskan elemen Anda di sini; Pratinjau (kanan atas) – Simpan pratinjau, sitio web de dan publikasikan Anda.
Diseño de un sitio web en plantillas preconstruidas de WixTemplate Wix – plantilla terdapat ratusan yang sudah dibuat sebelumnya di Wix (lihat semua).

Kunjungi Wix

Demo Shopify

Crear y editar un sitio web usando el editor ShopifyMendesain tampilan toko en línea Ana dengan tema yang dibuat sebelumnya di Shopify. Menú (kiri) – Pilih tema dan tambahkan elemen toko (diapositiva, título, gambar, catatan kaki, dll) di sini; Pratinjau (tengah / kanan) – Pratinjau toko Anda di sini.
Tema de ShopifyShopify menawarkan berbagai macam tema premium dan gratis (lihat contohnya).

Kunjungi Shopify

Pelajari selengkapnya

  • Petunjuk langkah demi langkah untuk membuat sitio web menggunakan Wix
  • Lihat contoh-contoh sitio web yang dibuat dengan Wix
  • Petunjuk langkah demi langkah untuk membuat sitio web menggunakan Shopify
  • Sitio web de Lihat contoh-contoh Indonesia yang dibuat dengan Shopify

4. Validasi dan uji sitio web 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 marcado situs AndaSitio web de marcado de Validasi Anda dengan mudah menggunakan Servicio de validación de marcado W3C.

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

Navegador Uji

Sitio web de Uji AndaSitio web de Uji Anda di 115 browser sekaligus melalui BrowserShots.

Uji Layar

Sitio web de Uji AndaGunakan Mosca de la pantalla untuk mempratinjau halaman web Anda di monitor, tableta, teléfono inteligente, dan pereangkat dengan ucraniano layar lainnya.

5. Menyempurnakan dan mengembangkan sitio web Anda

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

Sitio 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 – sitio web semakin cepat pemuatan, sitio web semakin senang pengunjung Anda. Terbukti dalam berbagai studi kasus dan eksperimen, sitio web de bahwa 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.

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

Tingkatkan visibilitas pencarian website

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

Buat akun webmaster di Consola de búsqueda de Google untuk mengirimkan sitio web Anda ke a Google dan mengidentifikasi masalah SEO apa pun. Lakukan penelusuran kata kunci dasar lalu opticalkan judul halaman dan rumbo untuk kata kunci utama Anda. Implementasikan marcado marcado pada situs Anda agar menonjol di halaman hasil pencarian.

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

Implementasikan HTTPS

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

Tambahkan halaman penting

Sitio web de Dua tidak akan sama karena keduanya mungkin memiliki tujuan dan / atau fungsi yang berbeda. Namun, sitio web 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 sitio web 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 menú memiliki 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 sitio web.

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 - SurvicateMisalnya– 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 plataforma media sosial

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

Berikut adalah consejos pemasaran media sosial bagi pemula.

Tambahkan favicon

Apakah Anda melihat huruf “si“Di lingkaran kuning yang muncul di bagian kiri pestaña navegador Anda? Itu namanya “favicon”. Logotipo de Seperti, favicon adalah elemen visual berukuran lebih kecil yang mewakili sebuah sitio web.

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

Sitio web de Selesaikan Pembuatan Anda Sekarang Juga!

Anda kini telah mempelajari banyak tentang cara membuat sitio 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