Posted At: Jul 28, 2024 - 141 Views
Header situs terletak di bagian atas setiap halaman dan menjalankan beberapa fungsi yang sangat penting. Judul tidak hanya memberikan ruang untuk logo Anda; Header juga merupakan bagian dari antarmuka pengguna yang dimiliki semua situs web bagus. Desain header mungkin berbeda dari satu situs ke situs lainnya, namun fitur inti yang menentukan navigasi dan kegunaan situs tetap sama.
Bagian ini biasanya sama untuk semua halaman situs web, namun dalam beberapa proyek, halaman beranda memiliki tampilan header yang sedikit berbeda untuk menarik perhatian ke area situs yang dipilih.
Header V.s. Head
Penting untuk tidak mengacaukan judul halaman dengan header halaman. Kedua istilah tersebut pada dasarnya sama, tetapi istilah yang satu menggambarkan bagian halaman yang dilihat dan digunakan orang, dan istilah lainnya menggambarkan area HTML (atau kode latar belakang) halaman yang memberi tahu layanan pihak ketiga tentang halaman tersebut. adalah. mengandung.
Judul halaman ditentukan dalam kode halaman menggunakan tag <head></head>. Segala sesuatu di antara tag ini menentukan bagaimana layanan pihak ketiga seperti mesin pencari Google, Twitter, Facebook, dan browser Anda melihat halaman tersebut.
Fitur Umum Header
Penting untuk tidak mengacaukan judul halaman dengan judul halaman. Kedua istilah tersebut pada dasarnya sama, namun istilah yang satu menjelaskan bagian halaman yang dilihat dan digunakan orang, dan istilah lainnya menjelaskan area HTML (atau kode latar belakang) halaman yang memberi tahu layanan pihak ketiga tentang halaman tersebut. adalah. berisi.
Judul halaman ditentukan dalam kode halaman menggunakan tag <head></head>. Segala sesuatu di antara tag ini menentukan bagaimana layanan pihak ketiga seperti mesin pencari Google, Twitter, Facebook, dan browser Anda melihat halaman tersebut.
Anda mungkin sudah terbiasa dengan berita utama tanpa menyadarinya. Misalnya, jika Anda mengunjungi CNN.com, Anda akan melihat bagian organisasi berita tercantum di header di sebelah logo. Jadi, saat Anda masuk ke beranda CNN, Anda bisa langsung menuju bagian Uang di header.
Elemen header yang konsisten membuat web lebih ramah pengguna. Desain situs web dapat bervariasi dalam banyak hal, namun dengan mempertahankan serangkaian fitur inti, navigasi situs Anda akan jauh lebih mudah.
Fitur header yang diharapkan meliputi:
- Logo/Identitas
- Navigasi (Menu Utama)
- Judul Halaman
Fitur header umum lainnya meliputi:
- Mencari
- Keranjang Belanja (Situs E-Commerce)
- Masuk/Keluar
- Tautan Profil Pengguna
- Pemberitahuan (jika berlaku)
1. Logo/Identitas
Area header ini adalah tempat Anda mengatur gaya branding situs Anda. Logo memungkinkan seseorang mengidentifikasi situs web Anda pada pandangan pertama, terutama jika Anda memiliki banyak tab yang terbuka di banyak situs. Bagi banyak pengguna, logo berfungsi sebagai tanda bahwa mereka telah tiba di tempat yang mereka tuju.
2. Navigasi
Menu utama adalah antarmuka pengguna utama situs web Anda. Di sinilah Anda menempatkan link ke halaman beranda. Jika situs web Anda berisi tentang berita, di sinilah Anda harus menempatkan kategori utama berita yang Anda liput sehingga pengguna dapat dengan cepat mengakses berita yang paling mereka minati.
3. Judul Halaman
Judul halaman perpindahan terisi ruang di bawa dengan logo dan area navigasi di header. Bahkan mungkin memiliki desain yang sedikit berbeda dari Bagian Header lainnya, agar lebih sesuai dengan Bagian Isi Halaman lainnya.
Jika Anda berada di halaman Tentang di sebuah situs web, Anda mungkin berharap kata “Tentang” akan dicetak dengan huruf tebal besar di Bagian Atas Halaman. Secara teknis, ini merupakan bigian dari editorial.
4. Mencari
Memberi pengunjung Anda kemampuan untuk mencari konten tertentu di situs web Anda adalah ide yang bagus, dan bilah pencarian Anda tidak akan sulit ditemukan. Beberapa situs web menempatkannya di sidebar permanen, sementara yang lain menempatkannya di pojok kanan atas di sebelah menu utama.
5. Kereta Belanja
Di hampir setiap situs e-commerce, titik akses keranjang belanja ada di tempat yang sama: di pojok kanan atas setiap halaman toko. Setelah seseorang selesai menjelajahi suatu produk dan siap melakukan pembelian, kuncinya adalah memiliki tempat permanen untuk mengakses keranjang belanja dan pembayaran.
6. Tautan Login/Logout & Profil Pengguna
Situs web tempat pengunjung dapat menjadi anggota sering kali memiliki fungsi login/logout di suatu tempat di bilah judul.
Biasanya tombol login tetap terpisah dan digantikan oleh gambar profil pengguna dengan akses drop-down ke pintasan logout. Gambar tarik-turun ini juga memberi pengguna akses ke profil dan pengaturan mereka. Google Home dikonfigurasi dengan cara ini.
7. Pemberitahuan
Pemberitahuan yang diterima oleh anggota Anda harus mudah dikenali dan diakses. Judul mungkin merupakan tempat terbaik untuk ini karena merupakan fokus perhatian utama.