IMG.DIY / E-ticaret / Ürün Sayfası Kalite Kontrolü

Ürün Sayfası Kalite Kontrolü

Bir ürün URL'si yapıştırın; Lighthouse puanları, görsel ağırlığı teşhisleri ve bir e-ticaret en iyi uygulama kontrol listesi alın.

Ürün Sayfası Kalite Kontrolü visual example
Önce gizlilik: hiçbir şey yüklenmez.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Ürün Sayfası Kalite Kontrolü: 1 · Choose input
1 · Choose input
Ürün Sayfası Kalite Kontrolü: 2 · Adjust and process
2 · Adjust and process
Ürün Sayfası Kalite Kontrolü: 3 · Download result
3 · Download result

Yavaş, ağır ürün sayfaları satış kaybettirir. Bu araç, Google'ın resmi Lighthouse denetimini (PageSpeed Insights API üzerinden) verdiğiniz herhangi bir URL için çalıştırır ve mağazalar için önemli olanı çıkarır: Core Web Vitals, görsellerinizin kaç kilobayt israf ettiği, başlık yapısı, SEO temelleri ve erişilebilirlik.

Otomatik raporun altında, ürün sayfası en iyi uygulamalarından oluşan elle hazırlanmış bir kontrol listesi vardır — CTA yerleşimi, güven sinyalleri, mobil ergonomi — bir makinenin tam olarak değerlendiremeyeceği ama bir tasarımcının işaretlemesi gereken şeyler.

Nasıl kullanılır

  1. URL'yi yapıştırınHerkese açık herhangi bir ürün sayfası. Mobil ya da masaüstü seçin.
  2. Raporu okuyunDört puan, Core Web Vitals, görsel kazanç tahminleri ve yapı denetimleri, yaklaşık 30 saniyede.
  3. Kontrol listesini gözden geçirinRaporun altındaki manuel e-ticaret kontrollerini tek tek işaretleyin.

Herhangi bir ürün sayfasında gerçek bir Lighthouse denetimi çalıştırın

Herkese açık bir URL yapıştırın, bu araç Google Lighthouse'u PageSpeed Insights API üzerinden çalıştırsın ve sonra tanıdık dört puanı döndürsün: performans, erişilebilirlik, SEO ve en iyi uygulamalar. Bu, Google'ın kendi raporunu güçlendiren aynı motordur, bu yüzden sayılar arama ekiplerinin gerçekten baktığı şeyle örtüşür.

Sıralama ve kullanıcı deneyimi için önemli olan Core Web Vitals'ı — LCP, CLS, TBT ve FCP — görsel ağırlığı tasarruflarıyla, başlık yapısının ve SEO denetimlerinin dökümüyle birlikte alırsınız. Bir sayfayı yayına almadan ya da bir müşteriye teslim etmeden önce hızlı bir sağlık kontrolüdür.

Puanların ötesinde: bir e-ticaret en iyi uygulama kontrol listesi

Ham Lighthouse sayıları size bir sayfanın yavaş olduğunu söyler ama neden dönüşüm sağlamadığını her zaman söylemez. Denetimin üzerine bu araç, harekete geçirici mesaj netliğini, güven sinyallerini, mobil davranışı ve yapılandırılmış veriyi (şema) kapsayan elle hazırlanmış bir e-ticaret kontrol listesi ekler; böylece Lighthouse'un notlandırmadığı şeyleri yakalarsınız.

Paylaşılan hız sınırına takılıyorsanız, isteğe bağlı bir alana kendi Google API anahtarınızı yapıştırabilirsiniz. Anahtar yalnızca tarayıcınızda saklanır ve kotanızı yükseltmek için kullanılır; böylece yoğun test günleri kısıtlanmaz.

İnsanlar bunu ne için kullanıyor

Lansman öncesi ürün sayfası kontrolü — Hız ve SEO sorunlarını erken yakalamak için yeni bir listelemeyi ya da açılış sayfasını yayına almadan önce denetleyin.

Core Web Vitals sorun giderme — Puanı hangi metriğin aşağı çektiğini bulmak için bir sayfanın LCP, CLS, TBT ve FCP değerlerini görün.

Görsel ağırlığı temizliği — Sayfa yükünü şişiren aşırı büyük fotoğrafları bulmak için görsel tasarrufları raporunu okuyun.

Müşteri ve ajans raporlaması — Bir müşteriye tam olarak neyi düzeltmesi gerektiğini göstermek için nesnel bir Lighthouse puanı ve kontrol listesi çıkarın.

Rakip sayfası kıyaslaması — Hızı ve SEO'yu kafa kafaya karşılaştırmak için bir rakibin herkese açık URL'sinde aynı denetimi çalıştırın.

Erişilebilirlik nokta kontrolü — Bir inceleme öncesinde bariz engelleri yakalamak için bir erişilebilirlik puanı ve denetim listesi alın.

