SEO · Meta tag

Generator Meta Title & Description

Tulis judul halaman dan meta description yang ramah SEO dengan pratinjau hasil Google secara langsung, penghitung karakter, dan indikator warna sehingga Anda tahu kapan snippet terlalu pendek, ideal, atau terlalu panjang.

  • Ketik atau tempel judul halaman & meta description Anda dan lihat perubahan secara real time.
  • Penghitung karakter langsung dengan indikator hijau, kuning, dan merah untuk panjang yang ramah pencarian.
  • Pratinjau snippet ala Google yang akan ikut berubah saat Anda mengetik.
  • Semua logika berjalan lokal di browser Anda. Tidak ada data yang dikirim ke mana pun.

Masukkan URL halaman untuk pratinjau, lalu tulis judul & meta description Anda. Gunakan indikator warna dan pratinjau snippet untuk menentukan kapan teks sudah cukup bagus untuk dipakai.

Display URL (hanya untuk pratinjau)
Meta title
Rekomendasi: sekitar 30–60 karakter. 0 / 60 karakter
Meta description
Rekomendasi: sekitar 70–160 karakter. 0 / 160 karakter
Buat draft snippet Anda di sini, sesuaikan sampai indikator terlihat bagus, lalu salin title dan meta description ke CMS, plugin SEO, atau page builder yang Anda gunakan.
Kode HTML meta tag

Pratinjau hasil Google

Pratinjau snippet langsung
https://example.com/halaman-anda
Contoh SEO title untuk halaman Anda
Beginilah kira-kira tampilan meta description Anda di Google Search. Tulis ringkasan yang jelas dan membantu agar orang tertarik mengklik halaman Anda.
Panjang title & status
Menunggu input…
Usahakan title cukup deskriptif dan tidak terpotong di hasil pencarian.
Panjang description & status
Menunggu input…
Berikan detail yang cukup agar klik terasa berharga, tanpa membuat paragraf terlalu panjang.
Belum ada snippet yang dihasilkan
Mulailah dengan mengisi URL, title, dan meta description. Sesuaikan sampai sebagian besar indikator berubah menjadi hijau. Ingat, Google bisa saja menulis ulang snippet, tetapi fondasi yang kuat biasanya memberi hasil lebih baik.

Apa fungsi Generator Meta Title & Description ini?

Tool ini membantu Anda menulis judul halaman dan meta description yang ramah SEO dengan umpan balik instan. Saat Anda mengetik, Anda akan melihat jumlah karakter secara langsung, indikator warna untuk panjang, dan pratinjau snippet pencarian ala Google. Tool ini dibuat untuk blogger, marketer, dan pemilik toko online yang ingin meningkatkan click-through rate dari pencarian.

Cara kerja indikator panjang

Panjang title

Penghitung karakter untuk title menggunakan panduan kasar berikut:

  • 0 karakter: netral (belum ada title).
  • 1–29 karakter: kuning – biasanya terlalu pendek untuk deskriptif.
  • 30–60 karakter: hijau – umumnya rentang yang bagus di banyak layar.
  • 61–70 karakter: kuning – bisa terpotong di beberapa perangkat.
  • Lebih dari 70 karakter: merah – sangat mungkin terpotong.

Panjang meta description

Untuk meta description, panjangnya sedikit lebih fleksibel, tetapi tool ini kira-kira mengikuti:

  • 0 karakter: netral (belum ada description).
  • 1–69 karakter: kuning – sering kali terlalu pendek untuk membantu.
  • 70–160 karakter: hijau – biasanya ringkasan yang bagus dan padat.
  • 161–180 karakter: kuning – mendekati batas di beberapa perangkat.
  • Lebih dari 180 karakter: merah – kemungkinan besar akan terpotong.

Ini hanya panduan. Google menggunakan lebar piksel, bukan sekadar jumlah karakter, tetapi pengecekan berbasis karakter tetap praktis untuk menghindari panjang yang terlalu ekstrem.

Tips menulis SEO title yang lebih baik

  • Tulis untuk manusia dulu. Algoritma belakangan, pembaca duluan.
  • Hindari keyword stuffing. Mengulang frasa yang sama berkali-kali terlihat spammy.
  • Spesifik. Sebutkan apa yang membuat konten atau penawaran Anda berbeda.

Tips menulis meta description yang lebih baik

  • Jawab “Apa untungnya untuk saya?” dengan jelas dan cepat.
  • Sertakan ajakan bertindak (CTA) seperti “Pelajari selengkapnya”, “Bandingkan pilihan”, atau “Lihat harga”.
  • Jujur dengan isi konten. Description yang menyesatkan mungkin dapat klik, tetapi merusak engagement.
  • Gunakan bahasa yang natural. Meta description seperti iklan singkat untuk halaman Anda.

Gunakan Generator Meta Title & Description ini setiap kali Anda menerbitkan blog post baru, halaman produk, atau landing page. Buat draft snippet di sini, cek warna indikator, tinjau pratinjau Google, lalu tempel hasilnya ke situs Anda.