🖥️ Pralihat & snippet SERP

Pralihat Snippet SERP

Taip tajuk halaman anda, huraian meta dan URL untuk melihat pralihat segar, piksel-sesuai snippet hasil Google anda pada desktop dan mobile, dengan amaran pengurangan sebelum ia menghabiskan klik anda.

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

Bagaimana untuk menggunakan pralihat SERP

Empat langkah cepat untuk snippet yang menunjukkan secara penuh dan mendapat klik.

1

Masukkan tajuk halaman anda

Taip tag tajuk yang anda ingin guna. Aksara dan penghitung piksel dikemaskini secara langsung supaya anda boleh lihat betapa dekat anda dengan had desktop ~600px Google.

2

Tambah URL dan huraian meta anda

Tepek URL halaman dan tulis huraian meta. Pralihat mengekspresikan breadcrumb, tajuk biru dan snippet kelabu seperti hasil sebenar.

3

Tukar antara desktop dan mudah alih

Togol tab Desktop dan Mudah Alih untuk menyemak kedua- dua susunatur, kerana mudah alih menggunakan lajur yang sempit dan menggulung tajuk ke dalam lebih baris.

4

Baiki amaran pengurangan

Edit sehingga chip amaran menjadi hijau. Potong apa-apa yang ditanda sebagai terlalu lebar supaya Google menunjukkan tajuk dan keterangan penuh anda bukannya elips.

Soalan snippet SERP

Google memotong pautan tajuk desktop pada kira-kira 600 piksel, bukan kiraan aksara tetap, kerana aksara lebar seperti W dan M mengambil lebih ruang daripada yang sempit seperti i dan l. Alat ini mengukur lebar piksel yang direnderkan sebenar supaya anda boleh lihat tepat di mana tajuk anda akan dipotong.
Google biasanya memaparkan sekitar 920 piksel huraian meta pada desktop (kira-kira 155 hingga 160 aksara) dan kurang pada peranti mudah alih. Apa-apa yang lebih panjang dipotong dengan elips. Pralihat menunjukkan kedua-dua desktop dan peranti mudah alih dipotong secara langsung semasa anda menaip.
Hasil mudah alih menggunakan lajur yang lebih sempit dan saiz font yang berbeza, jadi tajuk melilitkan lebih banyak baris dan huraian dipotong lebih pendek. Alat ini mengekspresikan kedua-dua susunatur berdampingan supaya anda boleh mengoptimumkan untuk masing-masing.
Tidak. Pralihat berjalan sepenuhnya dalam pelayar anda menggunakan API pengukuran teks Canvas. Tiada apa yang anda taip dimuat naik, dilog atau disimpan, jadi anda boleh menguji halaman tidak diterbitkan dan URL dalaman dengan selamat.

Untuk pemaju

Pralihat SERP ini berjalan 100% di sisi klien — pengukuran piksel berlaku dalam pelayar anda, jadi tiada apa yang anda taip akan pernah dimuat naik.

✓ Persendirian oleh rekaan — tiada pelayan round-trip

Pengurangan diukur dengan cara yang sama seperti pelayar melukis teks — dengan API Canvas measureText. Ini idea utama yang anda boleh jatuhkan ke dalam paip binaan 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 pada skala — memeriksa beribu-ribu tajuk dari CMS atau CI anda? API REST dihost untuk alat SEO kami tersedia pada rancangan berbayar. Lihat rancangan →