Bahasa
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Google SERP Preview

Google SERP Preview

Lihat bagaimana halaman web Anda muncul di hasil pencarian Google. Optimalkan title tag dan meta description dengan pengukuran pixel-width secara real-time.

Apa itu Google SERP Preview?

Google SERP Preview memungkinkan Anda melihat dengan tepat bagaimana halaman web Anda akan muncul di hasil pencarian Google sebelum dipublikasikan. Masukkan URL, title tag, dan meta description Anda untuk mendapatkan pratinjau snippet pencarian yang akurat hingga pixel di perangkat desktop dan mobile.

Mengapa akurasi pixel penting: Google memotong title yang lebih panjang dari sekitar 600 pixel dan description yang melebihi 920 pixel di desktop (680 pixel di mobile). Jika title atau description Anda terpotong, Anda kehilangan informasi berharga dan potensi klik.

Manfaat Utama

Pengukuran Pixel yang Akurat

Lihat lebar pixel yang tepat yang digunakan Google untuk menentukan pemotongan, bukan hanya jumlah karakter.

Pratinjau Desktop & Mobile

Google menampilkan hasil secara berbeda di setiap perangkat — pratinjau kedua tampilan secara instan.

Penyorotan Kata Kunci

Pratinjau bagaimana Google menebalkan kata kunci target Anda di snippet untuk menarik klik.

Umpan Balik Real-Time

Meter berkode warna dan tips optimasi memandu Anda menuju panjang snippet yang sempurna.

Cara Menggunakan Google SERP Preview

1

Masukkan Informasi Halaman Anda

Isi kolom input di panel kiri:

  • URL — Masukkan URL halaman Anda. Alat ini secara otomatis mengekstrak nama situs dan memuat favicon.
  • Nama Situs — Diisi otomatis dari domain URL, atau masukkan secara manual.
  • Title Tag — Ketik title HTML Anda. Pantau meter pixel-width di bawah saat Anda mengetik.
  • Meta Description — Masukkan meta description Anda. Meter menunjukkan berapa banyak ruang yang tersisa.
  • Kata Kunci — Masukkan istilah pencarian untuk melihatnya ditebalkan di pratinjau.
2

Konfigurasi Opsi

  • Tampilkan tanggal — Toggle untuk menambahkan tanggal publikasi sebelum description, seperti yang ditampilkan Google untuk konten bertanggal.
  • Tampilkan rating — Toggle untuk menampilkan rating bintang dan jumlah ulasan, berguna untuk halaman produk atau ulasan.
3

Pratinjau dan Optimalkan

Panel kanan menampilkan pratinjau hasil pencarian Google secara langsung. Gunakan toggle perangkat untuk beralih antara tampilan desktop dan mobile. Tips optimasi di bawah pratinjau memberi tahu Anda apakah panjang title dan description Anda optimal.

4

Ekspor atau Salin

  • Copy HTML — Menyalin title dan meta description Anda sebagai tag HTML yang siap digunakan.
  • Export PNG — Mengunduh pratinjau sebagai gambar resolusi tinggi untuk laporan atau presentasi.

Fitur

Pengukuran Pixel-Width

Google menggunakan lebar pixel, bukan jumlah karakter, untuk memutuskan di mana memotong title dan description. Alat ini mengukur lebar teks menggunakan font Arial dan ukuran yang sama dengan yang digunakan Google: 20px untuk title dan 14px untuk description.

Optimal Hijau
Peringatan Kuning
Terlalu Panjang Merah

Pratinjau Desktop & Mobile

Hasil pencarian terlihat berbeda di desktop dan mobile. Title desktop ditampilkan dalam satu baris hingga 600px, sementara title mobile dapat membungkus ke dua baris pada ukuran font 16px.

Desktop
  • Title satu baris (600px)
  • Description dua baris (920px)
Mobile
  • Title dua baris (font 16px)
  • Description tiga baris (680px)

Penyorotan Kata Kunci

Ketika pengguna mencari Google, kata kunci yang cocok muncul dalam tebal di hasil. Masukkan kata kunci target Anda untuk melihat efek ini dan pastikan title dan description Anda menyertakan istilah relevan yang akan menonjol.

Simulasi Halaman Google

Pratinjau mereplikasi tata letak halaman hasil pencarian Google lengkap, termasuk logo Google, bilah pencarian dengan kata kunci Anda, statistik hasil, dan placeholder hasil kedua. Ini memberi Anda tampilan realistis tentang bagaimana snippet Anda akan muncul dalam konteks.

Opsi Rich Snippet

Toggle tanggal publikasi dan bintang rating untuk melihat pratinjau bagaimana rich snippet mempengaruhi listing pencarian Anda. Stempel tanggal dan rating bintang dapat secara signifikan mempengaruhi tingkat klik-tayang.

