Skip to main content

SERP Preview Google — Pixel-Accurate Title & Description

Preview bagaimana title, URL, dan meta description halaman Anda muncul di SERP Google desktop dan mobile. Pixel-accurate truncation berdasarkan font Arial — bukan sekadar hitung karakter.

Semua proses 100% di browser Anda. File tidak pernah di-upload ke server kami.

Input

0px · 0 char

Gunakan pemisah "›" untuk breadcrumb style Google. Contoh: roofel.com › blog › slug-artikel

0px · 0 char

PREVIEW DESKTOP

roofel.com › jasa-seo

—

—

Font Arial · Title 20px · Desc 14pxTitle 0/580px

PREVIEW MOBILE

roofel.com › jasa-seo

—

—

Font Arial · Title 16px · Desc 13pxTitle 0/420px
🎯 Target pixel width
  • Desktop title: ≤ 580px (biasanya 50-60 karakter)
  • Desktop desc: ≤ 960px (biasanya 155-160 karakter)
  • Mobile title: ≤ 420px (biasanya 40-45 karakter)
  • Mobile desc: ≤ 740px (biasanya 115-130 karakter)

🎯 Kenapa pixel-accurate, bukan char count?

  • Font Arial yang dipakai Google adalah proporsional — huruf "W" 2× lebih lebar dari "i"
  • Judul 50 karakter bisa terpotong atau masih ada ruang, tergantung hurufnya
  • Tool lain yang cuma hitung char sering kasih estimasi salah
  • Kami pakai Canvas API native browser untuk measure yang konsisten cross-browser

✨ Best practice meta tag 2026

  • Keyword utama di depan title — signal kuat untuk Google + user
  • Brand name di belakang title (mis. "— Roofel") — branding tanpa makan space keyword
  • Description = copy sales 1-2 kalimat — jelaskan value & CTA, jangan stuff keyword
  • Unique per halaman — jangan copy-paste antar halaman
  • Tes di tool ini + Google Rich Results Test + check setelah publish

Kesalahan Umum yang Tool Ini Bantu Hindari

❌ Title kepanjangan

"Jasa SEO Jogja Profesional Terbaik Terpercaya 2026 untuk UMKM dan Toko Online" → pass 580px, ter-truncate "…UMKM dan…"

⚠️ Description kosong

Google akan generate dari konten halaman otomatis — seringnya ambil paragraf pertama yang belum tentu optimal untuk CTR.

⚠️ Lolos desktop, kepotong mobile

Title 550px lolos desktop tapi mobile max 420px. Cek keduanya — traffic mobile biasanya > 60% total.

// tool lain yang relevan

Lanjutkan optimasi dengan tool ini

Setelah selesai di sini, tool-tool berikut sering dipakai bareng untuk hasil SEO yang lebih lengkap.

Slug Generator

Bikin URL slug yang bersih sebelum review preview SERP-nya di sini.

Penghitung Kata

Hitung kata + keyword density konten setelah title/description di-finalkan.

Generator Schema Markup

Tambah schema supaya SERP listing dapat rich result (breadcrumb, FAQ, dll).

// pertanyaan umum

FAQ tentang tool ini

Kenapa pakai pixel width, bukan hitung karakter saja?
Karena Google memotong title/description di SERP berdasarkan piksel, bukan karakter. Contoh nyata: "WWWWWWWWWWWW" (12 char) pixel-width-nya hampir 2× lipat "iiiiiiiiiiii" (12 char juga) karena huruf W lebih lebar dari i di font proporsional. Tool lain yang hanya hitung karakter sering kasih estimasi salah untuk judul dengan banyak huruf lebar (m, w, M, W) atau sempit (i, l, t).

Berapa limit pixel yang dipakai di tool ini?
Desktop title 580px, desktop description 960px, mobile title 420px, mobile description 740px. Angka ini dari empiris SERP Google 2025-2026 — Google tidak pernah publish limit resmi. Kami update angka ini kalau terdeteksi perubahan display SERP.

Apakah Google pasti menampilkan meta title/description yang saya tulis?
Tidak selalu. Google bisa override title (ambil dari H1 atau backlink anchor text) atau description (generate dari konten halaman) kalau dianggap lebih relevan dengan query. Rate override-nya sekitar 60% untuk title dan 70% untuk description per studi 2023. Tapi meta tag yang Anda tulis tetap jadi signal kuat, jadi tetap penting ditulis optimal.

Title ideal dalam karakter berapa?
Pedoman umum 50-60 karakter untuk desktop (cocok untuk mayoritas kasus), 40-45 karakter kalau mau aman untuk mobile juga. Tapi yang paling akurat adalah pakai tool ini untuk cek pixel width — karena 50 karakter bisa kepanjangan atau pas, tergantung hurufnya.

Apakah emoji di title/description di-support Google?
Kebanyakan emoji di-render Google di SERP, tapi ada batasan: (1) Google kadang strip emoji kalau dianggap spammy, (2) emoji di title bisa ambil 2× pixel width font normal, (3) tidak semua emoji unicode didukung. Rekomendasi: pakai emoji hemat (1-2 maksimal, di awal atau akhir), dan selalu test di Google Rich Results Test sebelum rely ke emoji.

Butuh bantuan SEO menyeluruh?

Tools ini gratis untuk siapa saja. Kalau Anda butuh strategi SEO yang terukur dan result-driven untuk bisnis, tim Roofel siap bantu.

Konsultasi SEO Profesional →