Analytics Açıdan Web Sitesi Kurgusu

Product Analytics - 26 Mart 2023

Product Analytics

Ürün Analitiği & Veri

Bir web sitesinin UX uyumlu olması, Analytics açıdan ölçümlemelerin sağlıklı bir kurguda yapılabilmesi için site tasarımının ve site  teknik altyapısının aşağıdaki maddelere uygun bir şekilde kurgulanması gerekmektedir. 

1. GTM (Google Tag Manager) kodunun datalayer öncesinde yüklenmesi, veri toplama ve analitik işlemleri için gerekli olan verilerin doğru bir şekilde toplanmasını ve izlenmesini sağlar. Eğer GTM kodu datalayer’den sonra yüklenirse, veri toplama ve analitik işlemleri için gerekli olan verilerin eksik veya yanlış toplanmasına sebebiyet verebilir. Bu nedenle, GTM kodunun datalayer öncesinde yüklenmesi önemlidir.

2. Teknik anlamda sayfa yapısının Single Page olmamasına dikkat edilmelidir. Single Page olan sitelerde Analytics üzerindeki ölçümlemeler ve GTM kurguları daha problemli olmaktadır.

Single Page; yani tek sayfalık web siteleri, tüm içeriği tek bir sayfada sunan web siteleridir. Bu tür web sitelerinde, kullanıcılar sayfa içinde kaydırarak içeriği tarama veya arama yaparak aradıkları içeriği bulma gibi işlemleri gerçekleştirirler. 

Web Sitesinin Neden Single Page Yapısında Olmaması Gerekmektedir? 

• İçerik Yoğunluğu: Eğer bir web sitesinde çok sayıda içerik varsa, tüm içerik tek bir sayfada sıkıştırılmaya çalışıldığında, kullanıcılar içerik arama veya tarama işlemini daha zor hale getirebilirler. Bu nedenle, sayfalar arasında bölünmüş içerik, kullanıcıların kolayca istedikleri içeriği bulmalarına yardımcı olabilir.

• SEO İyileştirmeleri: Birden fazla sayfadan oluşan bir web sitesi, arama motoru optimizasyonu için daha uygun bir yapıya sahiptir. Her sayfaya özgü meta etiketleri, başlıklar ve açıklamalar kullanarak, her sayfanın arama motorları tarafından daha kolay taranmasını sağlayabilirsiniz.

• Yükleme Hızı: Tek sayfada çok fazla içerik olduğunda, sayfanın yüklenme süresi artabilir. Bu, kullanıcıların sayfanızı terk etmesine neden olabilir. Sayfalar arasında bölünmüş içerik, yüklenme süresini azaltarak, kullanıcı deneyimini iyileştirebilir.

• Yönetim Kolaylığı: Birden fazla sayfadan oluşan bir web sitesi, içeriğin daha kolay yönetilmesini sağlar. Tek bir sayfada tüm içeriği yönetmek, zaman alıcı ve zor olabilir. Ancak birden fazla sayfadan oluşan bir web sitesi, içeriği daha organize ederek, içeriği yönetmeyi ve güncellemeyi daha kolay hale getirebilir.

• İçerik Odaklılık: Birden fazla sayfadan oluşan bir web sitesi, her sayfayı tek bir konuya veya amaç için optimize etmenize olanak tanır. Bu, her sayfanın daha net ve odaklı bir mesaj sunmasına yardımcı olabilir ve kullanıcıların doğru içeriği kolayca bulmalarına olanak tanır.

Tabii ki, her web sitesi için farklı gereksinimler vardır ve bazı durumlarda tek sayfadan oluşan bir web sitesi uygun olabilir. Ancak, genel olarak, birden fazla sayfadan oluşan bir web sitesi, içeriği daha iyi organize edebilir, kullanıcı deneyimini iyileştirebilir ve arama motoru optimizasyonu için daha uygun bir yapıya sahip olabilir.

