Heatmap Nedir? Web Sitesi Analizi 2026 Rehberi

29/08/202629/08/2026

Sitenize her gün yüzlerce ziyaretçi geliyor. Google Analytics trafik sayısını gösteriyor, hangi sayfaların ziyaret edildiğini gösteriyor. Ama şu soruları yanıtlamıyor:

Ziyaretçiler sayfanızın neresine bakıyor? Hangi bölümü tamamen atlıyor? “Satın Al” butonuna gerçekten ulaşıyorlar mı? Mobilde kritik CTA’nız ekranın dışında mı kalıyor?

Heatmap tam da bu soruları yanıtlamak için tasarlandı. Sayısal veri değil, görsel veri. Kaç kişi geldi değil, burada ne yaptılar.

Bu rehberde heatmap nedir, türleri neler, nasıl kurulur, nasıl okunur ve en yaygın analiz hatalarından nasıl kaçınılır — tüm bunları somut örneklerle ele alacağız.

Heatmap (Isı Haritası) Nedir?

Heatmap, web sitenizde kullanıcıların nereye tıkladığını, fareyi nerede gezdirdiğini ve sayfanın ne kadarını kaydırdığını renk kodlarıyla görselleştiren analiz aracıdır.

Renk mantığı termometre gibi çalışıyor:

Kırmızı / Turuncu / Sarı: Yoğun etkileşim — çok tıklama, uzun bakış süresi
Mavi / Yeşil: Düşük etkileşim — az ilgi, ziyaretçi buraya bakmıyor

Bir web sayfasının ısı haritasına baktığınızda “kullanıcının sayfayı nasıl yaşadığını” görsel olarak anlıyorsunuz. En önemli CTA’nız soğuk mavi renkteyse kimse tıklamıyor demek. Ürün açıklamasınız kıpkırmızıysa insanlar orada çok zaman geçiriyor demek.

Google Analytics “ne olduğunu” gösterir. Heatmap “neden olduğunu” gösterir. İki araç birbirini tamamlar.

Heatmap Türleri: Her Biri Farklı Bir Soruyu Yanıtlar

1. Tıklama Haritası (Click Map)

Kullanıcıların sayfada nereye tıkladığını gösterir. En doğrudan ve en sık kullanılan heatmap türü.

Ne öğretir:

Hangi buton veya linke tıklanıyor, hangisi atlanıyor
Tıklanabilir olmayan ama tıklanan alanlar (bu çok önemli — kullanıcı tıklıyor ama hiçbir şey olmuyor)
Menü kullanım alışkanlıkları
CTA butonunun gerçekten çalışıp çalışmadığı

Somut örnek: E-ticaret sitenizde “Ürün Detayı” sayfasında tıklama haritası açıyorsunuz. Fark ediyorsunuz: kullanıcılar “Sepete Ekle” butonuna değil, ürün fotoğrafına tıklıyor. Bu, daha büyük ve tıklanabilir ürün galerisi eklemeniz gerektiğini söylüyor.

2. Kaydırma Haritası (Scroll Map)

Sayfanın kaç yüzdesi kullanıcılar tarafından görüldüğünü gösterir. Sayfanın ne kadarına aşağı kaydırıldığını renk dereceleriyle gösteriyor.

Ne öğretir:

Sayfa içeriğinin kaçta kaçı gerçekten görülüyor
Kritik içerik veya CTA’nızın görünürlük oranı
“Fold above” — ilk ekranın ne kadar önemli olduğu
Sayfanın hangi noktasında çıkış gerçekleşiyor

Somut örnek: Landing page’inizin kaydırma haritasına bakıyorsunuz. Kullanıcıların yüzde sekseni sayfanın ilk üçte birini görüyor, yüzde yirmisi ikinci üçte bire ulaşıyor, en alta yüzde beş iniyor. Ama CTA butonunuzu sayfanın alt kısmına koydunuz. Yüzde doksan beş kullanıcı onu hiç görmüyor.

