İçeriğe geç

Scroll Map (Kaydırma Haritası) Nedir, Nasıl Analiz Edilir?

Kısa Açıklama

Scroll map ile sayfanızın hangi bölümünün gerçekten görüldüğünü ölçün. Renk skalası, araçlar, gerçek bir vaka ve iyileştirme süreci tek rehberde.

İsmail Sağdıç
İsmail Sağdıç
5 dk okuma
Yapay zekâ ile özetle

Scroll map (kaydırma haritası) nedir?

Scroll map renk skalası: sıcak bölge en uzun kalınan alan, soğuk bölge ilginin kaybolduğu alanScroll map renk skalası: sıcak bölge en uzun kalınan alan, soğuk bölge ilginin kaybolduğu alan

Scroll map, kullanıcıların bir sayfada ne kadar aşağı indiğini ve hangi bölümlerde vakit geçirdiğini renk skalasıyla görselleştiren analiz aracıdır. Türkçede kaydırma haritası olarak geçer. Sayfanın hangi bölümünün gerçekten görüldüğünü, hangisinin hiç okunmadan geçildiğini gösterir.

Önemli bir ayrım var: sıcaklık göstergeleri ziyaretçi sayısına göre değil, kullanıcıların o alanda geçirdiği ortalama süreye göre hesaplanır. Yani bir bölümün çok kişi tarafından görüntülenmiş olması tek başına yeterli değildir; asıl soru orada ne kadar durulduğudur.

Bu yüzden scroll map, "kim tıkladı" sorusuna değil, daha derin sorulara cevap verir: kullanıcı neden aşağı inmedi, hangi bölümde ilgisini kaybetti, sayfanın hangi noktasında vazgeçti.

Renk skalası nasıl okunur?

Kaydırma haritasının düzelttiği dört alan: menü yerleşimi, iletişim bilgisi, içerik sırası veKaydırma haritasının düzelttiği dört alan: menü yerleşimi, iletişim bilgisi, içerik sırası ve

Scroll map verileri renk kodlarıyla sunulur. Skala araçtan araca küçük farklar gösterse de mantık aynıdır.

RenkAnlamıNe yapmalı
Beyaz ve sarıEn çok görüntülenen, en uzun süre kalınan bölgeEn değerli mesajı ve birincil eylemi buraya koyun
KırmızıOrta düzeyde ilgi gören alanlarDestekleyici içerik ve ikincil eylemler için uygun
Yeşilİlginin belirgin biçimde azaldığı bölgeBuradaki içeriği yukarı taşımayı ya da kısaltmayı değerlendirin
MaviNeredeyse hiç görülmeyen alanlarKritik bir şey varsa mutlaka taşıyın; yoksa sayfadan çıkarın

Maviye dönen kısımlar, kullanıcıların hızlıca geçtiği ya da hiç görmeden sayfayı terk ettiği bölgelerdir. Bir dönüşüm butonunu ya da iletişim bilgisini oraya koyduysanız, pratikte o öğe sayfada yok demektir.

Scroll map nasıl çalışır?

Gerçek vaka: yorumlar bölümü yukarı taşınınca görünürlük yüzde 25'ten yüzde 70'e çıktıGerçek vaka: yorumlar bölümü yukarı taşınınca görünürlük yüzde 25'ten yüzde 70'e çıktı

Scroll map araçları, sitenize yerleştirilen küçük bir izleme kodu üzerinden çalışır. Bu kod kullanıcıların sayfayı ne kadar kaydırdığını, hangi bölümlerde duraksadığını ve hangi alanları tamamen geçtiğini kaydeder. Kurulum için tek yapmanız gereken kodu sitenize eklemektir; veri birkaç yüz oturumdan sonra anlamlı hale gelir.

Verinin güvenilir olması için iki şeye dikkat edin. Birincisi, masaüstü ve mobil ayrı ayrı okunmalıdır; aynı sayfa iki cihazda tamamen farklı kaydırma davranışı üretir. İkincisi, kampanya dönemleri ve normal trafik ayrı değerlendirilmelidir, yoksa tek bir kampanya haritanın tamamını yanıltır.

Gerçek bir örnek: görünürlük %25'ten %70'e

Scroll map, tıklama haritası ve ısı haritasının yanıtladığı farklı sorularScroll map, tıklama haritası ve ısı haritasının yanıtladığı farklı sorular

