🖥️ SERP & parçası önizlemesi

SERP Kısım Önizlemesi

Sayfa başlığınızı, meta tanımlamasını ve URL'nizi yazın, masaüstü ve mobil cihazlarda Google sonuç parçanızın canlı, piksel doğruluğundaki önizlemesini görüntülemek için, size klikler pahasına gelmeden önce kesilme uyarıları ile.

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

SERP önizlemeyi nasıl kullanacağım

Tam olarak gösteren ve tıklamayı kazanan bir parçaya dört hızlı adım.

1

Sayfanın başlığını girin

Kullanmayı planladığınız başlık etiketini yazın. Karakter ve piksel sayıları canlı olarak güncellenir, böylece Google'ın ~600px masaüstü sınırına ne kadar yakın olduğunuzu görebilirsiniz.

2

URL ve meta tanımlamayı ekle

Sayfa URL' sini yapıştır ve meta tanımını yaz. Önizleme, breadcrumb, mavi başlık ve gri parçayı gerçek sonuç gibi gösterir.

3

Masaüstü ve mobil arasında geçiş yap

Her iki düzeni de kontrol etmek için Masaüstü ve Mobil sekmelerini değiştirin, çünkü mobil daha dar bir sütun kullanır ve başlıkları daha fazla satıra dağıtır.

4

Kesim uyarılarını düzeltin

Uyarı çipleri yeşil hale gelene kadar düzenleyin. Google'ın tam başlık ve tanımınızı ellips yerine göstermesi için çok geniş olarak işaretlenen her şeyi kesin.

SERP parçacık soruları

Google, masaüstü başlık bağlantılarını yaklaşık 600 pikselde, sabit karakter sayısını değil, W ve M gibi geniş karakterlerin i ve l gibi dar karakterlerden daha fazla alan alması nedeniyle kısaltıyor. Bu araç, başlığınızın kesileceği yeri tam olarak görebilmeniz için gerçek renk piksel genişliğini ölçer.
Google genellikle masaüstünde yaklaşık 920 piksel meta tanımlama (yaklaşık 155-160 karakter) ve mobilde daha azını gösterir. Daha uzun olan her şey bir ellipsle kesilir. Önizleme, yazdığınızda hem masaüstü hem de mobil kesintiyi canlı olarak gösterir.
Mobil sonuçlar daha dar bir sütun ve farklı bir yazı tipi büyüklüğü kullanır, böylece başlıklar daha fazla satıra sarılır ve açıklamalar daha kısa kesilir. Bu araç her iki düzenlemeyi de yan yana gösterir, böylece her birini iyileştirebilirsiniz.
Hayır. Önizleme tamamen Canvas metin-ölçme API'sini kullanarak tarayıcınızda çalışır. Yazdığınız hiçbir şey yüklenmez, kaydedilmez veya depolanmaz, bu yüzden yayınlanmamış sayfaları ve iç URL'leri güvenli bir şekilde test edebilirsiniz.

Geliştiriciler için

Bu SERP önizlemesi %100 müşteri tarafında çalışır - piksel ölçümü tarayıcınızda olur, böylece hiçbir şey yazmazsınız asla yüklenir.

✓ Özel tasarlanmış — sunucu dönüşü yok

Kısımlar, tarayıcının metin çizdiği şekilde ölçülür — Canvas measureText API ile. İşte kendi inşa boru hattınıza bırakabileceğiniz temel fikir:

// 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'));

Bu ölçekte ihtiyacınız var mı - CMS veya CI'nizden binlerce başlık kontrol etmek? SEO araçlarımız için bir ev sahibi REST API ücretli planlarda mevcuttur. Planları görün