3. Fare Hareket Haritası (Move Map)

Kullanıcıların fareyi sayfada nerede gezdirdiğini gösterir. Göz takibi araçları olmadan yaklaşık dikkat alanlarını tahmin etmek için kullanılır.

Ne öğretir:

Kullanıcının dikkatini çeken içerik blokları
Göz izleme çalışmalarıyla korelasyon — fare hareketi ile bakış yönü benzer örüntüler gösteriyor
Kullanıcının duraksamalarının nerede olduğu

Dikkat: Fare hareketi bakış yönüyle tam örtüşmüyor. Mobil cihazlarda fare olmadığı için bu harita yalnızca masaüstü için anlamlı.

4. Rage Click Haritası (Öfke Tıklama)

Kullanıcının aynı yere art arda hızlı tıkladığı noktaları gösterir. Bu davranış genellikle “buton neden çalışmıyor?” frustrasyonunun işareti.

Ne öğretir:

Çalışmayan buton veya linkler
Kullanıcıyı hayal kırıklığına uğratan deneyim noktaları
Teknik sorunların lokasyonu

Somut örnek: Ödeme sayfasında “Devam Et” butonunda rage click görüyorsunuz. Mobilde butona tıklandığında klavye açılıyor ve butonu kapatıyor. Bu teknik sorun, sepet terk oranının neden yüksek olduğunu açıklıyor.

5. Dikkat Haritası (Attention Map)

Fare hareketi ve kaydırma verisini birleştirerek kullanıcının sayfanın hangi bölümüne ne kadar dikkat ettiğini tahmin eder. Bazı araçlar AI ile bu hesabı çok daha isabetli yapıyor.

2026’da Heatmap Teknolojisi: AI Entegrasyonu

2026 yılı itibarıyla yapay zeka destekli tahminleme algoritmalarıyla birleşen heatmap teknolojileri, yalnızca geçmiş davranışları analiz etmekle kalmıyor — aynı zamanda potansiyel dönüşüm noktalarını öngörebiliyor.

En önemli yenilikler şunlar:

AI destekli anomali tespiti: Normal kullanıcı davranışından sapmaları otomatik işaretliyor. “Bu bölümde beklenenden yüzde 40 daha az tıklama var” gibi uyarılar manuel analiz gerektirmeden üretiliyor.

Segment bazlı otomatik karşılaştırma: Mobil vs. masaüstü, yeni kullanıcı vs. geri dönen, farklı trafik kaynakları — bunların heatmap’lerini otomatik karşılaştırıyor.

Gerçek zamanlı analiz: Bazı 2026 araçları artık pasif değil — değişiklik yaptığınızda kullanıcı davranışını anlık izliyor.

En İyi Heatmap Araçları: 2026 Karşılaştırması

Araç	Güçlü Yanı	Ücretsiz Plan	Kimler İçin?
Microsoft Clarity	Tamamen ücretsiz, rage click, AI içgörüler	✅ Sınırsız	Tüm ölçekler
Hotjar	Kapsamlı özellik seti, anket entegrasyonu	✅ Sınırlı	Orta ölçek
Crazy Egg	Confetti raporu, A/B test entegrasyonu	❌ 30 gün deneme	CRO odaklı
FullStory	Gelişmiş oturum kaydı, DX verisi	❌	Kurumsal
Smartlook	E-ticaret odaklı, GDPR uyumlu	✅ Sınırlı	E-ticaret
Contentsquare	Kurumsal çok kanal analizi	❌	Büyük markalar

Başlangıç önerisi: Microsoft Clarity — tamamen ücretsiz, kurulumu 5 dakika, veri sınırı yok. Hotjar’ın ücretli versiyonuna geçmeden önce Clarity ile başlamak çok mantıklı.

Heatmap Nasıl Kurulur? Adım Adım Microsoft Clarity

Adım 1: Hesap Oluşturun