Bir e-ticaret projesinde, x-tremetuning sitesinde yaptığımız scroll map analizinde sayfanın üst kısmı iyi performans gösteriyordu. Ancak orta bölümden itibaren renkler yeşile ve maviye dönüyordu: sayfanın ikinci yarısı yalnızca %10 ile %40 arasında görüntüleniyordu.

Sebep basitti. Arka arkaya sıralanan benzer kategoriler ve ürünler kullanıcının ilgisini dağıtıyor, aşağı inme motivasyonunu düşürüyordu.

Amacımız müşteri yorumları ve blog içerikleri gibi güven artırıcı bölümleri öne çıkarmaktı. Testte müşteri yorumları bölümünü en az görüntülenen mavi alandan yukarı taşıdık. Sonuç beklentinin üzerindeydi:

  • Müşteri yorumları bölümünün görünürlük oranı %25'ten %70'e yükseldi.
  • Çevresindeki bölümlerin görüntülenme oranı da yaklaşık %10 arttı.
  • Değişiklik yalnızca 10 dakika sürdü ve etkisi anında gözlendi.

Bu revizyon hiçbir ek yatırım gerektirmeden daha yüksek etkileşim ve dönüşüm sağladı. Scroll map'in değeri tam olarak burada: pahalı bir yeniden tasarım yerine, mevcut içeriğin sırasını veriye göre değiştirmek.

Hangi araçlarla ölçülür?

Scroll map için kullanabileceğiniz başlıca araçlar şunlardır. Çoğunun ücretsiz sürümü ya da deneme süresi vardır, bu sayede kendi sayfa yapınızda en doğru sonucu vereni seçebilirsiniz.

  • Yandex Metrica. Ücretsiz ve kaydırma haritası dahil geniş bir davranış analizi seti sunar.
  • Hotjar. Scroll map, tıklama haritası ve oturum kaydını bir arada verir.
  • Crazy Egg. Kaydırma ve tıklama haritalarında en yaygın kullanılan araçlardan biridir.
  • Ptengine. Harita verisini basit bir arayüzde sunar, küçük ekipler için pratiktir.
  • Microsoft Clarity. Ücretsizdir, oturum kaydı ve harita verisini birlikte sağlar.

Araç seçimi sonucu belirlemez, yorumlama belirler. Aynı veriyi iki farklı ekip okuyup iki farklı karar verebilir; bu yüzden analiz sürecini baştan tanımlamak araçtan daha önemlidir.

Scroll map ile neler iyileştirilebilir?

Her sitede menünün doğru yeri farklıdır. Scroll map, kullanıcıların menüye hangi noktada ihtiyaç duyduğunu gösterir; buna göre menüyü üst bara, yan sütuna ya da sayfa içi bir gezinme bloğuna taşıyabilirsiniz.

İletişim bilgilerinin görünürlüğü

İletişim bilgisi çoğu sitede sayfanın en altındadır. Harita o bölgeyi mavi gösteriyorsa, telefon numaranız pratikte görünmüyor demektir. Bu durumda bilgiyi ilk ekrana ya da orta bölüme taşımak doğrudan aramaya dönüşür.

İçerik sırası ve uzunluğu

Sayfanın belirli bir noktasından sonra renkler soğuyorsa, oradan aşağısı çoğu ziyaretçi için yok hükmündedir. İki seçenek vardır: kritik içeriği yukarı taşımak ya da sayfayı kısaltmak. Üçüncü bir seçenek daha vardır ve en sık atlananı budur: aşağı inmeyi teşvik eden bir geçiş bloğu eklemek.

Dönüşüm noktalarının konumu

Formu ya da teklif butonunu ikna tamamlanmadan önce koyarsanız erken, mavi bölgeye koyarsanız geç kalmış olursunuz. Scroll map bu ikisinin arasındaki doğru noktayı gösterir.

İyileştirme süreci nasıl yönetilmeli?