Ekspor & Bagikan

Salin meta tag HTML langsung ke clipboard Anda, siap untuk ditempel ke bagian head halaman Anda. Ekspor pratinjau sebagai gambar PNG untuk dibagikan dengan klien, anggota tim, atau disertakan dalam laporan SEO.

Pertanyaan yang Sering Diajukan

Mengapa Google menggunakan lebar pixel alih-alih jumlah karakter?

Karakter yang berbeda memiliki lebar yang berbeda. Misalnya, "W" jauh lebih lebar daripada "i". Google mengukur lebar yang sebenarnya dirender untuk menentukan pemotongan, jadi title dengan 55 karakter sempit mungkin cocok sementara yang dengan 50 karakter lebar terpotong.

Detail teknis: Alat ini mengukur lebar pixel menggunakan font Arial yang sama dengan yang digunakan Google untuk hasil pencarian.

Berapa panjang title tag yang ideal?

Targetkan title tag di bawah 600 pixel lebar, yang biasanya diterjemahkan menjadi 50-60 karakter tergantung pada huruf yang digunakan. Meter pixel di alat ini memberi Anda pengukuran yang tepat.

Panjang title optimal 50-60 karakter

Berapa panjang meta description yang ideal?

Untuk desktop, jaga description di bawah 920 pixel (kira-kira 120-158 karakter). Untuk mobile, batasnya adalah 680 pixel. Beralih antara tampilan desktop dan mobile untuk memeriksa keduanya.

Perangkat Batas Pixel Rentang Karakter Baris
Desktop 920px 120-158 karakter 2 baris
Mobile 680px ~100-120 karakter 3 baris

Apakah Google selalu menggunakan meta description saya?

Tidak selalu. Google dapat menulis ulang description Anda jika menemukan konten yang lebih relevan di halaman Anda untuk kueri pengguna. Namun, meta description yang ditulis dengan baik meningkatkan kemungkinan Google akan menggunakannya apa adanya.

Praktik terbaik: Tulis description yang menarik dan kaya kata kunci yang secara akurat merangkum konten halaman Anda untuk memaksimalkan kemungkinan Google akan menampilkan versi Anda.

Mengapa kata kunci muncul tebal di hasil pencarian?

Google menebalkan kata-kata di title dan description yang cocok dengan kueri pencarian pengguna. Ini membantu pengguna dengan cepat mengidentifikasi hasil yang relevan. Gunakan kolom kata kunci untuk melihat pratinjau efek ini dan pastikan istilah penting Anda akan menonjol.

Kata kunci tebal di hasil pencarian dapat meningkatkan tingkat klik-tayang hingga 20% dengan membuat listing Anda lebih menonjol secara visual dan relevan bagi pencari.

— Penelitian Industri SEO

Apakah pratinjau ini 100% akurat?

Alat ini mereplikasi tata letak SERP Google saat ini sedekat mungkin, termasuk font, warna, dan spasi. Namun, Google dapat menampilkan hasil secara berbeda berdasarkan kueri pencarian, lokasi pengguna, perangkat, dan faktor lainnya.

Keandalan: Gunakan alat ini sebagai panduan yang sangat andal untuk optimasi. Ini memberikan pengukuran pixel yang akurat dan pratinjau realistis untuk sebagian besar skenario pencarian.
Informasi Halaman
0 karakter | 0px / 600px
0 karakter | 0px / 920px
Pratinjau SERP
About 1,250,000 results (0.42 seconds)
Example Site https://example.com
Judul Halaman Anda Akan Muncul Di Sini - Nama Situs
Meta description Anda akan ditampilkan di sini. Tulislah deskripsi yang menarik antara 120-158 karakter untuk memaksimalkan rasio klik dari hasil pencarian.
Wikipedia en.wikipedia.org › wiki
Related Topic - Wikipedia, the free encyclopedia
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam...
Jaga title tag Anda di bawah 600 pixel untuk menghindari pemotongan
Tulis meta description antara 120-158 karakter untuk tampilan optimal
Masukkan kata kunci untuk melihat bagaimana Google menebalkan istilah yang cocok di snippet Anda
Beralih antara Desktop dan Mobile untuk memeriksa kedua tampilan
Gunakan Copy HTML untuk mendapatkan title dan meta tag yang siap ditempel
Semua pemrosesan terjadi di browser Anda - tidak ada data yang dikirim ke server mana pun
Ingin belajar lebih banyak? Baca dokumentasi →
1/7
Tidak menemukan? Buat alat sendiri dengan AI
Mulai ketik untuk mencari...
Mencari...
Tidak ada hasil yang ditemukan
Coba gunakan kata kunci yang berbeda