clarity.microsoft.com adresine gidin ve Microsoft hesabıyla giriş yapın. “Yeni Proje” oluşturun, sitenizin URL’sini girin.

Adım 2: Takip Kodunu Ekleyin

Clarity size küçük bir JavaScript kodu verecek. Bu kodu sitenizin <head> etiketine ekleyin.

WordPress için: Yoast SEO’nun “Site Doğrulama” bölümüne veya header.php dosyasına yapıştırın. Alternatif: Google Tag Manager üzerinden ekleyin — kod yazmak gerekmez.

Shopify için: Tema düzenleyicinde theme.liquid dosyasına <head> içine yapıştırın.

Adım 3: Veri Toplanmasını Bekleyin

Kod eklendikten sonra veri toplamaya başlıyor. Anlamlı heatmap için minimum 1.000-2.000 tekil ziyaretçi öneriliyor. Düşük trafikli siteler için 2-4 hafta beklemeniz gerekebilir.

Adım 4: Dashboard’u İncelemeye Başlayın

Clarity’nin dashboard’unda üç ana bölüm var: Heatmaps (ısı haritaları), Recordings (oturum kayıtları) ve Insights (AI içgörüler). Her sayfanın kendi heatmap’ini ayrı ayrı inceleyebilirsiniz.

Heatmap Nasıl Okunur? Analiz Rehberi

Araç kuruldu, veri toplandı. Şimdi ne yapacaksınız?

1. Önce Hangi Sayfayı Analiz Etmeli?

Hepsini aynı anda analiz etmeye kalkmayın. Öncelik sırası:

En yüksek trafikli ama düşük dönüşümlü sayfalar: GA4’te bu sayfaları bulun — çok ziyaretçi ama az dönüşüm varsa heatmap çok şey söyleyecek.

Satış hunisindeki kritik sayfalar: Ana sayfa, ürün sayfası, kategori sayfası, ödeme adımı.

Yüksek çıkış oranı olan sayfalar: GA4’te “çıkış sayfası” raporu hangi sayfada kullanıcıların siteyi terk ettiğini gösteriyor.

2. Tıklama Haritasında Sorulacak Sorular

CTA butonuma gerçekten tıklanıyor mu?
Tıklanabilir olmayan ama tıklanan alan var mı?
Kullanıcılar menüden hangi linklere giriyor?
Mobilde davranış masaüstünden farklı mı?

3. Kaydırma Haritasında Sorulacak Sorular

Kritik içerik yeterince görülüyor mu?
CTA’nın olduğu yere kullanıcıların yüzde kaçı ulaşıyor?
Sayfanın hangi bölümünde büyük drop-off var?
Üstteki içerik bu kadar önemliyken aşağıya neden bu kadar şey koyduk?

4. Rage Click’i Ciddiye Alın

Rage click raporu hiçbir zaman göz ardı edilmez. Her rage click noktası potansiyel bir teknik sorun veya kullanıcı beklentisi uyuşmazlığı. Önce rage click yoğun olan sayfaları inceleyin — çoğu zaman orada çözülmesi kolay ama maliyeti yüksek sorunlar bulunuyor.

Heatmap Okuma Tuzakları: Bunlara Dikkat

Tuzak 1: Yetersiz Veriyle Karar Vermek

100 ziyaretçinin heatmap’i güvenilir değil. Rastgele dağılım anlamlı örüntü gibi görünebilir. Minimum 1.000-2.000 ziyaretçi verisi olmadan aksiyon almayın.

Tuzak 2: Mobil ve Masaüstünü Birlikte Görmek

Mobil ve masaüstü heatmap’lerini ayrı ayrı analiz edin. İkisini birleşik görüntülemek yanıltıcı — mobil kullanıcının parmak davranışı ile masaüstü kullanıcısının fare davranışı tamamen farklı. Sitenizin trafik profilini GA4’ten kontrol edin: ağırlıklı olarak mobil trafik varsa önce mobil heatmap’i analiz edin.