Scroll map tek başına bir karar aracı değildir, bir hipotez üreticisidir. Süreci şu sırayla yürütün.

  • Ölçün. En az birkaç yüz oturum toplayın, masaüstü ve mobili ayırın.
  • Hipotez kurun. "Müşteri yorumları görülmüyor, yukarı taşırsak güven artar ve dönüşüm yükselir" gibi tek cümlelik ve ölçülebilir bir iddia yazın.
  • Tek değişken değiştirin. Aynı anda hem sırayı hem metni hem rengi değiştirirseniz sonucu hangi değişikliğin ürettiğini bilemezsiniz.
  • Doğrulayın. Değişiklikten sonra haritayı tekrar okuyun ve asıl metriğe bakın: tıklama değil, nihai dönüşüm.
  • Kayıt tutun. Hangi değişikliğin ne getirdiğini yazın. Altı ay sonra aynı testi tekrar yapmamanın tek yolu budur.

Ölçüm tarafını derinleştirmek isterseniz yapay zeka tabanlı A/B testleri yazımız bu süreci tamamlıyor.

Scroll map, ısı haritası ve tıklama haritası farkı

Üçü sık sık karıştırılır ama farklı soruları yanıtlar.

AraçYanıtladığı soruEn iyi kullanım
Scroll mapSayfanın neresi görüldü?İçerik sırası ve sayfa uzunluğu kararları
Tıklama haritasıNeye tıklandı?Buton, bağlantı ve gezinme kararları
Isı haritasıİlgi nerede yoğunlaştı?Genel dikkat dağılımını görmek

Doğru yaklaşım üçünü birlikte okumaktır. Scroll map bir bölümün görüldüğünü söyler, tıklama haritası o bölümde bir şey yapılıp yapılmadığını. Görüldüğü hâlde tıklanmayan bir buton, konum değil metin ya da teklif sorunudur.

Sık yapılan hatalar

  • Yetersiz veriyle karar vermek. Birkaç düzine oturum haritayı oluşturur ama güvenilir kılmaz.
  • Masaüstü ve mobili birlikte okumak. İki cihazın kaydırma davranışı temelden farklıdır.
  • Tek seferlik bakmak. Sayfa değiştikçe harita da değişir; ölçüm süreklidir.
  • Rengi sonuç sanmak. Mavi bir bölge her zaman kötü değildir. Oraya bilinçli olarak ikincil içerik koyduysanız sorun yoktur.
  • Aynı anda çok şey değiştirmek. Sonucu hangi değişikliğin ürettiğini bilemezsiniz.

Ajan çağında kaydırma haritasının yeri

Scroll map insan davranışını ölçer ve bu ihtiyaç ortadan kalkmıyor. Ancak sayfalarınızı bugün yalnızca insanlar okumuyor: kullanıcı adına araştıran, karşılaştıran ve form dolduran yapay zeka ajanları da geliyor. Ajan kaydırmaz, renk görmez, ilk ekran kavramını bilmez. Onun için belirleyici olan kaynak kodundaki sıra ve içeriğin ham HTML'de görünür olmasıdır.

Yani aynı sayfanın iki farklı ölçüm katmanı var: insan için kaydırma haritası, ajan için erişim ve bağlam denetimi. İkisi çelişmez, biri diğerinin üstüne kurulur. Bu tarafı merak ediyorsanız Agent Experience hizmetimize ve ajan hazırlık taramamıza göz atabilirsiniz.

Kapanış

Kaydırma haritası, kullanıcı deneyimini geliştirmenin en düşük maliyetli yollarından biridir. Yeni bir tasarım, yeni bir altyapı ya da ek bütçe gerektirmez; yalnızca mevcut içeriğin sırasını veriye göre yeniden düşünmeyi gerektirir. x-tremetuning örneğinde on dakikalık bir düzenleme görünürlüğü %25'ten %70'e taşıdı.

Sayfanızda kimsenin görmediği bir bölüm varsa, o bölüm yok demektir. Scroll map size hangi bölümün gerçekten var olduğunu gösterir.

İsmail Sağdıç
İsmail Sağdıç

Sr. Visibility Executive

Yayınlanma: Güncellenme:

Markanızın bir sonraki hamlesini birlikte belirleyelim.

30 dakikalık ücretsiz görüşmede hedeflerinizi konuşalım. Arama ve yapay zekâ görünürlüğünüzdeki fırsatları değerlendirerek büyümeniz için öncelikli adımları belirleyelim.

Strateji görüşmesi planlayın30 dakika · ücretsiz · yükümlülük yok Ücretsiz AI görünürlük analizi60 saniyede hazırlık skorunuz
Yukarı çık