Clew

BerandaAlatPratinjau snippet

Pemeriksa title dan meta description dengan pratinjau Google

Tempel judul dan deskripsi halaman Anda — alat ini mengukur lebarnya dalam piksel, menunjukkan di mana Google akan memotongnya dengan elipsis, menyoroti kata kunci pencarian, dan menandai kesalahan umum. Salin tag <title> dan <meta name="description"> yang sudah di-escape dengan sekali klik.

● Gratis, tanpa daftarDiperbarui:

Dipakai untuk baris URL di pratinjau.
Kata kunci ditampilkan tebal, dan alat ini memeriksa apakah kata itu ada di teks Anda.
Perangkat

—

 

Perkiraan pratinjau

Title— · —
Deskripsi— · —

Lebar diukur dengan font Arial di browser Anda. Batasnya adalah pedoman praktis, bukan angka resmi: mesin pencari sering mengubah tampilan hasil dan menulis ulang snippet.

    Tag untuk <head>

    
  
    

    

    Semua dihitung di browser Anda — data yang Anda masukkan tidak dikirim ke mana pun.
    Cara memakai
    

    1. Tempel title dan deskripsiIsi tag <title> dan <meta name="description"> halaman Anda, atau draf untuk halaman baru.
    2. Pilih perangkatDesktop atau ponsel: di ponsel, ruang untuk deskripsi lebih sempit.
    3. Tambahkan kata kunciKata dari pencarian disorot di pratinjau seperti di hasil pencarian, dan alat ini memberi tahu kata mana yang belum ada.
    4. Salin tagPerbaiki peringatan lalu salin tag yang sudah jadi: tanda kutip dan karakter khusus sudah di-escape.
    Mengapa panjang title diukur dalam piksel
    Hasil pencarian membatasi judul bukan berdasarkan jumlah karakter, melainkan lebar bloknya. Pada font proporsional, lebar huruf berbeda-beda: “M” dan “m” beberapa kali lebih lebar daripada “i” dan “l”, dan huruf kapital lebih lebar daripada huruf kecil. Karena itu 60 karakter dari satu judul muat dalam satu baris, sementara 52 karakter judul lain tidak.
    

    Alat ini mengukur teks seperti browser: menggambarnya di canvas tak terlihat (canvas.measureText) dengan font yang mirip font hasil pencarian, lalu membandingkan lebarnya dengan batas praktis. Jika tidak muat, teks dipotong di kata utuh terakhir dan diberi elipsis, seperti yang biasa terlihat di hasil pencarian.
    

    Google, desktop: title ≈ 600 px (Arial 20 px), deskripsi ≈ 920 px (Arial 14 px, sekitar dua baris)
Google, ponsel:  title ≈ 600 px, deskripsi ≈ 680 px
    

    Ini bukan batas resmi. Dokumentasi Google menyatakan dengan jelas bahwa Google tidak membatasi panjang elemen <title> maupun meta description: link judul dan snippet dipotong agar muat di lebar perangkat. Batas di atas dipakai luas oleh praktisi SEO dan menggambarkan tata letak yang umum, yang sering berubah.
    

    Di Indonesia sebagian besar pencarian dilakukan dari ponsel, jadi periksa juga mode ponsel. Kesimpulan praktisnya: panjang bukan tujuan. Pastikan inti halaman dan kata kunci ada di 40–50 karakter pertama, supaya bagian akhir judul boleh terpotong tanpa kehilangan makna.
    Cara Google menyusun snippet
    Link judul
    

    Google menyebut judul hasil pencarian sebagai “link judul”. Paling sering diambil dari tag <title>, tetapi Google juga mempertimbangkan sumber lain: heading utama yang terlihat dan heading lainnya, og:title, teks yang menonjol, dan anchor text tautan menuju halaman. Google mengganti judul jika <title> kosong, sama di banyak halaman, dijejali kata kunci, atau tidak sesuai isi.
    

    Snippet
    

    Google menyusun teks snippet terutama dari isi halaman, dipilih untuk setiap pencarian. Meta description dipakai jika menggambarkan halaman lebih akurat daripada potongan teks. Karena itu URL yang sama bisa tampil dengan deskripsi berbeda untuk pencarian yang berbeda.
    

    Mengapa snippet ditulis ulang
    

      

    • Title sama di banyak halaman: “Beranda”, “Produk”, “Clew”.
      • 

    • Title berisi deretan kata kunci yang dipisahkan koma, bukan nama halaman.
      • 

    • Deskripsi tidak menjawab pencarian yang membawa orang ke halaman.
      • 

    • Teks terkesan berteriak: HURUF KAPITAL, “!!!”, janji tanpa isi.
      • 

    Cara menulis title dan deskripsi untuk halaman SaaS
    Untuk landing page, halaman fitur dan artikel blog produk SaaS, pola yang sama bekerja dengan baik.
    

    title:       [apa ini / kata kunci utama] + [untuk siapa atau apa bedanya] — [merek]
