Tentukan audiens Anda dan kebutuhan mereka
Menentukan tujuan dan sasaran situs web Anda harus menjadi langkah pertama Anda. Fokus pada apa yang Anda ingin situs web Anda capai. Buat profil audiens target Anda dan cobalah untuk memahami kebutuhan dan selera mereka, rancang situs web dengan mereka di garis depan pikiran Anda setiap saat. Lihatlah situs web pesaing untuk mendapatkan gambaran tentang apa yang berhasil dan apa yang tidak.
Browsing mudah
Untuk memudahkan audiens target Anda menelusuri konten Anda, pastikan link ke bagian utama situs Anda dapat dilihat dengan mudah dari setiap halaman web. Anda ingin mengundang orang untuk melihat halaman situs Anda sebanyak mungkin, jadi permudah mereka untuk menemukan setiap halaman.
Cara yang baik untuk membantu Anda memvisualisasikan arsitektur situs Anda adalah dengan membuat diagram alur dari seluruh situs Anda di atas kertas. Pikirkan tentang bagaimana pengguna menyusun informasi dalam situs untuk membantu mereka menemukan informasi yang mereka butuhkan dengan mudah.
Usahakan untuk menyimpan informasi di halaman pertama Anda dengan ikhtisar sehingga Anda tidak mengganggu orang dengan terlalu banyak informasi. Mereka kemudian dapat mengeklik tautan (jelas dan mudah digunakan) untuk melihat lebih banyak informasi tentang topik yang mereka minati.
tata letak
Sebagian besar halaman web memiliki struktur umum yang terdiri dari header dan footer, bilah navigasi horizontal di sepanjang bagian atas dan / atau bilah navigasi vertikal di kiri bawah halaman dan bagian tengah untuk konten utama.
Struktur ini didasarkan pada prinsip-prinsip perencanaan yang sederhana dan mudah dipahami. Jika ada banyak konten, bagi menjadi beberapa halaman berbeda sehingga penonton tidak perlu mencerna banyak informasi dalam satu halaman.
Buat teksnya tetap sederhana dan langsung, dan pastikan aturannya benar; Periksa dan periksa kembali untuk menghindari terlihat tidak profesional. Teks lebih sulit dibaca di layar daripada media cetak, jadi penting untuk mengkomunikasikan pesan Anda dengan cara yang ringkas dan mudah dipahami.
Anda harus selalu membuat blok teks relatif kecil. Paragraf yang besar sulit dibaca dan dapat dengan cepat membuat audiens Anda kehilangan minat.
Tetap gunakan dua atau tiga font berbeda paling banyak, dan pastikan font tersebut umumnya ada di sebagian besar komputer. San serif mudah dibaca di layar komputer, jadi tetap gunakan teks utama ini, dan pastikan teksnya cukup besar untuk dibaca semua orang. Poin-poin terkait, daftar, dan gambar dapat membantu memecah teks.
Pelajari dasar-dasar HTML
Mempelajari dasar-dasar html – bahkan jika Anda menggunakan WYSIWYG Front Page atau Dreamweaver – akan membantu Anda memperoleh pemahaman tentang cara membuat halaman web, dan menangani masalah yang Anda hadapi saat menggunakan program ini. Coba menjauh dari tabel, dan buat halaman menggunakan layer (div) dan cascading style sheets (CSS).
Tabel menggabungkan data “tampilan” dengan konten Anda, membuat ukuran file halaman Anda terlalu besar, karena pengguna harus mendownload data tampilan ini untuk setiap halaman yang mereka kunjungi. Tetapi dengan menggunakan pengkodean struktural untuk membuat halaman web, Anda dapat menjaga konten sebenarnya dari halaman Anda terpisah dari cara penyajiannya.
Halaman berbasis tabel juga kurang dapat diakses oleh pengguna penyandang disabilitas dan pemirsa yang menggunakan ponsel dan PDA untuk mengakses web. Dan untuk mengubah tata letak situs, yang harus Anda lakukan adalah mengubah lembar gaya; Anda tidak perlu mengubah halaman itu sendiri sama sekali.
Menggunakan warna
Membuat palet warna yang seimbang dengan mana Anda dapat memilih skema warna untuk situs web Anda akan membantu Anda membuat situs web yang tampak profesional. Warna kontras cerah menjerit para amatir.
Jika Anda membuat situs web untuk perusahaan dengan logo, mulailah di sini. Unggah logo ke server host Anda dan buka situs web palet warna seperti http://www.colorhunter.com Untuk membuat panel, Anda dapat memilih warna untuk spanduk utama, tombol, menggulir teks, dll., Dan menjaga agar tetap sederhana dan rapi – ruang kosong membuat warna menonjol dan teks mudah dibaca.
Optimalkan foto dan gambar
Jangan gunakan gambar hanya untuk itu; Pastikan ada alasan keberadaannya, yaitu meningkatkan pemahaman dan pengalaman pengguna. Situs yang penuh dengan grafik yang tidak perlu terlihat klise, dan ini bisa menjadi penghalang untuk alat aksesibilitas seperti pembaca layar.
Pastikan gambar dan gambar yang Anda gunakan jelas dan dioptimalkan dengan baik untuk mengurangi ukuran file dan meningkatkan waktu buka halaman. Salah satu tanda pasti dari situs web non-profesional adalah halaman dengan gambar besar yang membutuhkan waktu terlalu lama untuk dimuat. Penampil Anda kemungkinan besar akan menjauh dari situs sebelum mereka memiliki kesempatan untuk melihatnya.
Membuat GIF yang terlihat profesional dan jelas sebenarnya adalah kisi yang terbuat dari kotak piksel kecil. Data tentang setiap piksel disimpan (agar tidak hilang), dan Anda dapat menyimpan hingga 256 warna. Piksel mungkin juga transparan.
GIF dapat berisi lebih dari satu bingkai, sehingga dapat dianimasikan. Ini adalah format yang bagus untuk menyimpan gambar dengan lebih sedikit warna, seperti diagram, grafik kecil, dan gambar dengan teks dan grafik.
File JPEG adalah format yang bagus untuk gambar dengan jutaan warna, seperti foto, grafik dengan banyak corak, gambar dengan gradien, dll.
Tips Desain:
A) Gunakan desain untuk menonjolkan pekerjaan. Sebagai contoh; Menggunakan gradien pada tombol juga membantu membuatnya terlihat lebih ‘seperti tombol’; Teks berwarna berbeda pada mouse akan menarik perhatian ke link.
B) Berhati-hatilah dengan animasi dan suara kecuali jika mereka menjalankan fungsi tertentu. Sulit untuk fokus membaca apa yang ada di situs Anda saat ada yang berkedip, mati, dan berkeliaran di sekitar laman. Pengunjung dengan koneksi lambat mungkin membenci Anda karena Anda membuang-buang waktu mereka dengan memaksa mereka mengunduh animasi dan file audio yang bertentangan dengan keinginan mereka. Beberapa penelitian terbaru menunjukkan bahwa pengunjung yang telah diserang melalui iklan yang berkedip cenderung meninggalkan situs dengan segera, dan cenderung tidak membookmark, kembali ke, menautkan ke, dan merekomendasikan situs.
C) Jangan menggunakan gambar sebagai latar belakang halaman web. Wallpaper foto berteriak “amatir” karena mereka kebanyakan adalah situs amatir yang menggunakannya. Butuh waktu lebih lama untuk memuat dan teks di atas gambar latar biasanya sulit dibaca.
E) Rancang halaman web termasuk semua elemen di dalamnya untuk audiens Anda. Misalnya, ciptakan suasana yang menenangkan untuk tempat pijat / perawatan dengan menggunakan warna-warna seperti lavender dan biru. Gunakan warna yang lebih gelap, lebih ketat, dan lebih kuat untuk situs pembiayaan yang lebih tradisional.
D.) Jika perusahaan Anda belum memilikinya, buat spanduk untuk situs Anda, tampilkan di bagian atas setiap laman, dan tambahkan tautan darinya ke beranda Anda. Ini akan membuat situs Anda terlihat lebih profesional dan menciptakan kesan branding untuk membantu orang mengingat situs Anda dan mengenalinya sebagai milik Anda.
Hiduplah”
Hosting
Dalam hal hosting, yang termurah tidak selalu yang terbaik. Untuk pemula muda; Situs web, Anda tidak memerlukan banyak bandwidth (kecuali Anda mengikuti pedoman “pengoptimalan gambar”!) Tetapi saya tidak merekomendasikan hosting situs web Anda dengan penawaran termurah yang tersedia sampai Anda memeriksa bahwa mereka dapat memberi Anda semua dukungan yang mungkin Anda perlukan sebagai pemula.
Saya sarankan untuk selalu mencari nomor telepon kontak lokal di situs web perusahaan host yang Anda pertimbangkan untuk digunakan, dan hubungi mereka untuk memastikan ada orang sungguhan di pihak mereka.
Tanyakan apakah Anda bisa mendapatkan bantuan teknis dari nomor ini; Mereka hanya dapat menghubungi Anda melalui email untuk dukungan teknis. Jika dia memberi Anda nomor lain, tanyakan berapa biayanya per menit, dan hubungi dia untuk memastikan akhirnya ada seseorang yang bersedia membantu Anda sebagai pemula jika Anda mendapatkan masalah saat menyambung ke server mereka, mengunggah file Anda, atau memilah-milah akun email Anda.
Anda juga harus memastikan bahwa akun email sudah termasuk dalam biaya, dan jika Anda memiliki elemen dinamis seperti media pencarian atau formulir pertanyaan di situs web, periksa apakah server akan mendukung PHP atau ASP, dll. Yang diperlukan untuk memungkinkan fitur ini berfungsi dan jika itu sudah termasuk dalam harga Hosting ditawarkan.
Protokol Transfer File
Anda dapat mengunduh program ftp gratis untuk mengunggah situs web baru Anda ke ruang hosting baru dari berbagai sumber termasuk Filezilla atau Smart ftp, atau Anda dapat mencoba uji coba gratis dengan Cute ftp.
Optimisasi Mesin Pencari
Meskipun desainer web profesional telah memperhatikan pengoptimalan situs web sejak awal desain dan pengembangan, sebagai pemula, Anda harus melangkah selangkah demi selangkah! Sekarang Anda telah merancang, membangun, dan mengunggah situs web Anda, lihat beberapa cara Anda sekarang dapat mulai mengoptimalkannya untuk peringkat mesin pencari:
