Cara Membuat 웹 사이트 Sendiri : Panduan Lengkap

바이 킨 Situs Web Sendiri!


* Diterjemahkan oleh : Muhammad Ruby Ernawa / Indeks Panduan Bahasa 인도네시아.

Dalam Artibel Ini, Saya Akan Menunjukkan Langkah-langkah penting dalam membuat 웹 사이트 양백.

Membuat 웹 사이트 dasar sangatlah mudah dan tidak butuh waktu lebih dari satu jam.

나문 양 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.

Mengapa Anda membuat 웹 사이트?

Sebelum memulai, penting sekali untuk menentukan tujuan utama Anda.

Kita tahu bahwa 웹 사이트 dapat menjadi bagian penting dari kehadiran 온라인 kita – 무료 온라인 서비스. Bagi individu, 웹 사이트 dapat menjadi 프로필 diri biasa atau portofolio 양 세부 사항. Untuk perusahaan, 웹 사이트 harus menjadi bagian dari aset Anda dan terhubung dengan 프로필, 제품, atau apa pun yang anda lakukan.

Jika tujuannya jelas, pembuatan 웹 사이트 jadi lebih mudah 제안 – misalnya saat memilih 플랫폼 양 akan digunakan, saluran pemasaran 마나 양 ingin dilibatkan, dll.

Beberapa alasan umum saat orang ingin membuat 웹 사이트 :

Untuk menjual 제품 – Jika tujuan utama Anda adalah menjual produk, 웹 사이트 Anda harus menampilkan produk, memiliki keranjang belanja online, 메도 바 펨 바야 란 양 아만, dan sistem point of sale (PoS) jika ada.

Untuk menampilkan 정보 – Jika tujuan Anda adalah menampilkan informasi perusahaan atau pribadi, sebaiknya buat 웹 사이트 satu halaman 양 sederhana di 플랫폼 양 terjangkau.

Untuk berbagi ide atau pengalaman – 블로그 biasanya 멘 자디 미디엄 테르 바그 바기 pengguna 양 suka menulis dan berbagi ide dengan dunia.

Tidak harus terpaku dengan alasan-alasan di atas. Anda dapat memiliki 웹 사이트 Yang mengombinasikan dua tujuan di atas atau lebih.

Membuat 웹 사이트 Anda Sendiri에 Langkah-Langkah Penting

Jika masalah tujuan sudah diatasi, sekarang waktunya membuat 웹 사이트! 운툭 메물 라이, 퍼 타마 타마 양 안다 부 투칸 아 달라…

1. 벨리 나마 도메인

Untuk membuat 웹 사이트, pertama kali yang anda butuhkan 아 달라 nama 도메인.

Nama 도메인 adalah alamat 양 menjadi identitas 웹 사이트 Anda di Internet. Contohnya seperti Yahoo.com, Google.com, atau BuildThis.io (ya, situs ini!).

Untuk memiliki 도메인, Anda harus mendaftarkannya dengan 등록 기관 도메인.

안과 동물 도메인 – 안과 동물 그룹 – 안과 동물 조직. 등록자 도메인 akan membantu Anda memeriksa apakah nama 도메인 Anda cukup unik sebelum mengizinkan Anda melanjutkan pendaftaran.

GoDaddy dan NameCheap adalah dua 등록 기관 도메인 양 populer. Saya telah lama 멘구나 칸 layanannya untuk mengelola 도메인 saya.

펠라 자리 셀렝 카프 냐

  • Untuk memahami 등록 기관 nama 도메인 양 kompeten, 바카 디 시니.
  • 지카 Butuh 님이 미국을 선택했습니다, Berkeut adalah pembuat nama을 무료로 Yang dapat Anda gunakan.

2. Daftar 웹 호스팅

웹 호스트 adalah komputer besar (양 biasa disebut 서버) Yang Digunakan untuk menyimpan 파일 Yang dibutuhkan untuk 웹 사이트 Anda.