description: [masalah yang diselesaikan] + [1–2 fakta konkret] + [ajakan ringan: coba, hitung, bandingkan]
    

      

    • Kata kunci dulu. “Onboarding pengguna untuk SaaS tanpa developer — Clew” lebih baik daripada “Clew — platform yang membantu…”. Letakkan merek di depan hanya jika orang sudah mencarinya.
      • 

    • Satu title, satu halaman. Halaman harga, fitur dan blog tidak boleh bersaing dengan judul yang sama.
      • 

    • Fakta konkret di deskripsi. Apa yang didapat pengguna: “tur, tooltip dan checklist di dalam aplikasi Anda”, “paket gratis selamanya”. Jangan mengarang angka.
      • 

    • Sesuaikan dengan niat pencarian. Untuk pencarian informasi seperti “cara meningkatkan aktivasi”, deskripsi menjanjikan jawaban, bukan promosi.
      • 

    • Jangan mengulang title di deskripsi. Deskripsi melanjutkan title, bukan mengulanginya.
      • 

    

    Snippet yang baik membawa orang yang benar-benar butuh produk Anda. Setelah itu, sesi pertama yang menentukan — baca Onboarding produk: pengertian dan cara menyiapkannya.
    Sumber
      

    1. Google Search Central. Memengaruhi link judul di hasil penelusuran — developers.google.com/search/docs/appearance/title-link.
      2. 

    2. Google Search Central. Mengontrol cuplikan di hasil penelusuran — developers.google.com/search/docs/appearance/snippet.
      3. 

    3. MDN Web Docs. CanvasRenderingContext2D: measureText() — developer.mozilla.org.
      4. 

    4. HTML Living Standard: elemen title dan meta name description — html.spec.whatwg.org.
      5. 

    Pertanyaan umum
    

    Berapa panjang ideal tag title?
    Untuk Google, batas praktisnya sekitar 600 piksel — kira-kira 50–60 karakter, tergantung hurufnya. Tidak ada batas resmi: title yang panjang hanya dipotong, jadi letakkan bagian penting di depan.
    Berapa panjang ideal meta description?
    Di Google desktop sekitar 920 piksel — kira-kira dua baris atau 150–160 karakter; di ponsel yang terlihat lebih sedikit. Google tidak membatasi panjang meta description, tetapi memotong snippet sesuai lebar layar dan sering menyusunnya dari teks halaman.
    Mengapa Google menampilkan judul yang berbeda?
    Google bisa menyusun link judul dari sumber lain — heading utama, og:title, teks tautan — jika title kosong, sama di banyak halaman, dijejali kata kunci, atau tidak sesuai isi. Buat title yang unik, ringkas dan akurat.
    Mengapa meta description saya tidak tampil?
    Google memilih teks snippet untuk setiap pencarian. Jika potongan teks halaman menjawab pencarian lebih baik daripada meta description, potongan itulah yang ditampilkan. Ini wajar; meta description tetap perlu ditulis karena dipakai untuk banyak pencarian.
    Bagaimana alat ini mengukur lebar dalam piksel?
    Teks digambar di canvas browser yang tak terlihat dengan font Arial pada ukuran yang sesuai (20 px untuk title, 14 px untuk deskripsi), lalu measureText mengembalikan lebarnya. Ini perkiraan tata letak hasil pencarian, bukan salinan persis.
    Apakah merek perlu ada di title?
    Biasanya ya, tetapi di akhir: “UTM Builder — Clew”. Letakkan merek di depan hanya jika orang sudah mengenal dan mencarinya, misalnya di halaman beranda.
    Apakah tag meta keywords masih diperlukan?
    Tidak. Google tidak memakai meta keywords untuk peringkat. Tidak perlu diisi, dan daftar kata kunci yang terbuka hanya memberi tahu pesaing apa yang Anda targetkan.
    Lainnya di SEO
    

    Bacaan terkait
    Generator Open GraphUTM builderSemua alat
    Tur, tooltip, dan checklist yang dampaknya terlihat di angka.
    

    Coba Clew gratisCara kerjanyaPaket gratis selamanya · tanpa kartu kredit
    

    Product tour, popup, dan onboarding di era AI
    

    7 pola lengkap dengan jumlah langkah, aturan teks, dan metrik, apa yang diubah AI, serta checklist sebelum terbit. PDF, 2 halaman. Isi panduan →
    

    

    


    

    

    


    Panduannya dalam bahasa Inggris.