Dönüşüme hazırlık incelemesi — CTA'ların, güven sinyallerinin ve mobil düzenin yerinde olduğunu doğrulamak için e-ticaret kontrol listesini kullanın.

Kısıtlanmadan yoğun test — Paylaşılan kotaya takılmadan bir oturumda birçok denetim çalıştırmak için kendi Google API anahtarınızı ekleyin.

Yavaş bir ürün sayfası, kimse açıklamayı okumadan satışları kaybeder

Bir ürün sayfasında her yükleme saniyesi kaybedilen dönüşümlerle ölçülür. Mobil veri kullanan alışverişçiler takılan bir sayfayı terk eder ve arama sıralaması da hızı hesaba katar; dolayısıyla ağır bir sayfa size iki kez pahalıya patlar — daha az ziyaretçi ve onların daha azının kalması. E-ticaret sayfalarında alışılmış suçlu görsellerdir: optimize edilmemiş bir kapak çekimi, bir yığın tam çözünürlüklü galeri fotoğrafı ve uzun bir detay görseli, olması gerekenin kesri kadar ağırlıkta olması gereken bir sayfaya sessizce birkaç megabayt ekleyebilir. Sorun şu ki "sayfam yavaş hissettiriyor" bir sezgidir ve bir sezgiyi düzeltemezsiniz. Sayılara ihtiyacınız var ve onların bir satıcının gerçekten değiştirebileceği şeylere yöneltilmiş olması gerekiyor.

Google'ın PageSpeed Insights'ı Lighthouse'u çalıştırır ve size o sayıları verir; sektörün başvuru kaynağı olması boşuna değildir. Ama ham raporu web geliştiricileri için tasarlanmıştır — görsel sorunlarının yanı sıra oluşturmayı engelleyen betikleri ve ana iş parçacığı zamanlamasını öne çıkarır ve hiçbir şeyi bir ilan için önemli olanın etrafında çerçevelemez. GTmetrix benzer veriye daha güzel bir gösterge tablosu ekler ama o da genel amaçlıdır. Bir satıcının istediği şey, üstünde bir e-ticaret merceği olan aynı güvenilir motordur: özellikle görsellerim ne kadar ağır ve bu sayfa gerçekten dönüşümü hareket ettiren kontrol listesini geçiyor mu?

Bu sayfa denetleyicisi Google'ın PageSpeed Insights API'sini çağırır — aynı Lighthouse motoru — ve sonuçları bir satıcının öncelikleri önde olacak şekilde sunar: performans puanı, sayfanın ne kadarının resim olduğunu ve hangilerinin sıkıştırılacağını gösteren bir görsel-ağırlık raporu ve ilanların rutin olarak yanlış yaptığı şeyleri kapsayan bir e-ticaret kontrol listesi. Kendi puanlamasını icat etmek yerine güvenebileceğiniz bir kaynağın üstüne odaklı bir mercek ekler. Açık olması gereken bir şey: bu araç bir internet bağlantısı gerektirir. Denetimi çalıştırmak için Google'ın sunucularını sorgular; dolayısıyla buradaki diğer araçların aksine çevrimdışı çalışmaz — bu, nasıl çalıştığının dürüst ve kaçınılmaz bir parçasıdır.

Onu farklı kılan ne

  • Google'ın motoru, bir satıcının çerçevelemesi. Puanlar PageSpeed Insights / Lighthouse'tan gelir — standart başvuru kaynağı — ve bir çevrimiçi satıcının üzerinde işlem yapabileceği şeyin etrafında yeniden düzenlenir.
  • Görsel-ağırlık raporu. Sayfanın kaç megabaytının görsel olduğunu ve hangilerinin ağır sıklet olduğunu görün; böylece tam olarak neyi bir sıkıştırıcıdan ya da yeniden boyutlandırıcıdan geçireceğinizi bilirsiniz.
  • E-ticaret kontrol listesi. Ürün sayfalarının yaygın olarak kaçırdığı şeylerin pratik bir denetimi, ham metriklerin üstüne eklenmiş.
  • Güvenilir kaynak, kara kutu değil. Doğrulayamayacağınız uydurma bir puan yerine Google'ın sayılarını raporlar.
  • Ücretsiz, kayıt yok. İsteğe bağlı bir API anahtarı, çok sayıda denetim çalıştırırsanız paylaşılan genel kotadan kaçınmanızı sağlar.
  • Dürüst sınırlama: internet gerekir. Google'ın API'sini çağırır, dolayısıyla yalnızca-tarayıcı araçları gibi çevrimdışı çalışamaz.

IMG.DIY ile diğer sayfa araçlarının karşılaştırması

IMG.DIY Sayfa QA PageSpeed Insights (ham) GTmetrix
Alttaki motor Google Lighthouse (PSI API) Google Lighthouse Lighthouse tabanlı
E-ticaret kontrol listesi Evet Hayır Hayır
Görsel-ağırlık odağı Evet, satıcı çerçevelemeli Var ama gömülü Var
Çerçeveleme Satıcı öncelikleri Geliştirici odaklı Genel web performansı
Fiyat Ücretsiz Ücretsiz Ücretsiz katman + ücretli
Kayıt Yok (isteğe bağlı API anahtarı) Yok Kaydedilen geçmiş için
İnternet gerekir Evet — zorunlu Evet Evet

