Önemli olan web tasarım ve geliştirme metrikleri, siteyi iş sonuçlarına bağlayanlardır: temel sayfalardaki dönüşüm oranı, görev tamamlama, Core Web Vitals, hata ve kesinti oranları ile ekibin düzeltmeleri ne kadar hızlı devreye aldığı. Görsel cilalama ve sayfa sayıları birer metrik değildir. Bir yenileme çalışması, ziyaretçilerin aradıklarını daha hızlı bulup bulmadığına ve daha sık harekete geçip geçmediğine göre değerlendirilmelidir.
Birçok web projesi beğeni üzerine onaylanır. Üst düzey bir yönetici ana sayfayı beğenir, site yayına girer ve aylar sonra kimse eski siteden daha iyi performans gösterip göstermediğini kontrol etmez. Tasarım başlamadan önce metrikleri tanımlamak bunu değiştirir.
Bir web sitesi bir görevi olan bir araçtır: potansiyel müşteri üretmek, ürün satmak, destek sorularını yanıtlamak, personel işe almak. Ölçüm yapmak, tasarıp tasarlamadığını size söyler. Ayrıca anlaşmazlıkları çözer. İki paydaş bir düzen hakkında tartıştığında, net bir metrik ve test, tartışmayı görüşlerden daha hızlı sonlandırır.
Metrikler ayrıca yayından sonra projeyi korur. İçerik eklendikçe, eklentiler yığıldıkça ve betikler çoğaldıkça siteler bozulur. Bir taban çizgi (baseline), performansın ne zaman düştüğünü fark etmenizi sağlar.
Bir web sitesi hangi iş metriklerine göre değerlendirilmelidir?
Sonuçlarla başlayın. İşletme için değeri temsil eden eylemleri seçin ve bunları GA4’te dönüşüm olarak takip edin.
- Ana sayfa başına dönüşüm oranı: ürün sayfaları, fiyatlandırma, iletişim, kayıt.
- Sitenin en çok etki ettiği organik ve doğrudan trafikten gelen potansiyel müşteri veya satış hacmi.
- E-ticaret için oturum başına gelir.
- Form tamamlama oranı: başlangıçlara karşı gönderimler, bu da formun kendisindeki sürtünmeyi ortaya çıkarır.
- Mikro dönüşümler: bülten kayıtları, broşür indirmeleri, aramak için tıklamalar.
Bunları bir yeniden tasarımdan önceki ve sonraki aynı aylar için karşılaştırın ve cihazlara göre segmentlere ayırın. Masaüstünün çok altında kalan bir mobil dönüşüm oranı genellikle kitle farkından ziyade mobil tasarım sorununa işaret eder.
Core Web Vitals size ne anlatır?
Core Web Vitals, Google’ın yükleme, yanıt verme hızı ve görsel kararlılık için yayınlanan ölçümleridir. İyi bir deneyim için eşikler; gerçek ziyaretçilerin %75’lik diliminde ölçülen, 2.5 saniyenin altında Largest Contentful Paint, 200 milisaniyenin altında Interaction to Next Paint ve 0.1’in altında Cumulative Layout Shift’tir.
Search Console’da Core Web Vitals altında ve PageSpeed Insights’ta alan adı verilerini (field data) kontrol edin. Alan adı verileri Chrome UX Raporu’ndaki gerçek kullanıcılardan gelir; Lighthouse’daki laboratuvar verileri hata ayıklama için yararlıdır ancak ziyaretçilerin deneyimledikleriyle eşleşmez.
Metrikler başarısız olduğunda karşılaşılan yaygın nedenler
- LCP: aşırı büyük hero görselleri, yavaş sunucu yanıtı, render’ı engelleyen CSS veya yazı tipleri.
- INP: ağır JavaScript, üçüncü taraf betikler, tıklamalardaki büyük etkinlik işleyicileri.
- CLS: genişliği ve yüksekliği olmayan görseller, geç yüklenen banner’lar, değişen web yazı tipleri.
Projede maksimum sayfa ağırlığı ve betik sayısı gibi bir performans bütçesi belirleyin ve bunu her yayın öncesinde kontrol edin.
Yalnızca hızı değil, kullanılabilirliği nasıl ölçersiniz?
Hız gereklidir ancak yeterli değildir. Kafa karıştırıcı navigasyona sahip hızlı bir site yine de ziyaretçi kaybeder. Kullanılabilirlik metrikleri, insanların görevleri tamamlayıp tamamlayamadığını gösterir.
Tur başına beş ila sekiz kullanıcıyla görev tabanlı testler çalıştırın: onlardan bir fiyat bulmalarını, bir demo rezervasyonu yapmalarını veya iade politikasını bulmalarını isteyin ve başarıyı, süreyi ve hataları kaydedin. Maze veya Lookback gibi araçlar uzaktan test etmeyi pratik hale getirir. Microsoft Clarity veya Hotjar’dan oturum kayıtları ve ısı haritaları, gerçek ziyaretçilerin nerede tereddüt ettiğini, öfkeyle tıkladığını (rage click) veya siteden ayrıldığını gösterir.
- En önemli üç ila beş görev için görev başarı oranı.
- Eski ve yeni tasarımlar arasında karşılaştırılan görev süresi.
- Clarity’de raporlanan ana sayfalardaki öfke tıklamaları (rage clicks) ve ölü tıklamalar.
- Eksik içeriği veya etiketleri ortaya çıkaran sıfır sonuçlu site içi arama sorguları.
Hangi geliştirme metrikleri yapı kalitesini gösterir?
Geliştirme kalitesi, sitenin zaman içinde nasıl davrandığında kendini gösterir. İyi yapılmış bir site, içerik büyüdükçe hızlı ve kararlı kalır; kırılgan bir site ise her güncellemede bozulur.
- UptimeRobot veya Better Stack gibi bir servisle izlenen kesintisiz çalışabilirlik süresi (Uptime).
- Sunucu hata oranı: loglarda veya izlemede 5xx yanıtları.
- Sentry gibi bir araçtan oturum başına JavaScript hataları.
- axe gibi otomatik kontroller ve manuel klavye testi ile bulunan erişilebilirlik sorunları.
- Dağıtım sıklığı (deployment frequency) ve bildirilen bir hatayı düzeltme süresi.
Erişilebilirlik ayrıca vurgulanmaya değerdir. AA seviyesindeki WCAG 2.2 yönergeleri ortak hedeftir; otomatik araçlar sorunun yalnızca bir kısmını yakalar, bu nedenle klavye navigasyonu ve ekran okuyucu etiketleri için manuel kontrolleri dahil edin.
SEO metrikleri bir yeniden tasarıma nasıl uyum sağlar?
Yeniden tasarımlar, yönlendirmeler olmadan URL’ler değişirse veya içerik kesilirse arama trafiğini kaybedebilir. Yayınlanmadan önce ana sayfalar için Search Console’da organik tıklamaları ve gösterimleri takip edin, eskiden yeniye bir URL haritası tutun ve değiştirilen her adres için 301 yönlendirmeleri ayarlayın.
Yayından sonra, yeni hatalar için Search Console’daki Sayfalar raporunu izleyin ve organik tıklamaları haftadan haftaya karşılaştırın. Google yeniden tarama yaparken ilk haftalarda bir düşüş normaldir; bir ay sonra devam eden bir düşüş ise araştırma gerektirir.
Örnek bir ölçüm planı
Örneğin, sitesini yeniden tasarlayan bölgesel bir hukuk bürosu; mobilde daha yüksek iletişim formu tamamlama oranı, ilk yirmi sayfası için iyi aralıkta tüm Core Web Vitals metrikleri, sekiz hafta sonra organik tıklamalarda kayıp olmaması ve eski URL’lerden sıfır 404 hatası hedefleri belirleyebilir. Her hedefin bir kaynağı vardır: GA4, Search Console ve bir tarama (crawl). Belirli hedefler firmanın kendi taban çizgisinden gelecektir.
Sonuçlar müşterilere nasıl raporlanmalıdır?
Raporları kısa tutun ve başlangıçta üzerinde anlaşmaya varılan hedeflere bağlayın. Bir avuç metrik, bunların eğilimi ve önerilen bir eylem içeren aylık tek sayfalık bir özet, uzun bir dışa aktarımdan daha iyi çalışır. GA4 ve Search Console verilerini tek bir görünümde toplamak için Looker Studio’yu kullanın.
Sorunları dürüstçe bildirin. Yayından sonra mobil dönüşüm düştüyse bunu söyleyin, muhtemel nedeni açıklayın ve bir düzeltme önerin. Müşteriler, sorunlar sorulmadan önce onları ortaya çıkaran ekiplere güvenir.
Neyi ölçmekten kaçınmalısınız?
Bazı sayılar ilerleme gibi görünür ancak çok az şey ifade eder. Navigasyon kafa karıştırıcı olduğunda ve insanlar bir şey aramak için etrafa tıkladığında toplam sayfa görüntüleme sayısı artar. Sayfaların taranması zor olduğunda sitede geçirilen ortalama süre artar. Eski analitik kurulumlarındaki hemen çıkma oranı (bounce rate) izleme tuhaflıklarına bağlıydı; GA4 bu yüzden onu etkileşim oranıyla değiştirdi.
Yayınlanan sayfa sayısı, oluşturulan bileşen sayısı ve tasarım ödülü başvuruları sonuç (outcome) değil, çıktıktır (output). Sitenin çalışıp çalışmadığına dair bir raporda değil, bir proje günlüğünde yer almalıdırlar.
- Sayfa görüntülemelerini dönüşümler ve görev başarısı ile değiştirin.
- Sitede geçirilen süreyi, ana sayfalardaki etkileşimli oturumlar ve kaydırma derinliğiyle (scroll depth) değiştirin.
- Kullanıcılar zorlandığında artan herhangi bir metriği bir uyarı işareti olarak ele alın.
Bu hafta nereden başlamalı
Taban çizginizi bugün kaydedin: GA4’ten ana sayfa ve cihaza göre dönüşüm oranı, Search Console’dan Core Web Vitals durumu ve en iyi sayfalarınız için organik tıklamalar. Sayıları tarih ile birlikte kaydedin.
Ardından gelir için en önemli olan tek sayfayı seçin ve Clarity’de on oturum kaydı izleyin. İnsanların nerede takıldığını not edin. Bu liste, test etmeye değer ilk tasarım değişiklikleri seti haline gelir.
Okumaya devam edin: Web Tasarım ve Geliştirme · Web Tasarımı