Tuzak 3: Korelasyonu Nedensellik Saymak

Bir alanda tıklama yoğunluğu var diye o alanın iyi olduğu sonucuna varılmaz. Belki kullanıcı tıklıyor ama sonrasında siteden çıkıyor. Heatmap davranışı gösterir, neden-sonuç ilişkisini değil. Bağlamı anlamak için oturum kayıtları ve GA4 verisiyle birlikte değerlendirin.

Tuzak 4: Tek Sayfada Takılıp Kalmak

Bir sayfayı optimum hale getirdiniz, tebrikler. Ama kullanıcı yolculuğu o sayfada bitmiyor. Huni boyunca tüm kritik sayfaları analiz edin — bir sayfanın iyileşmesi başka bir sayfadaki sorunu gizleyebilir.

Tuzak 5: Heatmap Verisini Aksiyona Çevirmemek

Veri topladınız, güzel renkli haritalar gördünüz, rapor sundunuz. Ama sayfada hiçbir şeyi değiştirmediniz. Heatmap analizi aksiyonla tamamlanır. Her analiz seansının sonunda “bunu neyi değiştireceğiz?” sorusu sorulmalı.

Heatmap + GA4: Birlikte Kullanım

Heatmap en güçlü şekilde GA4 verisiyle birlikte çalışır.

GA4’ten başlayın: Hangi sayfada yüksek hemen çıkma oranı var? Hangi sayfada dönüşüm düşük? Hangi trafik kaynağından gelen kullanıcılar sitede daha az zaman geçiriyor?

Heatmap ile derinleştirin: GA4 size “bu sayfada sorun var” diyor. Heatmap “sorun tam olarak şurada” diyor.

Oturum kaydıyla tamamlayın: Heatmap toplu davranışı gösteriyor. Oturum kaydı bireysel kullanıcının deneyimini gösteriyor — patronları tıklamaları, karışık navigasyon, form doldurma güçlükleri.

Bu üçlü — GA4 + Heatmap + Oturum kaydı — CRO’nun en güçlü veri kombinasyonu. Dönüşüm oranı artırma rehberimizde bu kombinasyonu detaylı ele aldık.

Pratik Senaryo: E-Ticaret Sitesinde Heatmap Analizi

İzmir’deki bir tekstil e-ticaret sitesi düşünelim. Aylık 5.000 ziyaretçi var, dönüşüm oranı yüzde 0,8 — sektör ortalamasının çok altında.

Adım 1: Microsoft Clarity kuruldu, 3 hafta veri toplandı.

Adım 2: Ürün sayfası tıklama haritası açıldı. Bulgular:

“Sepete Ekle” butonu masaüstünde iyi tıklanıyor
Mobilde buton ekranın altında kalıyor — tıklama yüzde 80 daha az
Ürün renk seçimi bölümüne çok tıklanıyor ama tıklamalar kayıt edilmiyor — teknik hata

Adım 3: Kaydırma haritası analizi:

Ürün sayfasının yüzde 40’ına kullanıcıların sadece yüzde 25’i ulaşıyor
Müşteri yorumları sayfanın çok altında — neredeyse hiç görülmüyor

Aksiyon planı:

Mobilde “Sepete Ekle” butonunu sabit (sticky) hale getir
Renk seçimi teknik hatasını düzelt
Müşteri yorumlarını sayfanın üst bölümüne taşı
Ürün açıklamasını kısalt — kullanıcılar okumadan geçiyor

Bu dört değişiklik uygulandıktan 6 hafta sonra dönüşüm oranı yüzde 0,8’den yüzde 1,9’a çıktı — reklam bütçesi artırmadan.

Bu tür teknik ve davranışsal analizleri SEO çalışmasıyla entegre etmek, web tasarım ajansı ve SEO hizmeti kapsamında birlikte yönetildiğinde çok daha hızlı sonuç veriyor.

Sık Sorulan Sorular (SSS)

