Cara menggunakan Simulator SERP
- Ketik atau tempel title tag dan meta description kamu. Meter akan berubah hijau saat teks sudah sesuai batas piksel Google.
- Isi URL halaman dan nama situs (opsional). Pratinjau akan membuat breadcrumb (
example.com › blog › post) dari keduanya. - Masukkan kata kunci pencarian yang kamu targetkan untuk melihat kata mana yang akan dicetak tebal oleh Google. Aktifkan tanggal atau bintang ulasan untuk melihat seberapa banyak ruang yang dipakainya.
- Bandingkan pratinjau desktop dan mobile, perbaiki yang ditandai di Cek snippet, lalu salin tag HTML atau link berbagi untuk klien atau tim kamu.
Apa itu pratinjau SERP?
Pratinjau SERP (halaman hasil mesin pencari) menunjukkan kemungkinan tampilan halaman kamu sebagai hasil tautan biru di Google: favicon dan nama situs, URL gaya breadcrumb, judul yang bisa diklik, dan cuplikan deskripsi berwarna abu-abu. Dengan pratinjau ini kamu bisa menulis dan merapikan <title> serta <meta name="description"> sebelum publikasi, daripada baru tahu judul terpotong di Search Console beberapa minggu kemudian.
Kenapa piksel lebih penting daripada karakter
Google memotong title dan deskripsi berdasarkan lebar tampilan, bukan jumlah karakter. Huruf kapital “W” kira-kira tiga kali lebih lebar daripada huruf kecil “i”, sehingga judul 60 karakter dengan huruf kapital bisa terpotong, sementara judul 70 karakter yang berisi huruf sempit masih muat. Tool ini mengukur teksmu dengan font yang sama seperti Google (Arial 20 px untuk judul desktop, 14 px untuk deskripsi) lewat canvas API browser, lalu memotong di batas kata dengan elipsis seperti yang dilakukan Google.
| Elemen | Perkiraan batas | Perkiraan setara karakter |
|---|---|---|
| Title desktop | ~580–600 px | 50–60 karakter |
| Deskripsi desktop | ~920 px | 150–160 karakter |
| Title mobile | dua baris | hingga ~75 karakter |
| Deskripsi mobile | ~680 px | ~120 karakter |
Batas-batas ini adalah hasil pengamatan, bukan aturan resmi. Google terus menyesuaikan tampilannya dan bisa menulis ulang judul atau snippet sepenuhnya jika menganggap teks lain di halaman lebih cocok dengan kueri.
Tips membuat title dan deskripsi yang mendorong klik
- Letakkan kata kunci di depan. Taruh topik yang dicari orang di beberapa kata pertama agar tetap terlihat walau terpotong, dan cepat ditangkap saat pengguna memindai hasil.
- Jaga nama brand tetap pendek dan di akhir. Google sering menampilkan nama situs secara terpisah di atas URL, jadi “| Nama Brand Inc.” di akhir setiap title lebih banyak memakan ruang.
- Tulis deskripsi sebagai janji. Sebutkan apa yang didapat pengunjung, misalnya harga, checklist, atau tool gratis, daripada mengulang judul. Google mencetak tebal kata yang cocok dengan kueri, jadi penggunaan kata kunci yang alami membuat snippet lebih menonjol.
- Ingat, tanggal dan bintang memakan ruang. Tanggal yang terlihat (“25 Okt 2026 —”) ditampilkan di depan deskripsi dan mengurangi teks yang muat. Bintang ulasan hanya muncul untuk tipe schema yang memenuhi syarat, seperti Product atau Recipe. Kamu bisa membuat markup-nya dengan Schema Markup Generator.
Menggunakannya di situs Webflow
Di Webflow, title dan deskripsi ada di Page settings › SEO settings. Di halaman template CMS, kamu bisa menyusunnya dari field (misalnya Name | Category). Tempel nilai item khas di sini untuk memastikan nama CMS yang panjang tidak terpotong. Untuk memeriksa apa yang sebenarnya dihasilkan halaman live, jalankan lewat Meta Tag Checker. Untuk menulis seluruh set tag head, gunakan Meta Tag Generator.
Juga dicari sebagai: preview snippet google, preview title tag, preview meta description, cek panjang title tag, cek lebar piksel google, snippet serp, google preview.
Tool yang cocok dipakai bersama Simulator SERP
- Cek Open Graph — Lihat tampilan link kamu saat dibagikan di Facebook, LinkedIn, X, dan Slack.
- Cek SEO & Audit Situs — Tempel URL untuk menjalankan hingga 70 cek SEO on-page plus audit situs lengkap: kecepatan Lighthouse, header keamanan & SSL, data terstruktur, link rusak, robots.txt & crawler AI, dasar aksesibilitas, tracking & persetujuan, SPF/DKIM/DMARC, serta masa berlaku domain.
- Word Counter — Tempel atau ketik teksmu untuk menghitung kata dan karakter secara langsung, plus estimasi waktu baca dan bicara, kepadatan kata kunci, serta cek panjang untuk judul SEO, meta description, dan postingan media sosial.
- Penjelas robots.txt — Aturan robots.txt memang pendek, tapi mudah salah dibaca.