Dalam dunia SEO dan pengembangan web (seperti yang Anda kerjakan pada proyek Astro dan WordPress), Title Tag dan Heading Tag adalah dua elemen HTML yang sangat krusial. Meskipun keduanya berkaitan dengan “judul”, fungsinya sangat berbeda.
Baca Artikel tentang Pengertian SEO dan Pengertian On-Page SEO untuk memahami konteks dari artikel ini.
Berikut adalah penjelasan lengkapnya:
1. Pengertian Title Tag
Title Tag adalah elemen HTML yang menentukan judul dari sebuah halaman web. Judul ini tidak muncul di dalam badan halaman (konten), melainkan muncul di tempat-tempat berikut:
- Hasil Pencarian (SERP): Judul biru yang diklik orang di Google.
- Tab Browser: Teks yang muncul di bagian atas tab browser Anda.
- Media Sosial: Judul otomatis saat Anda membagikan link ke platform seperti WhatsApp atau Facebook.
Contoh Kode HTML:
<title>Jasa Keamanan Profesional - Security Service Gemilang</title>
Mengapa Title Tag Penting?
Ini adalah hal pertama yang dilihat calon pengunjung di Google. Title tag yang menarik dan mengandung kata kunci utama akan meningkatkan kemungkinan orang mengklik website Anda (CTR).
2. Pengertian Heading Tag (H1 - H6)
Heading Tag adalah elemen HTML yang digunakan untuk memberikan struktur dan hierarki pada konten di dalam halaman. Bayangkan ini sebagai kerangka atau daftar isi dari sebuah artikel.
Ada 6 tingkatan Heading, dari <h1> sampai <h6>:
- H1 (Heading 1): Judul utama konten. Hanya boleh ada satu H1 per halaman.
- H2 (Heading 2): Sub-bab atau poin-poin utama.
- H3 (Heading 3): Sub-poin dari H2.
- H4 - H6: Digunakan untuk detail yang lebih dalam lagi (jarang digunakan kecuali artikel sangat panjang).
Contoh Struktur:
<h1>Tips Mengamankan Rumah Saat Mudik</h1><h2>1. Pasang CCTV Pintar</h2><h2>2. Gunakan Jasa Keamanan Profesional</h2><h3>Keuntungan Menggunakan Security Service</h3>
Perbedaan Utama Title Tag vs Heading Tag
| Fitur | Title Tag | Heading Tag (H1) |
|---|---|---|
| Lokasi Muncul | Luar halaman (Google, Tab Browser). | Di dalam konten halaman website. |
| Tujuan Utama | Menarik orang untuk klik dari luar. | Menjelaskan isi halaman kepada pembaca. |
| Jumlah Ideal | Hanya 1 per halaman (di dalam <head>). |
Idealnya 1 (H1) sebagai judul konten utama. |
| Panjang Ideal | 50-60 karakter agar tidak terpotong Google. | Bebas, namun harus jelas bagi pembaca. |
Tips Optimasi untuk Website Anda
- Title Tag Berbeda dengan H1: Gunakan Title Tag yang lebih persuasif (untuk klik) dan H1 yang lebih deskriptif (untuk pembaca).
- Contoh Title Tag: “Jasa Security Terbaik di Jakarta | Aman & Terpercaya”
- Contoh H1: “Layanan Keamanan Terintegrasi untuk Bisnis Anda”
- Gunakan Kata Kunci: Letakkan kata kunci utama di awal Title Tag dan di dalam H1.
- Gunakan Urutan yang Benar: Jangan loncat dari H1 langsung ke H3. Selalu gunakan urutan hierarki (H1 -> H2 -> H3) agar mesin pencari tidak bingung.
Catatan Teknis: Di WordPress, biasanya judul artikel otomatis menjadi H1 dan Title Tag. Di Astro, Anda harus menentukan Title Tag secara manual di bagian komponen
<head>dan H1 di bagian isi konten.