Bayangkan saja sebagai rumah yang menyimpan perabot dan peralatan rumah tangga – ruda adalah 웹 호스트 Anda dan seluruh isinya 아 달라 콘텐 웹 사이트 Anda. 웹 사이트 biasanya meliputi teks, gambar, video, dan elemen lainnya yang menurut Anda penting.

Kini, 웹 호스팅 웹 사이트 dalam berbagai paket.

Biasanya, 페니 디아 웹 호스팅 hanya menyewakan 서버 양 dilengkapi dengan 소프트웨어 dasar dan dukungan teknis. tradisional biasanya lebih murah dan fleksibel를 호스팅하는 Menghosting 웹 사이트 dengan penyedia; tetapi harus kerja ekstra keras untuk menyiapkan 웹 사이트.

키니, permenhaan menyatukan berbagai layanan dan memungkinkan pengguna membuat, menghosting, dan mengelola 웹 사이트 hanya dari satu penyedia layanan. Dan kami biasanya menyebut perusahaan ini sebagai Pembuat 웹 사이트 atau Pembuat Toko Online. Menghosting 웹 사이트 dalam“bundel”biasanya mahal dan kurang fleksibel; tetapi Anda dapat membuat 웹 사이트 atau toko 온라인 덴간 무다.

페 m 라를 호스팅하는 플랫폼

Jika baru memulai – bersama tingkat dasar biasanya sudah cukup을 호스팅합니다. Untuk itu, sebaiknya gunakan Paket Tunggal Hostinger – Dengan Paket Ini, Anda dapat menghosting satu 웹 사이트 dengan murah, hanya Rp 8,739 / bulan.

HostingerHostingermemberdayakan lebih dari 29 juta pengguna dan memiliki 30 kantor 양 tersebar di seluruh dunia.
Paket Single HostingerPaket“Single”Hostinger – Menghosting satu 웹 사이트 dengan penyimpanan 10GB SSD 및 대역폭 100GB (rulh dari cukup 및 permulaan) ptuk Rp 8,739 / bulan.

Kunjungi Hostinger

전자 상거래 / 페루 사 한을 통한 플랫폼 호스팅

Jika berencana untuk menjual produk langsung dari 웹 사이트 Anda (toko e-commerce), sebaiknya Anda mencoba Shopify Basic (Rp 406.000 / bulan).

도코 전자 상거래 멘구나 칸 Shopify800.000 toko 전자 상거래 멘구나 칸 Shopify, termasuk Toko NBA 레이커스 dan Tattly.com.

Penasaran apa kriteria 웹 호스트 양 bagus? Pelajari 16 faktor utama 양 harus dipertimbangkan saat memilih 웹 호스트.

3. Desain halaman web

웹 호스트는 웹 사이트에 접속하고, 인터넷에 연결합니다. Untuk mendesain halaman web, 안다 dapat menyewa pengembang 웹 atau membuatnya sendiri.

Kami membahasnya dengan detail mengenai cara menyewa pengembang 웹 및 기타 tugas pengembangan 웹 디시 니. Sebaiknya Anda melewati langkah-langkah berikut dan lanjut ke halaman berikutnya jika berencana menyewa seseorang untuk mengembangkan 웹 사이트 안다.

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

1- 편집자 당신이보고 싶은 것 (WYSIWYG) atau Yang-Dilihat-Adalah-Yang-Didapat

덴간 편집자 WYSIWYG, Anda dapat menyiapkan 웹 사이트에서 mendesain halaman web dari nol tanpa koding. Fungsinya sama dengan pemroses kata biasa – Anda mulai dengan halaman 템플릿 atau kosong, lalu membuat halaman 웹 사이트. Setelah selesai, Anda dapat mengisinya dengan konten dan mengunggah seluruh 폴더 ke 웹 호스트 menggunakan 프로그램 protokol 전송 파일 (FTP).

Jika menggunakan metode ini, sebaiknya Anda menguasai kemampuan HTML / CSS dasar dan kurang lebih tahu cara kerja 인터넷.

Terdapat beberapa 편집자 웹 WYSIWYG – ada yang 무료로 pengunaan non komersil, sedangkan yang berbayar. Microsoft Expression Web, 구글 웹 디자이너, BlueGriffon, 단 열린 요소 아 달라 편집자 bagus yang dapat Anda coba.