3. Site tasarımında Jakob Yasası çerçevesinde kullanıcıya daha pratik bir deneyim sunulmalıdır. Burada site tasarımcısının tekerleği yeniden icat etmesinden ziyade alışılagelmiş etkileşim kurallarının siteye entegre etmesi ve tasarımı bu yönde iyileştirmesi beklenmektedir. 

4. Site konumlandırmasında kullanıcıların ilgisinin header alanında footer alanına doğru azaldığını göz önünde bulundurularak site içerisinde can alıcı conversion rate oranına etki edecek kurguların planlamasının ve konumlandırmasının yapılması oldukça önem verilmesi gereken bir konudur. 

5. Site tasarımında menü yapısı içerisinde kategori hiyerarşisine dikkat edilmeli ve UX doğrultusunda kullanıcıya pratik ve hizmet sunmalıdır. 

Bir sitede kategori hiyerarşisi, içerikleri organize etmek ve kullanıcıların aradıkları içeriği kolayca bulmalarını sağlamak için önemlidir. Kategori hiyerarşisi, içeriklerin birbirleriyle olan ilişkilerini gösterir ve kullanıcılara içeriği bulmak için rehberlik eder. Bir site için doğru kategori hiyerarşisi, kullanıcıların sitenin yapısını daha iyi anlamalarını ve gezinmelerini kolaylaştırır. 

Örneğin, bir e-ticaret sitesinde kategori hiyerarşisi, ürünleri daha spesifik bir şekilde sınıflandırarak kullanıcılara kolay bir alışveriş deneyimi sunabilir. İçerik yoğun bir haber sitesinde ise, haberlerin konularına göre kategorilere ayrılması ve alt kategorilere bölünmesi, kullanıcıların ilgilendikleri konuları kolayca bulmalarını sağlayabilir. 

Kategori hiyerarşisi ayrıca, site içi arama motorlarının kullanımını da kolaylaştırabilir. Kullanıcılar, arama sonuçlarında belirli bir kategori altında bulunan içerikleri daha kolay bulabilirler.

Sonuç olarak, doğru bir kategori hiyerarşisi, içeriğin daha iyi organize edilmesini sağlar ve kullanıcılara sitenin yapısını daha iyi anlamalarına ve içerikler arasındaki ilişkileri daha iyi anlamalarına yardımcı olur.

6. Kullanıcıların ve arama motorunun siteyi daha iyi anlaması ve kullanabilmesi için alt kategorilerden oluşan breadcrumb yapısı oluşturulmalıdır. 

Breadcrumb, web sitelerindeki sayfa konumunu gösteren bir navigasyon öğesidir. Breadcrumb, kelime anlamı olarak "ekmek kırıntısı" anlamına gelir ve bir web sitesinde kullanıcının hangi sayfada olduğunu göstermek için kullanılan bir yol belirtecidir.

Breadcrumb, genellikle sayfanın üst kısmında veya içeriğin üzerinde birkaç kelime veya kelime öbeği olarak görünür. Bu kelime veya kelime öbekleri, kullanıcının bulunduğu sayfanın konumunu gösterir. Örneğin, bir e-ticaret sitesinde bir kullanıcı "Elektronik" kategorisinde ise, breadcrumb "Anasayfa > Kategoriler > Elektronik" şeklinde görülebilir.

7. Bir sayfanın ideal açılış süresi 2,5  saniyenin altında olması beklenmektedir.. Sayfa hızının Analytics ve CRO açısından önemi oldukça önemlidir. Bu sebeple sitenin teknik anlamda hız çalışmaları dikkate alınarak kurgulanması gerekmektedir. 

8. Brandbook içerisinde yer alan marka renkleri ve tipolojisi her alanda vurgulanmalıdır.

9. URL yapıları mümkün olduğunca kısa ve anlamlı olmalıdır. URL sonuna eklenen page path’ler kategori hiyerarşisine göre kurgulanabilir. 

