Heatmap, kullanıcıların web sitenizde tam olarak ne yaptığını — nereye tıkladıklarını, nereye kadar kaydırdıklarını, hangi bölümleri görmezden geldiklerini — renk kodlarıyla görsel olarak ortaya koyan analiz aracıdır. Google Analytics size kaç kişinin geldiğini söyler; ısı haritası ise bu kişilerin sayfada ne yaptığını gösterir. Bu iki veri kaynağının birlikte kullanımı, dönüşüm optimizasyonunun en güçlü kombinasyonunu oluşturısı haritası nedir? Heatmap, kullanıcıların web sitenizde tam olarak ne yp Nasıl Çalışır?
Isı haritası araçları, kullanıcı tarayıcısına küçük bir JavaScript kodu ekler. Bu kod, sayfa üzerindeki her tıklamayı, fare hareketini ve kaydırma derinliğini kaydeder. Toplanan veriler ısı haritası görüntüsünde renk yoğunluğuyla gösterilir: kırmızı ve turuncu bölgeler yüksek aktiviteyi, mavi ve mor bölgeler düşük ilgiyi temsil eder. Yeterli veri toplandığında (genellikle 500+ sayfa görüntüleme) anlamlı içgörüler ortaya çıkmaya başlar.
Heatmap Türleri ve Ne Anlattıkları
1. Tıklama Haritası (Click Map)
Sayfada neye tıklandığını gösterir — tıklanabilir öğe olsun ya da olmasın. En kritik içgörüler: tıklanamayan öğelere yapılan tekrarlı tıklamalar (kullanıcı o öğenin link olmasını bekliyor), ana CTA’ya giden tıklama oranı, dikkat dağıtan öğelere giden gereksiz tıklamalar. CTA dışı alanlara yüksek tıklama olduğunda navigasyon veya tasarım revizyonu gerektiği anlaşılır.
2. Kaydırma Haritası (Scroll Map)
Ziyaretçilerin sayfanın ne kadarını gördüğünü gösterir. Kural olarak her 25 puanlık kaydırma eşiğinde kalan kullanıcı yüzdesi düşer. Sayfanızın %50’sinden fazlasının kullanıcıların yalnızca %20–30’u tarafından görüldüğünü tespit etmek, CTA’nın yukarıya taşınması gerektiğini açıkça ortaya koyar. Kaydırma haritası, “above the fold” ile “below the fold” içerik değerini nesnel biçimde karşılaştırır.
3. Hareket Haritası (Move Map)
Masaüstü kullanıcılarının fare hareketlerini izler. Araştırmalar, fare hareketlerinin bakış noktasıyla yüksek korelasyon gösterdiğini ortaya koyuyor — kullanıcılar genellikle fareleriyle okudukları metni takip eder. Hareket yoğunluğu yüksek bölgeler dikkat çeken alanlardır; bu bölgelere CTA veya önemli bilgi yerleştirmek dönüşümü artırabilir.
En Popüler Heatmap Araçları
| Araç | Özellikler | Ücret |
|---|---|---|
| Microsoft Clarity | Heatmap, session recording, GA4 entegrasyonu | Tamamen ücretsiz |
| Hotjar | Heatmap, session recording, form analizi, anket | Ücretsiz başlangıç (sınırlı) |
| Crazy Egg | Heatmap + A/B test entegrasyonu | Ücretli |
| Lucky Orange | Gerçek zamanlı izleme, form analizi | Ücretli |
Küçük ve orta ölçekli siteler için Microsoft Clarity en iyi başlangıç noktasıdır: tamamen ücretsiz, oturum limiti yoktur ve Google Analytics 4 ile doğrudan entegre çalışır.
Heatmap Verilerinden Eylem Planı Çıkarma
Veri toplamak yetmez; veriden hipotez geliştirip test etmek gerekir. Örnek analiz döngüsü: kaydırma haritasında CTA’nın yalnızca ziyaretçilerin %30’u tarafından görüldüğünü tespit edin → CTA’yı above the fold’a taşıma hipotezi geliştirin → A/B testi başlatın → dönüşüm oranını karşılaştırın → kazanan varyantı uygulayın. Bu hipotez-test-uygulama döngüsü, CRO sürecinin motorudur.
Cihaz Bazında Segmentasyon: Mobil vs Masaüstü
Mobil ve masaüstü kullanıcıları sayfada tamamen farklı davranır. Mobil kullanıcılar genellikle daha hızlı kaydırır, daha az tıklar ve formlarda daha fazla terk eder. Bu nedenle heatmap analizini her zaman cihaz bazında ayrı yapın; mobilde tespit edilen sorunlar masaüstü optimizasyonundan farklı çözümler gerektirebilir. Özellikle Türkiye gibi mobil kullanımın baskın olduğu pazarlarda mobil heatmap analizi öncelik almalıdır.
Isı haritaları, sayısal verilerin açıklayamadığı ‘neden’ sorusunu görsel biçimde yanıtlar. GA4 size ‘form gönderimi %40 düştü’ der; ısı haritası size ‘kullanıcıların %60’ı formu görmeden sayfadan çıkıyor’ gösterir. Bu bağlamsal içgörü, doğru problemi doğru çözümle eşleştirmenizi sağlar. Aylık rutin ısı haritası incelemesi, dönüşüm optimizasyonunun en erişilebilir ve en değerli araçlarından biridir.
Isı haritası verilerini değerlendirirken mobil ve masaüstü ayrımını gözetmek kritiktir. Aynı sayfanın mobil ısı haritası masaüstünden önemli ölçüde farklı olabilir. Türkiye trafiğinin %65+ mobilden geldiği düşünüldüğünde, mobil ısı haritaları birincil analiz kaynağınız olmalıdır. Masaüstü için tasarlanmış bir layout mobilden çok farklı davranışlar üretebilir; bu farkı görmek tasarım kararlarınızı köklü biçimde değiştirebilir.
Isı haritası analizini daha güçlü kılmak için oturum kayıtları ile birleştirin. Isı haritası ‘ne’ sorusunu yanıtlar; oturum kaydı ‘nasıl ve neden’i gösterir. Düşük dönüşümlü bir alanda ısı haritası anomalisi gördüğünüzde ilgili oturum kayıtlarını inceleyin — kullanıcının tam olarak ne yaşadığı görünür. Bu kombinasyon, hipotez kalitesini ve dolayısıyla test başarı oranını önemli ölçüde artırır.
Isı haritası verilerinin yorumlanmasında bağlamı göz ardı etmeyin. Mevsimsel kampanya döneminde toplanan veriler normal döneme kıyasla farklı davranışlar yansıtabilir. A/B testi sürecinde iki varyant için ayrı ısı haritaları toplamak, kazanan varyantın neden daha iyi performans gösterdiğini görsel olarak kanıtlar. Bu görsel kanıt, ekip içi karar alma sürecini güçlendirir ve gelecek optimizasyon kararlarına ışık tutar.
Sonuç
Heatmap analizi, kullanıcı davranışını sayıların ötesinde görsel olarak anlamamızı sağlar. Tıklama, kaydırma ve hareket haritaları birlikte değerlendirildiğinde dönüşümü engelleyen tasarım ve içerik sorunları net biçimde ortaya çıkar. Sitenizin ısı haritası analizi ve CRO optimizasyonu için Wordline Agency ile iletişime geçin.
Isı Haritası Verilerinden Aksiyon Almak: 5 Pratik Adım
Isı haritası verisini toplamak ilk adım; değer asıl bu veriyi aksiyona dönüştürdüğünüzde ortaya çıkar. Aşağıdaki beş adım analizi somut iyileştirmelere taşır.
- Tıklanmayan CTA butonu: Konum, renk veya metin değiştirin; ısı haritasında düşük tıklama alanı görünüyorsa
- Kaydırma derinliği düşük: Önemli içeriği yukarı taşıyın; above the fold bölümü çok uzunsa kısaltın
- Yanlış öğe tıklanıyor: Kullanıcılar tıklanamayan bir öğeye tıklıyorsa — onu tıklanabilir yapın veya görsel ipucu kaldırın
- Form terk oranı yüksek: Hangi alanda bıraktıklarını tespit edin; o alanı basitleştirin veya kaldırın
- Dikkat dağıtan öğeler: Kullanıcıların CTA yerine başka yerlere odaklandığı görünüyorsa o öğeleri azaltın
Sık Sorulan Sorular
Hotjar ve Microsoft Clarity arasında hangisini seçmeliyim?
Bütçe kısıtı varsa Microsoft Clarity açık farkla öne çıkar: tamamen ücretsiz, oturum limiti yok ve GA4 ile doğrudan entegrasyon sağlıyor. Hotjar’ın ücretsiz planı aylık 35 oturum kaydıyla sınırlıdır. Hotjar’ın ücretli planları daha gelişmiş anket, NPS ve form analizi araçları sunar. Başlangıç için Clarity; kullanıcı araştırması derinleştikçe Hotjar ücretli plan değerlendirilebilir.
Isı haritası ne sıklıkla güncellenmeli?
Sabit sayfalarda (anasayfa, hizmet sayfaları) 4–8 haftada bir veriyi gözden geçirin. Büyük tasarım değişikliği sonrasında sıfırdan veri toplamaya başlayın — eski ısı haritası verisi artık geçerli değildir. Landing page A/B testi yürütülürken her varyant için ayrı ısı haritası toplayın; kullanıcı davranışındaki farklılıklar kazananı açıklar. Süregelen optimizasyon döngüsünde ısı haritası düzenli bir araç olmalı, tek seferlik değil.
Isı haritası GDPR/KVKK uyumlu mu?
Hotjar ve Clarity GDPR uyumlu çalışabilir; ancak web sitenizdeki çerez onay mekanizmasıyla entegre edilmesi gerekir. Kullanıcı analitik çerezleri reddettiğinde bu araçlar oturum kaydetmemelidir. Her iki araç da IP anonimleştirme ve oturum kaydında hassas veri maskeleme özellikleri sunar. Çerez yönetim platformunuzun (Cookiebot, OneTrust) bu araçlarla entegrasyonunu doğrulayın.
Oturum kayıtları ne kadar süre saklanmalı?
Hotjar oturum kayıtlarını varsayılan olarak 1 yıl saklar; bu süre plan ayarlarından değiştirilebilir. Microsoft Clarity’de kayıtlar 30 gün saklanır. Aktif analiz dönemlerinde (büyük redesign öncesi, A/B test sürecinde) kayıtları düzenli izleyin. Arşiv amaçlı tutmak yerine değer üretme sürecine odaklanın — yüzlerce kaydı izlemek yerine özellikle yüksek değerli segmentleri (dönüşüme yakın kullanıcılar, uzun oturum süreleri) önceliklendirin.