Untuk 프로그램 FTP – FileZillaWinSCP 아 달라 두아 필리 한 테르 바이크.

Microsoft Expression-WYSIWYG 편집기Contoh – Berikut adalah tangkapan layar dari 편집기 웹 Microsoft Expression. Daftar 폴더 (kiri) – Susun 웹 사이트 Anda menggunakan 폴더. 편집자 (tengah) – Tulis dan bentuk teks Anda. Gaya / Kotak peralatan (kanan) – Hias dan desain halaman Anda menggunakan CSS (선택 사항). Perhatikan bahwa Anda perlu membuat indeks nama halaman (.html / .htm / .php / .asp) – indeks ini akan berfungsi sebagai halaman beranda 웹 사이트 Anda.

전례 (misalnya Hostinger)를 호스팅하는 Opsi ini hanya memungkinkan apabila Anda menggunakan. 멘구나 칸 편집자 WYSIWYG memang fleksibel dan seru jika Anda suka belajar koding web… tetapi ini bukan pilihan yang tepat bagi pemula yang ingin membuat 웹 사이트 dengan instan.

2- 시스템 마나 제멘 콘텐 (CMS)

Kini, sebagian besar 웹 사이트 dibuat dan dikelola dengan CMS. CMS menghadirkan banyak keuntungan dari sudut pandang pemilik situs. Mudah dikelola, fleksibel dam hal desain dan pengembangan, serta hemat biaya (바칸 무료!) – inilah tiga keuntungan utamanya.

Jika belum pernah mendengarnya – 워드 프레스, 양 memberdayakan ~ 33 % dari semua website di Internet, adalah CMS Yang Paling Populer Di Dunia.

Koiensional Di langkah # 2, Anda dapat menginstal WordPress hanya dalam beberapa klik을 호스팅하는 Bagi Yang Suka pilihan.

Hostinger의 Otomatis WordPress 설치 프로그램Bingerut adalah cara menyiapkan WordPress와 Hostinger. 로그인 ke akun Hostinger Anda, buka 웹 사이트 > 인스톨러 오토 마티스 > 워드 프레스 > Siapkan kata sandi dan nama 웹 사이트 > 설치.

Anda akan mendapatkan kerangka kerja 웹 사이트 dasar setelah WordPress berhasil diinstal. Lalu Anda dapat mendesain halaman web Anda menggunakan 템플릿 워드 프레스. 템플릿 워드 프레스 양 sudah dibuat sebelumnya  WordPress.org에서 무료로 제공 (direktori tema resmi). Atau Anda dapat membeli 템플릿 프리미엄 dari pengembang profesional seperti 우아한 테마 atau Artisan.

Disha menjelaskan cara membuat 블로그 atau 웹 사이트 menggunakan WordPress di sini. Harap ikuti petunjuk jika Anda butuh 정보 레비 lanjut.

Catatan – Anda tidak dapat menggunakan CMS jika Anda memilih 플랫폼“번들”seperti Wix atau Weebly di langkah # 2.

3. Pembuat 웹 사이트 / toko 드래그 앤 드롭

Pembuat 웹 사이트 / toko 끌어서 놓기 adalah cara termudah dan tercepat untuk membuat 웹 사이트 .

Anda tidak perlu kemampuan pengembangan web – cukup pilih 템플릿 양 dibuat sebelumnya, pilih elemen web 양 dibutuhkan dari pembuat (misalnya formulir kontak, 메뉴 드롭 다운, Google Map, tombol bayar, keranjang belanja, dll.), dan 웹 사이트 Anda sudah siap.

Terdapat banyak pembuat 웹 사이트 Yang ada di Internet – Wix dan Weebly adalah yang paling populer. Dan seperti yang disebutkan di atas, Shopify dapat menjadi pilihan bagus jika 안다 membuat 토코 온라인.

데모 윅스