Adil olmak gerekirse, bir geliştirici raporu okumakta rahatsanız, ham PageSpeed Insights size her şeyi verir ve yetkilidir — bu araç tam da aynı motorun üstünde oturur. GTmetrix, sürekli izleme için gerçekten yararlı olan geçmiş takibi ve cilalı bir gösterge tablosu sunar. Bunun eklediği şey e-ticaret merceğidir: Google'ın güvenilir ölçümlerini alır ve onları görsel ağırlığına ve bir satıcının kontrol listesine yöneltir; böylece çıktı "işte bir web performansı metrikleri duvarı" yerine "işte ilanınızda düzeltilecek şeyler" olarak okunur. Yalnızca bir bağlantı gerektirdiğini unutmayın — bu, buradaki çevrimdışı çalışamayan tek araçtır, tasarım gereği.

Neden IMG.DIY

Gerçek Lighthouse

Benzerini değil, resmi Google denetim motorunu kullanır.

Görsel odağı

Görsellerinizin tam olarak kaç KB israf ettiği ve nasıl düzeltileceği.

E-ticaret kontrol listesi

Bir botun puanlayamayacağı CTA, güven, mobil ve şema kontrolleri.

Anahtar gerekmez

Google'ın herkese açık API'sine karşı tarayıcınızdan çalışır.

SSS

Bu PageSpeed Insights ile aynı mı?
Aynı Google API'sini kullanır ve bir e-ticaret merceği ekler: görsel ağırlığı çıkarımı, yapı denetimleri ve bir satıcı kontrol listesi tek görünümde.
Denetimim neden başarısız oldu?
URL herkese açık şekilde erişilebilir olmalıdır. Paylaşılan API ayrıca hız sınırı uygular — bir 429 hatası alırsanız bir dakika bekleyip tekrar deneyin.
Hangi puanı hedeflemeliyim?
90+ yeşil idealdir; mobilde, iyi LCP (<2,5sn) ile 70+ zaten çoğu mağazayı geçer. Görsel kazanç satırını izleyin — genellikle en ucuz kazançtır.
Sayfamın görsellerini kontrol eder mi?
Optimize edilmiş/modern/duyarlı görsellerden gelen toplam potansiyel kazancı bildirir — ardından bunları bu sitedeki sıkıştırma ve dönüştürme araçlarıyla düzeltebilirsiniz.
Puan tam olarak nereden geliyor?
Google'ın kendi PageSpeed raporunun arkasındaki aynı motor olan PageSpeed Insights API üzerinden gerçek bir Google Lighthouse çalıştırmasıdır. Performans, erişilebilirlik, SEO ve en iyi uygulamalar puanlarını, ayrıca Core Web Vitals'ı alırsınız.
Hangi Core Web Vitals değerlerini raporluyor?
LCP (largest contentful paint), CLS (cumulative layout shift), TBT (total blocking time) ve FCP (first contentful paint) değerlerini raporlar; bunlar Google'ın sayfa deneyimi için ağırlık verdiği metriklerdir.
Kullanmak için bir Google API anahtarına ihtiyacım var mı?
Hayır. Paylaşılan bir kotada kutudan çıktığı gibi çalışır. İsteğe bağlı API anahtarı alanı yalnızca çok sayıda test çalıştırırsanız ve paylaşılan hız sınırlarından kaçınmak isterseniz oradadır; anahtar tarayıcınızda saklanır ve başka bir yere asla gönderilmez.
Herhangi bir web sitesini mi yoksa yalnızca kendiminkini mi test edebilirim?
Herkese açık, erişilebilir herhangi bir URL çalışır; böylece kendi sayfalarınızı denetleyebilir ya da bir rakibinkini kıyaslayabilirsiniz. Bir giriş ya da güvenlik duvarının arkasındaki sayfalara PageSpeed hizmeti erişemez.
Bir puan neden bir tarayıcı DevTools çalıştırmasından farklı?
PageSpeed Insights API, Google'ın ortamından kendi ağ ve cihaz profiliyle test eder; bu yüzden sayılar, kendi makinenizde ve bağlantınızda yapılan yerel bir DevTools Lighthouse çalıştırmasından farklı olabilir.
E-ticaret kontrol listesi Lighthouse'un üzerine ne ekliyor?
Lighthouse'un notlandırmadığı dönüşüm faktörlerinin elle hazırlanmış bir listesidir: harekete geçirici mesaj netliği, güven sinyalleri, mobil davranış ve şema işaretlemesi; böylece yalnızca teknik hızı değil, satışa hazırlığı da incelersiniz.

İlgili araçlar

Rehberler ve ipuçları