10. Bir E-ticaret sitesindeki en doğru kurgu kullanıcının mümkün olan en kısa sürede conversion yolculuğunu başlatmak ve bu yolculuk sırasında kullanıcıya doğru, hızlı ve pratik bir deneyim sunmaktır. Bu bağlamda düşünecek olursak Funnel adımları kısa tutularak kullanıcı doğrudan conversion’a yönlendirilmelidir. 

11. Görsel optimizasyon sağlanmalı ve ürün görsellerinin boyutları site hızı kampsamında en fazla 100 KB olmalıdır. Burada banner görselleri boyutları değişiklik gösterebilir. Buna ek olarak görsellerin isimlendirmeleri ve alt text’ler de doğrudan görselle ve sayfayla ilişkili olması durumunda arama motorlarının görsel kısımlarında index olmasını almasını sağlayacaktır. 

12. İndirilebilir linkler için (örn: PDF indirmeleri) yeni bir sayfa olarak açılmamalı doğrudan takip açısından indirilebilir döküman formatında kurgulanmalıdır. 

13. Mevcut sitelerin search kısımlarında kurgulanan Ghost Search kurgusu önerilmemektedir. Bu durum search term takiplerini ve analizlerini zorlamaktadır. 

Ghost Search, kullanıcının arama kutusuna yazmadan önce arama sonuçlarını otomatik olarak görüntüleyen bir arama özelliğidir. Bu özellik, kullanıcının aradığı içeriği bulmasına yardımcı olabilir, ancak, ghost search özelliği, bir web sitesinde kullanılmaması gereken bir özelliktir. Bunun nedeni, kullanıcıların arama kutusuna yazmaya başlamadan önce ne aradıklarını tam olarak düşünmeden arama sonuçlarına erişmelerini sağlamasıdır. Bu, yanlış sonuçların veya kullanıcının istediği sonuçlara ulaşamaması gibi problemlere yol açabilir.

Ayrıca, ghost search özelliği, web sitesinde kullanılan kaynakları artırabilir ve sayfa yükleme süresini olumsuz etkileyebilir. Ghost search, kullanıcıların siteyi daha fazla kullanmasını sağlamak için tasarlanmış olsa da, site performansına zarar verebilir ve kullanıcı deneyimini olumsuz etkileyebilir.

Bunun yerine, web sitelerinde basit ve kullanıcı dostu bir arama özelliği kullanılması daha faydalı olabilir. Bu, kullanıcıların istedikleri sonuçlara daha hızlı ve doğru bir şekilde erişmelerini sağlar ve site performansına olumsuz etkisi olmaz.

14. Click depth (tıklama derinliği), bir kullanıcının az tıklama ile içeriğe ulaşabilmesidir. Burada depth ne kadar artarsa kullanıcının o sayfaya ulaşması zorlaşacak ve bu durum da UX/UI açısından problemlere sebebiyet verecektir. Bu doğrultuda click depth dikkate alınarak site tasarımında iyileştirmeler yapılmalı, mümkün mertebede 2 ya da 3 tıklamanın ötesine geçilmeyecek bir kurgu çalışılmalıdır. 

15. Bir e-ticaret sitesinde kullanıcıların site içerisindeki hareketlerinde ( Sepete Ekleme veya Üye Girişi gibi adımlarda) eksik ve hatalı bir aksiyon gerçekleştirmesi durumunda bir uyarı pop-up kurgusu çalışılabilir. Bu kurgu ile olası dead clicklerin önüne geçilecek ve conversion rate doğrudan olumlu etkilenecektir. 

16. Banner görsellerine eğer bir listeleme sayfasına yönlendiriyorsa linkleme yapılmalı ve kullanıcının conversion yolculuğu başlatılmalıdır. 

17. Ürün sayfalarında conversion rate oranını ve kullanıcının sitedeki etkileşimini arttırabilmek adına ilgili ürünler (önerilerin ürünler, ilginize çekebilecek ürünler) formatında bir slider çalışması yapılmalıdır.