Bikin 웹 사이트 di WixMendesain halaman web Anda di Wix : 메뉴 Situs (kiri) – Kelola halaman, pilih latar belakang situs, atur navigasi situs, tambahkan teks dan tautan, unggah gambar, dll di sini; Penyelarasan (tengah / kiri) – seAtur dan selaraskan elemen 웹 사이트 Anda di sini; Pratinjau (kanan atas) – Simpan pratinjau, Dan publikasikan 웹 사이트 안다.
Wix 사전 빌드 템플릿에서 웹 사이트 디자인템플릿 Wix – terdapat ratusan 템플릿 양 sudah dibuat sebelumnya di Wix (lihat semua).

Kunjungi Wix

데모 Shopify

Shopify 편집기를 사용하여 웹 사이트 생성 및 편집멘데 사인 탐 필란 토코 온라인 Ana dengan tema yang dibuat sebelumnya di Shopify. 메뉴 (kiri) – Pilih tema dan tambahkan elemen toko (슬라이드, 헤드 라인, gambar, catatan kaki, dll) 디시 니; Pratinjau (tengah / kanan) – Pratinjau toko 안다 디 시니.
Shopify tema무료 Menawarkan Berbagai Macam Tema Premium Dan 무료 게임 (Lihat Contohnya).

쿤중이 Shopify

펠라 자리 셀렝 카프 냐

  • Petunjuk langkah demi langkah untuk membuat 웹 사이트 menggunakan Wix
  • Lihat contoh-contoh 웹 사이트 Yang dibuat dengan Wix
  • Petunjuk langkah demi langkah untuk membuat 웹 사이트 menggunakan Shopify
  • Lihat contoh-contoh 웹 사이트 Indonesia yang dibuat dengan Shopify

4. Validasi dan uji 웹 사이트 안다

Setelah 웹 사이트 Anda siap – waktunya memvalidasi dan menguji apakah 웹 사이트 berfungsi di browser-browser besar (Chrome, Firefox, Safari, Microsoft Edge, IE 11, dll) serta di ukuran layar Yang berbeda-beda.

기타 dapat menjalankan pengujian 이니 덴간 반 투어 무료 게임.

유효성 검사

타당성 마크 업 situs Anda유효성 검사 마크 업 웹 사이트 Anda dengan mudah menggunakan W3C 마크 업 검증 서비스.

Apa itu validasi markup? HTML, PHP, dan lainnya memiliki 형식, kosakata, dan sintaksnya sendiri-sendiri로 구성된 Baasa atau 스크립트 Validasi markup adalah는 memverifikasi apakah 웹 사이트를 제안합니다 .Anda mengikuti aturan-aturan ini.

우지 브라우저

우지 웹 사이트 안다우지 웹 사이트 Anda di 115 브라우저 sekaligus melalui BrowserShots.

우지 라야 르

우지 웹 사이트 안다구나 칸 스크린 플라이 온라인 halaman web 안다 디 모니터, 태블릿, 스마트 폰, dan pereangkat dengan ukuran layar lainnya.

5. Menyempurnakan dan mengembangkan 웹 사이트 안다

Memublikasikan 웹 사이트 Anda di Internet adalah tahap pertama. 마시 반 hal lain yang harus dilakukan untuk memastikan kesuksesan 웹 사이트 Anda. Berikut 아 달라 투 가스 양 harus dilakukan…

Tingkatkan kecepatan 웹 사이트

구글 telah menyatakan dengan jelas bahwa kecepatan situs adalah salah satu faktor utama. 이니 Berarti Peringkat situs Anda dapat naik jika pemuatannya Berlangsung Dengan Cepat.

Selain itu – semakin cepat pemuatan 웹 사이트, semakin senang pengunjung 웹 사이트 Anda. Terbukti dalam berbagai studi kasus dan eksperimen, 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.

Jika kecepatan 웹 사이트 Anda saat ini lambat, pelajari cara 운지법 meningkatkannya.

Tingkatkan visibilitas pencarian 웹 사이트

Anda tidak perlu menjadi ahli dalam optimizeisasi mesin pencarian (SEO) 한천 웹 사이트 Anda mendapat perhatian. Tetapi Kemampuan SEO 이니 아칸 bermanfaat jika 안다 menguasainya.

