Rumah Keuangan Pribadi Mengatur Konten di Halaman dengan HTML - dummies

Mengatur Konten di Halaman dengan HTML - dummies

Video: cara menata postingan di blog supaya rapi dari halaman yg kita punya 2024

Video: cara menata postingan di blog supaya rapi dari halaman yg kita punya 2024
Anonim

Keterbacaan adalah prinsip terpenting untuk mengatur dan menampilkan konten di blog Anda. halaman web. Halaman web Anda harus memungkinkan pengunjung untuk dengan mudah membaca, memahami, dan bertindak berdasarkan konten Anda. Tindakan yang Anda inginkan untuk pengunjung Anda mungkin bisa mengklik dan membaca konten tambahan, berbagi konten dengan orang lain, atau mungkin melakukan pembelian.

Konten yang terorganisir dengan buruk akan menyebabkan pengguna meninggalkan situs web Anda sebelum terlibat dengan konten Anda cukup lama untuk menyelesaikan tindakan yang diinginkan.

Angka tersebut menunjukkan dua contoh keterbacaan situs web. Dalam gambar ini, Craigslist. org sedang mencari apartemen di New York.

Sumber: craigslist. org

Hasil pencarian terstruktur seperti daftar, dan Anda dapat membatasi konten yang ditampilkan menggunakan filter dan formulir pencarian. Setiap daftar memiliki beberapa atribut, seperti deskripsi, jumlah kamar tidur, lingkungan sekitar, dan yang terpenting, harganya. Membandingkan atribut serupa dari daftar yang berbeda membutuhkan beberapa usaha - perhatikan garis bergerigi yang harus diikuti mata Anda.

Gambar berikut menunjukkan hasil pencarian yang dilakukan di Hipmunk. com untuk penerbangan dari New York ke London.

Sumber: hipmunk com

Seperti hasil pencarian Craigslist, Anda dapat membatasi konten yang ditampilkan menggunakan filter dan formulir pencarian. Selain itu, setiap daftar penerbangan memiliki beberapa atribut, termasuk harga, carrier, waktu keberangkatan, waktu pendaratan, dan durasi, yang serupa dengan atribut daftar apartemen. Membandingkan atribut serupa dari penerbangan berbeda jauh lebih mudah dengan tata letak Hipmunk. Perhatikan bagaimana kontennya, berbeda dengan Craigslist's, memiliki tata letak yang memungkinkan mata Anda mengikuti garis lurus di bawah halaman, sehingga Anda dapat dengan mudah memberi peringkat dan membandingkan pilihan yang berbeda.

Jangan meremehkan kekuatan kesederhanaan saat menampilkan konten. Meskipun tata letak konten Craigslist mungkin terlihat terlalu sederhana, situs ini adalah salah satu dari 50 situs web paling banyak dikunjungi di dunia. Reddit. com adalah contoh lain dari 50 website teratas dengan layout sederhana.

Sebelum menampilkan konten Anda, tanyakan beberapa pertanyaan kepada Anda terlebih dahulu:

  • Apakah konten Anda memiliki satu atribut dengan data terkait, atau apakah itu mengikuti langkah sekuensial? Jika ya, pertimbangkan untuk menggunakan daftar.

  • Apakah konten Anda memiliki beberapa atribut yang sesuai untuk perbandingan? Jika ya, pertimbangkan untuk menggunakan tabel.

  • Apakah Anda perlu mengumpulkan masukan dari pengunjung? Jika ya, pertimbangkan untuk menggunakan formulir.

Jangan biarkan pilihan ini membanjiri Anda.Pilih satu, lihat bagaimana reaksi pengunjung Anda, dan jika perlu ubah cara Anda menampilkan konten. Proses mengevaluasi satu versi terhadap versi lain dari halaman web yang sama disebut pengujian A / B.

Mengatur Konten di Halaman dengan HTML - dummies

Pilihan Editor

Menghilangkan Kesalahan dengan Text to Speech di Excel 2013 - dummies

Menghilangkan Kesalahan dengan Text to Speech di Excel 2013 - dummies