Heatmap ücretsiz kullanılabilir mi?

Evet. Microsoft Clarity tamamen ücretsiz, sınırsız veri ve oturum kaydı sunuyor. Hotjar’ın ücretsiz planı sınırlı ama başlangıç için yeterli. Ücretsiz araçlarla başlayıp ihtiyaç arttıkça ücretli planlara geçmek en mantıklı yaklaşım.

Heatmap KVKK’ya uyumlu mu?

Çoğu araç kullanıcı verilerini anonim olarak topluyor — kişisel veri kaydedilmiyor. Ama gizlilik politikanızda heatmap aracı kullandığınızı belirtmeniz gerekiyor. Microsoft Clarity GDPR ve KVKK uyumu için hassas alanları (şifre, kredi kartı gibi) otomatik maskeliyor.

Heatmap için ne kadar trafik gerekiyor?

Güvenilir analiz için minimum 1.000-2.000 tekil ziyaretçi. Düşük trafikli site için 3-4 hafta beklemeniz gerekebilir. Bu süre zarfında oturum kayıtlarını izlemek — bireysel kullanıcı davranışını görmek — daha hızlı içgörü sağlıyor.

Mobil ve masaüstü heatmap’lerini ayrı analiz etmeli miyim?

Kesinlikle evet. Kullanıcı davranışı cihaza göre dramatik biçimde farklılaşıyor. Masaüstünde mükemmel görünen sayfa mobilde tamamen bozuk olabilir. Tüm araçlar mobil ve masaüstü filtresini ayrı sunuyor — her ikisini de analiz edin.

Heatmap ne sıklıkla analiz edilmeli?

Büyük değişiklik sonrası mutlaka. Düzenli olarak aylık bir heatmap gözden geçirmesi iyi alışkanlık. Dönüşüm oranında ani düşüş olduğunda hemen bakın — genellikle teknik sorun veya sayfa değişikliği kaynaklı bir sorun bulunuyor.

Hotjar mı Microsoft Clarity mı daha iyi?

İkisi de güçlü ama farklı güçler. Clarity tamamen ücretsiz, AI içgörüler ve rage click tespiti güçlü. Hotjar anket, kullanıcı geri bildirimi ve daha gelişmiş segmentasyon sunuyor. Bütçe kısıtlıysa Clarity, daha kapsamlı analiz gerekiyorsa Hotjar tercih edin.

Heatmap A/B testi yerine geçer mi?

Hayır, tamamlar. Heatmap mevcut sayfanın sorunlarını gösterir — ne değiştirmeniz gerektiğini söyler. A/B testi ise değişikliğin gerçekten işe yaradığını istatistiksel olarak kanıtlar. Heatmap hipotez kurar, A/B testi doğrular.

Sonuç

Heatmap, kullanıcının sayfanızı nasıl yaşadığını görsel olarak anlamanın en güçlü yolu. Trafik raporları “ne olduğunu” söylüyor, heatmap “neden olduğunu” gösteriyor.

Tıklama haritası, kaydırma haritası, fare hareket haritası ve rage click — her biri farklı bir kullanıcı davranış katmanını açıklıyor. Bu verileri GA4 ve oturum kayıtlarıyla birleştirdiğinizde, dönüşümü düşüren sorunları çok daha hızlı tespit edip çözebiliyorsunuz.

Başlangıç için Microsoft Clarity kurun — tamamen ücretsiz, 5 dakikada kurulum, 2-3 hafta veri toplayın ve en kritik sayfanızı analiz edin. Çoğu zaman ilk heatmap incelemesinde “neden dönüşüm bu kadar düşük” sorusunun cevabı gözünüze çarpıyor.

Web sitenizin dönüşüm performansını artırmak, heatmap analizini SEO ve dijital reklam çalışmalarıyla entegre etmek istiyorsanız izmir seo ajansı ve web tasarım ajansı hizmetlerimizle bu süreci birlikte yönetebiliriz.

Etiketler