Buat Akun 웹 마스터 디 Google 검색 콘솔 mengirimkan 웹 사이트를 통해 Google에 이메일을 보내십시오. Lakukan penelusuran kata kunci dasar laluOptimkan judul halaman dan untuk kata kunci utama Anda. Anda agar menonjol di halaman hasil pencarian 태그 구현.

Untuk Tips SEO selengkapnya, 바카 판 두안 SEO untuk pemula kami.

HTTPS 구현

Sejak Chrome Chrome 웹 사이트 HTTP sebagai“Tidak Aman”, sertifikat SSL menjadi penting. 운이 좋은 웹 사이트 bahwa 웹 사이트 안다“tepercaya”와 운이 좋은 pengguna – koneksi HTTPS adalah suatu keharusan.

Tambahkan halaman penting

Dua 웹 사이트 tidak akan sama karena keduanya mungkin memiliki tujuan dan / atau fungsi yang berbeda. Namun, terdapat tiga halaman standar 양 harus dimiliki tiap 웹 사이트 : Indeks (halaman beranda), Halaman Tentang, dan Halaman Kontak.

할라 만 베란다

Halaman beradan sering kali menjadi tempat pertama Yang dilihat pengunjung saat membuka website 안다. 할라 만 베란다 안다 harus mempromosikan hal yang tepat untuk mendorong pengunjung agar mengakses situs Anda lebih dalam.

Contoh situs Web-하우스Misalnya – 할라 만 베란다 Haus memiliki 메뉴 navigasi 양 jelas dan desain bergaya galeri (양 sempurna untuk menampilkan produk).

할라 만 텐탕

Halaman Tentang adalah halaman 양 membangun rapor 안다 dengan pengunjung. Fungsinya 님이 memperkenalkan diri을 (를) 방문했습니다. Biasanya halaman ini menyertakan 사진 Orang Yang memiliki dan menjalankan 웹 사이트.

Contoh situs 웹-불독 스킨 케어미 살냐 – 할라 만 텐탕 미키 불독 스킨 케어 멤버 피칸 페양 양 hangat dan mengesankan.

할라 만 콘탁

berkomunikasi denpen pengguna dan klien potensial Anda와 함께 펜팅. Oleh karena itu 님, halaman kontak wajib ada. Sertakan semua saluran komunikasi yang ada (프로필 미디어 소셜, 포뮬러 콘탁, alamat 이메일, dll).

Contoh situs 웹-SurvicateMisalnya – Halaman kontak Survivate Didesain Dengan 인다 양 Menyertakan 콜롬 어 Formulir Yang besar, 칼리 마자 아자 칸 Yang jelas, serrta memiliki semua informasi yang penting.

Perluas jangkauan Anda di 플랫폼 미디어 소셜

웹 사이트 Anda juga harus memiliki kehadiran di 플랫폼 미디어 sosial tempse sebagian besar audiens sasaran Anda nongkrong. Bagi BuildThis.io, 플랫폼 itu berarti Facebook danTwitter. Bagi Yang Lalain, Mungkin LinkedIn, Tumblr, atau 핀터 레스트.

Berikut adalah는 pemasaran 매체 sosial bagi pemula를 기울입니다.

탐 바칸 파비콘

아파 카 안다 melihat huruf“”Di lingkaran kuning Yang muncul di bagian kiri tab 브라우저 안다? Itu namanya“favicon”. Seperti 로고, favicon adalah elemen visual berukuran lebih kecil yang mewakili sebuah 웹 사이트.

Favicon adalah teknik 브랜딩 kecil yang seringkali diremehkan oleh pemilik 웹 사이트. 지카 안다 메라 사 데미 카니 안 – 파스타 안다 멘구나 칸 펨부 아트 파비콘 무료 게임.

Selesaikan Pembuatan 웹 사이트 Anda Sekarang Juga!

안다 키니 telah mempelajari banyak tentang cara membuat 웹 사이트 양 bagus. Waktunya menerapkan ilmu Anda. Buat sekarang dan guncang jagat 인터넷!

* 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