Web Sitesi Isı Haritası Nedir? Heatmap ile Dönüşüm Engellerini Bulmak

Web sitesi ısı haritası (heatmap), ziyaretçilerin bir sayfadaki davranışını renklerle gösteren bir analiz görünümüdür: en çok tıklanan alanlar, sayfanın ne kadarının görüldüğü, hangi bölümde daha uzun kalındığı sıcak renklerle öne çıkar. Analitik raporlar size bir sayfanın dönüşmediğini söyler; ısı haritası ise nedenini aramak için nereye bakmanız gerektiğini gösterir.

En hızlı başlangıç, ücretsiz bir araç olan Microsoft Clarity'yi sitenize eklemek, dönüşümü düşük tek bir sayfa seçmek ve o sayfanın tıklama ve kaydırma haritasını mobil ile masaüstünde ayrı ayrı incelemektir. Çıkan bulgular kesin sonuç değil, test edilecek hipotezdir.

Isı haritası türleri nelerdir?

Tıklama haritası. Ziyaretçilerin en çok nereye tıkladığını (mobilde dokunduğunu) gösterir. En değerli bulgu çoğu zaman bağlantı olmayan yerlere yapılan tıklamalardır: kullanıcı bir görseli ya da başlığı düğme sanıyor demektir.

Kaydırma haritası. Ziyaretçilerin yüzde kaçının sayfanın hangi noktasına kadar indiğini gösterir. Teklifiniz ya da iletişim formunuz, ziyaretçilerin çoğunun ulaşmadığı bir derinlikteyse sorun metinde değil yerleşimdedir.

Alan haritası. Seçtiğiniz bir bölgedeki tüm öğelere yapılan toplam tıklamayı verir. Örneğin fiyat tablosunun tamamı mı, yalnız bir paketi mi ilgi görüyor, bunu ölçmek için kullanışlıdır.

Dikkat haritası. Sayfanın hangi bölümünde ne kadar zaman geçirildiğini gösterir. Uzun süre kalınan ama tıklanmayan bir bölüm, ya çok ilgi çekiyor ya da anlaşılmıyor olabilir; oturum kayıtlarıyla ayırt edersiniz.

Fare hareketi haritaları da vardır, ama fare imleci ile göz hareketi her zaman örtüşmediği için tek başına dikkatle yorumlanmalıdır.

Microsoft Clarity ile ısı haritası nasıl oluşturulur?

Clarity, Microsoft'un ücretsiz sunduğu, ısı haritası ve oturum kaydı aracıdır. Kurulum, bir proje açıp verilen izleme kodunu sitenize eklemekten ibarettir. Isı haritası yalnız izleme kodunun yüklü olduğu sayfalar için oluşur.

Microsoft'un belgelerine göre Clarity'de:

• Tıklama, kaydırma, alan, dönüşüm ve dikkat haritaları var.
• Isı haritası oluşturmak için bekleme süresi ve asgari trafik şartı yok; harita saniyeler içinde gelir.
• Haritalar tek bir sayfa ya da bir sayfa grubu için oluşturulabilir; PC, tablet ve mobil ayrı görüntülenir.
• Bir ısı haritasında en fazla 100.000 sayfa görüntülemesi hesaba katılır.

Clarity'nin tıklama haritasında özel filtreler de bulunuyor. Ölü tıklama (dead click), tıklamanın sayfada hiçbir tepki doğurmadığı yerleri; öfke tıklaması (rage click), kullanıcının kısa sürede aynı küçük alana art arda tıkladığı yerleri; hata tıklaması ise JavaScript hatasından hemen önceki tıklamaları gösterir. Bu üçü, dönüşüm engellerini bulmak için en hızlı başlangıç noktalarıdır.

Isı haritasıyla dönüşüm engeli nasıl bulunur?

1. Sayfayı seçin. Trafik alan ama hedeflenen eylemin (form, sepete ekleme, arama) düşük kaldığı sayfalarla başlayın. Açılış sayfaları, ürün sayfaları ve ödeme adımları genellikle ilk adaylardır.

2. Cihazları ayırın. Aynı sayfa mobilde ve masaüstünde tamamen farklı davranış üretir. Masaüstünde ilk ekranda görünen düğme, mobilde üç kaydırma aşağıda kalabilir.

3. Kaydırma haritasında kırılma noktasını bulun. Ziyaretçi oranının keskin düştüğü yer, genellikle ilgi kaybının ya da sayfanın "bitti" izlenimi verdiği yerdir. Büyük bir görsel ya da boşluk, kullanıcıya sayfanın sona erdiğini düşündürebilir.

