🖥️ Preview DERP & snippet

SERP Snippet Preview

Ketik judul halaman Anda, deskripsi meta dan URL untuk melihat pratilik hidup yang akurat dari snippet hasil Google Anda di desktop dan mobile, dengan peringatan singkat sebelum Anda harus kehilangan klik.

0 karakter · 0px
0 karakter · 0px
e
example.com
https://example.com

Cara menggunakan pratinjau SERP

Empat langkah cepat ke suatu snippet yang menampilkan dengan penuh dan menghasilkan klik.

1

Masukkan judul halaman Anda

Ketik tag judul yang hendak Anda gunakan. Karakter dan counter piksel akan terus hidup sehingga Anda dapat melihat seberapa dekat Anda dengan batas desktop Google ~600px.

2

Tambahkan URL Anda dan deskripsi meta

Tempel URL halaman dan tulis deskripsi meta. Pratinjau akan mengembalikan breadcrumb, blue title dan abu-abu snippet persis seperti hasil nyata.

3

Berpindah antar desktop dan mobile

Jungkitkan tab Desktop dan Mobile untuk memeriksa kedua tata letak, karena mobile menggunakan kolom yang lebih sempit dan membungkus judul ke baris yang lebih banyak.

4

Perbaiki peringatan trunncation

Sunting sampai chip peringatan berubah hijau. Trim apapun ditandai sebagai terlalu lebar sehingga Google menunjukkan judul dan deskripsi penuh Anda bukan ellipsis.

Pertanyaan snippet SERP

Google memotong sambungan judul desktop pada kira-kira 600 piksel, bukan jumlah karakter tetap, karena karakter lebar seperti W dan M mengambil lebih banyak ruang daripada yang sempit seperti i dan l. Alat ini mengukur lebar piksel yang sebenarnya diterjemahkan sehingga Anda dapat melihat di mana judul Anda akan dipotong.
Google biasanya menampilkan sekitar 920 piksel deskripsi meta di desktop (sekitar 155 sampai 160 karakter) dan kurang pada ponsel. Apapun yang lebih panjang dipotong dengan elipsis. Pratilik menampilkan keduanya desktop dan pergerakan bergerak secara langsung saat Anda mengetik.
Hasil mobile menggunakan kolom yang lebih sempit dan ukuran fonta yang berbeda, sehingga judul yang dilipat ke lebih banyak baris dan deskripsi dipotong lebih pendek. Alat ini menrender kedua tata letak per sisi sehingga Anda dapat mengoptimalkan untuk setiap bagian.
No. Pratinjau berjalan seluruhnya di peramban Anda menggunakan API penyimpanan teks-kacaan Canvas. Tidak ada yang Anda ketik diunggah, diunggah, disimpan, sehingga Anda dapat dengan aman menguji halaman dan URL internal yang tidak diterbitkan.

Untuk pengembang

Pratinjau SERP ini berjalan 100% sisi klien ▪ pengukuran piksel terjadi di peramban Anda, jadi tidak ada yang Anda ketik yang pernah diunggah.

✓ Pribadi dengan desain ° tidak ada server round-trip

Pengukuranan diukur dengan cara yang sama peramban menggambar teks dengan API Canvas mengukur Text. Berikut ini adalah ide inti yang dapat Anda masukkan ke dalam pipa bangunan Anda sendiri:

// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
  ctx.font = font;
  return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));

Perlu ini dalam skala æu pemeriksaan ribuan judul dari CMS atau CI Anda? Sebuah API EWAT yang disediakan untuk alat SEO kami tersedia pada rencana yang dibayar. Lihat rencana →