Fitur Text to Speech yang bagus dapat membantu Anda bendera dan kemudian memperbaiki beberapa kesalahan yang jika tidak, anda harus memeriksa dan memverifikasi dengan membandingkan sel ke sel. Biasanya, Anda melakukan ini dengan memeriksa kolom dan baris data dalam spreadsheet terhadap dokumen asli tempat Anda membuat spreadsheet. Teks Excel ...

Membuat Database Anda dengan Fungsi Database Excel - dummies

Membuat Database Anda dengan Fungsi Database Excel - dummies

Semua fungsi database di Excel mengambil referensi database sebagai argumen pertama Area database harus menyertakan header (field name) pada baris pertama. Pada gambar berikut, baris pertama menggunakan Student ID, Class, Teacher, dan Final Grade sebagai header informasi di masing-masing kolom. Menggunakan database untuk menyimpan siswa ...

Fungsi Excel penting untuk Membangun Model Keuangan - dummies

Fungsi Excel penting untuk Membangun Model Keuangan - dummies

Hari ini memiliki lebih dari 400 fungsi yang tersedia di Excel, dan Microsoft terus menambahkan lebih banyak dengan setiap versi baru perangkat lunak. Banyak fungsi ini tidak relevan untuk digunakan di bidang keuangan, dan sebagian besar pengguna Excel hanya menggunakan persentase yang sangat kecil dari fungsi yang ada. Jika Anda menggunakan Excel untuk tujuan pemodelan keuangan, ...

Pilihan Editor

Dasar-dasar Mentransfer Foto Digital - dummies

Dasar-dasar Mentransfer Foto Digital - dummies

Mentransfer (juga dikenal sebagai men-download atau meng-upload) foto dan film ke Komputer adalah proses yang cukup sederhana. Anda dapat mentransfer beberapa cara yang berbeda. Masing-masing memiliki pro dan kontra. Beberapa metode membutuhkan perangkat keras tambahan, seperti card reader. Menghubungkan Sebelum Anda mulai mentransfer foto ke komputer Anda, Anda harus membuat sambungan. ...

Memilih Kamera Digital Metering Mode - dummies

Memilih Kamera Digital Metering Mode - dummies

Banyak kamera digital menawarkan pilihan mode metering autoexposure. Metering mode berarti cara di mana meteran mekanisme autoexposure kamera - mengukur - cahaya di tempat kejadian saat menghitung pemaparan yang tepat untuk foto Anda. Anda biasanya dapat memilih dari metering matriks, metering tertimbang kelas, dan metering spot.

Pilihan Editor

KetikPad Blogs: Bagaimana Memasukkan Gambar Sidebar - dummies

KetikPad Blogs: Bagaimana Memasukkan Gambar Sidebar - dummies

Termasuk gambar sidebar di TypePad Anda blog adalah cara terbaik untuk mempromosikan situs web, blog, atau produk lain. Gambar bilah samping biasanya terbilang kecil (sering 125 piksel dengan 125 piksel), namun ukurannya pada akhirnya bergantung pada tema dan desain blog Anda sendiri. Selain itu, Anda dapat mengatur gambar untuk ditautkan ke ...

Ketik Dashboard Dashboard Shortcuts - dummies

Ketik Dashboard Dashboard Shortcuts - dummies

Di halaman utama blog TypePad Anda, strip hijau di bagian atas adalah Dashboard - bilah navigasi tingkat akun Anda. Gunakan Dasbor TypePad untuk mengakses akun TypePad inti Anda, bukan hanya blog individual Anda - perbedaan penting untuk menarik karena banyak orang mengelola beberapa blog dari satu akun. Ini berguna ...

Jenis Komunitas Online - dummies

Jenis Komunitas Online - dummies

Banyak jenis komunitas online ada, namun mekanika dan inner pekerjaannya serupa. Meskipun fokus setiap komunitas online mungkin tidak terkait, tipe kepribadiannya bersifat universal. Setelah beberapa saat, tipe kepribadian ini mudah dikenali, bahkan jika Anda telah beralih ke komunitas lain. Komunitas online di-host di berbagai ...