Satu h1 per Halaman: Menamai Topik Utama
Berikan setiap halaman satu judul tingkat teratas yang jelas.
Satu h1 per Halaman: Menamai Topik Utama adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Web Accessibility Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Web Accessibility Academy mencakup 4 pelajaran total.
Judul Halaman yang Anda Dengarkan
h1 adalah judul utama halaman Anda. Pengguna pembaca layar sering langsung berpindah ke sana untuk mengetahui isi sebenarnya dari halaman tersebut. 🔎
Satu Topik Utama
Sebuah halaman membahas satu hal utama, jadi halaman tersebut memiliki satu h1. Anggaplah sebagai judul pada sampul buku, bukan judul bab.
<h1>Your Order Summary</h1>h1 Bukan Soal Ukuran
Pilih h1 berdasarkan makna, bukan karena ingin membuatnya terlihat besar. Jika Anda menginginkan teks yang lebih kecil, atur dengan CSS dan pertahankan tingkat judul yang benar.
Menamai, Bukan Menghias
h1 yang baik menjelaskan konten di bawahnya. Dengan membaca h1 saja, pengguna seharusnya dapat memahami kira-kira apa yang akan ditemukan di halaman ini.
Selaraskan dengan Judul Tab
h1 Anda sebaiknya mencerminkan judul tab peramban. Jika keduanya sesuai, pengguna yakin bahwa mereka telah membuka halaman yang tepat.
<title>Your Order Summary - Shop</title>
<h1>Your Order Summary</h1>Bukan Logo
Nama situs Anda di sudut biasanya bukan topik halaman. h1 harus merujuk pada konten halaman ini, bukan logo merek Anda. 🏷️
Mengapa Satu, Bukan Banyak
Beberapa tag h1 mengaburkan struktur, sehingga pengguna tidak dapat membedakan topik utama dari suatu bagian. Satu tingkat teratas yang jelas membuat halaman tetap terarah.
Tempatnya
Letakkan h1 di bagian atas konten utama, sebelum bagian-bagian yang diperkenalkannya. h1 menjadi dasar bagi semua hal setelahnya.
<main>
<h1>Annual Report 2025</h1>
<h2>Highlights</h2>
</main>Jangan Langsung Melewati h2
Memulai halaman dengan h2 membuat struktur tidak memiliki akar. Berikan satu h1 untuk halaman terlebih dahulu, lalu susun bagian-bagian di bawahnya.
Tetap Jelas dan Jujur
Tulis h1 dengan kata-kata sederhana yang dapat dipahami orang yang tidak mengenal konteksnya. Hindari permainan kata yang menyamarkan fungsi halaman sebenarnya.
h1 Kosong Adalah Jebakan
h1 yang hanya membungkus gambar atau ikon mungkin terbaca sebagai sesuatu yang kosong. Berikan teks nyata, meskipun teks tersebut disembunyikan secara visual.
Pemeriksaan Singkat
Berapa banyak elemen h1 yang seharusnya dimiliki halaman pada umumnya?
Ringkasan
Anda telah mempelajari bahwa h1 menamai satu topik utama halaman, berada di bagian atas konten, dan dipilih berdasarkan makna, bukan ukuran. Satu halaman, satu h1. ✅
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Satu h1 per Halaman: Menamai Topik Utama” gratis?
Ya — teks lengkap “Satu h1 per Halaman: Menamai Topik Utama” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Web Accessibility Academy, upgrade ke CoddyKit PRO. Kursus Web Accessibility Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Satu h1 per Halaman: Menamai Topik Utama”?
Berikan setiap halaman satu judul tingkat teratas yang jelas. Kamu berlatih Web Accessibility Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Web Accessibility Academy?
Tidak diperlukan pengalaman sebelumnya. Web Accessibility Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “Satu h1 per Halaman: Menamai Topik Utama” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Web Accessibility Academy ini?
Ya. Setiap pelajaran Web Accessibility Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Satu h1 per Halaman: Menamai Topik Utama
- Tingkat Penyarangan tanpa Melompat
- Judul adalah Navigasi, Bukan Sekadar Teks Besar
- Audit Kerangka Halaman dengan Pendengaran