4. Ölü ve öfke tıklamalarına bakın. Tıklanmayan bir görselde yoğunlaşma, çalışmayan bir filtre, açılmayan bir menü burada görünür.

5. Oturum kayıtlarıyla doğrulayın. Haritada gördüğünüz yoğunluğun ardındaki davranışı birkaç kayıtta izleyin. Harita "nerede", kayıt "nasıl" sorusunu cevaplar.

6. Bulguyu hipoteze dönüştürün. "Ürün görseline yapılan tıklamalar büyütme beklentisinden kaynaklanıyor; görsele büyütme eklersek sepete ekleme artar" gibi. Ödeme adımındaki engeller için sepet terk oranı yazımızdaki kontrol listesi iyi bir tamamlayıcıdır.

Isı haritası verisini okurken nelere dikkat edilmeli?

Yeterli veri birikmeden karar vermeyin. Birkaç düzine oturumla oluşan bir harita, rastlantısal birkaç davranışı eğilim gibi gösterebilir. Kesin bir eşik yok, ama aynı bulgu farklı günlerde ve farklı trafik kaynaklarında tekrarlanıyorsa güvenebilirsiniz.

Dinamik içeriklere dikkat edin. Açılır menüler, kaydırmalı görseller ve kişiselleştirilmiş bloklar, haritanın çekildiği ekran görüntüsüyle kullanıcının gördüğü sayfanın farklı olmasına yol açabilir. Sayfada büyük bir tasarım değişikliği yaptıysanız eski ve yeni dönemi ayrı inceleyin.

Isı haritasını tek başına kullanmayın. Google Analytics gibi bir analitik aracındaki dönüşüm hunisi, sorunun hangi sayfada olduğunu; ısı haritası sayfanın neresinde olduğunu; kullanıcı anketi ya da geri bildirimi ise nedenini söyler. Üç kaynak aynı yeri işaret ediyorsa o bulgu önceliklidir.

Isı haritası kurarken KVKK ve çerez onayı gerekir mi?

Isı haritası ve oturum kaydı araçları ziyaretçinin tarayıcısında çerez kullanır ve davranış verisi toplar. Kişisel Verileri Koruma Kurumu'nun Çerez Uygulamaları Hakkında Rehberi, yalnız sitenin kendi hedef kitlesini ölçmekle sınırlı, anonim istatistik üreten ve siteler arası takip için kullanılmayan birinci taraf analitik çerezlerin "kesinlikle gerekli" çerezler kapsamında değerlendirilebileceğini söylüyor. Üçüncü taraf bir araçla oturum kaydı ve davranış analizi bu dar tanımın dışına çıkabileceği için, çoğu sitede bu araçları çerez onayından sonra çalıştırmak güvenli yoldur. Kendi kurgunuz için hukuk danışmanınızla birlikte karar verin.

Kişisel verilerin kayda girmemesi için maskelemeyi de kontrol edin. Microsoft'un belgelerine göre Clarity varsayılan olarak "Dengeli" maskeleme modunda çalışır; bu modda sayılar ve e-posta adresleri hassas içerik sayılıp maskelenir, form alanlarının içeriği ve açılır menüler ise tüm modlarda maskelenir. Hesap sayfası, sipariş özeti gibi kişisel bilgi gösteren bölümler için katı modu ya da öğe bazında maskelemeyi tercih edin.

Kısaca: ısı haritası analizi kontrol listesi

1. Dönüşümü düşük, trafiği yeterli bir sayfa seçildi mi?
2. Mobil ve masaüstü ayrı incelendi mi?
3. Kaydırma kırılma noktası, ölü ve öfke tıklamaları not edildi mi?
4. Bulgular oturum kayıtları ve analitik hunisiyle doğrulandı mı?
5. Her bulgu test edilebilir bir hipoteze dönüştü mü?
6. Çerez onayı ve maskeleme ayarları kontrol edildi mi?

Değişiklikleri doğrudan uygulamak yerine A/B testiyle doğrulamak, gerçekten işe yarayanı ayırt etmenin yoludur. Açılış sayfanızı bu bulgulara göre yeniden kurgulamak için landing page tasarımı yazımıza göz atabilir, analiz ve test sürecini birlikte yürütmek isterseniz dönüşüm optimizasyonu hizmetimizi inceleyebilirsiniz.