--- title: "Kategori sayfası filtreleri nasıl tasarlanır?" author: "Performetic Ekibi" url: "https://www.performetic.com/blog/kategori-sayfasi-filtre-tasarimi" published: "2026-03-17T08:00:00.000Z" updated: "2026-10-05T02:41:50.521Z" --- # Kategori sayfası filtreleri nasıl tasarlanır? > İyi filtre tasarımı, kategoriye özgü ve müşterinin gerçekten önemsediği özellikleri sunar, aynı tipte birden fazla değer seçmeye izin verir, uygulanan filtreleri tek bakışta gösterir ve mobilde sonuçları kaybettirmeyen bir panelde açılır. Baymard verisine göre ürün listeleme araçları zayıf sitelerde terk oranı çok daha yüksektir. ## Kategori sayfası filtreleri kullanıcı deneyimi için nasıl tasarlanır? Kategori filtreleri, ziyaretçinin kendi kriterleriyle ürün listesini daraltmasını sağlamalıdır. Bunun için kategoriye özgü ve müşterinin önemsediği filtreler sunun, aynı filtrede birden fazla değer seçilebilsin, uygulanan filtreler listenin üstünde görünsün ve mobilde filtre paneli sonuçları gizlemeden çalışsın. Filtre sayısı değil, filtrelerin isabeti dönüşümü belirler. Baymard Institute'un ürün listeleme ve filtreleme çalışmasında, ürün listesi kullanılabilirliği vasat olan sitelerde aynı tip ürünü bulmaya çalışan kullanıcıların terk oranı %67-90 arasında ölçülmüş. Araçları sadece biraz iyileştirilmiş sitelerde bu oran %17-33'e inmiş. Aynı çalışmada sitelerin %36'sının ürün bulmayı doğrudan zorlaştıracak kadar ciddi tasarım kusurları taşıdığı görülmüş. ## Filtre ile faset (facet) arasındaki fark nedir? Nielsen Norman Group'a göre filtre, bir içerik kümesinden belirli kriterlere uymayanları çıkaran her şeydir. Fasetli gezinme ise içeriği farklı boyutlarıyla (beden, renk, malzeme, fiyat, marka) kapsamlı biçimde tanımlayan birden çok filtreden oluşur. Fasetli yapı daha esnek ve güçlüdür, ama kurulması ve bakımı daha pahalıdır: her ürünün her faset için doğru veriyle (metadata) etiketlenmesi gerekir. E-ticaret için pratik sonuç şudur: filtreleriniz, ürün verinizin kalitesi kadar iyidir. "Malzeme" filtresi sunup ürünlerin yarısında malzeme bilgisi boşsa, kullanıcı filtreyi uyguladığında uygun ürünlerin yarısını kaybeder. ## Hangi filtreleri sunmalısınız? Her kategori için aynı filtre setini kullanmak en yaygın hatalardan biridir. Bot kategorisinde "topuk yüksekliği" ve "su geçirmezlik" önemlidir; tişört kategorisinde "kalıp" ve "kumaş" önemlidir. Filtre listesini şu sırayla belirleyin: 1. **Müşteri dilini toplayın.** Site içi arama terimleri, müşteri hizmetleri soruları ve yorumlar hangi özelliklerin önemsendiğini gösterir. 2. **Kategoriye özgü filtreleri seçin.** Her ana kategori için kısa ve anlamlı bir filtre seti belirleyin. 3. **Ürün verisini tamamlayın.** Seçilen her filtre için tüm ürünlerde değer dolu olsun. 4. **Değerleri standartlaştırın.** "Lacivert", "laci" ve "navy" aynı değer altında toplansın. 5. **Önemli filtreleri öne çıkarın.** En çok kullanılan bir veya iki filtreyi listenin üstünde gösterin. Baymard'ın kıyaslamasına göre sitelerin %61'i önemli filtreleri ürün listesinin üstünde öne çıkarmıyor. Örneğin ayakkabı kategorisinde beden seçimini listenin hemen üstüne koymak, kullanıcının en kritik kararı ilk adımda vermesini sağlar. ## Filtre arayüzünde en sık yapılan hatalar nelerdir? | Hata | Neden sorun | Çözüm | |---|---|---| | Aynı filtrede tek değer seçilebilmesi | "Siyah veya lacivert" araması yapılamaz | Aynı tipte çoklu seçim (VEYA mantığı) | | Uygulanan filtrelerin görünmemesi | Kullanıcı neden az sonuç gördüğünü anlamaz | Listenin üstünde filtre özeti ve tek tıkla kaldırma | | Sonuç vermeyen değerler | Boş liste hayal kırıklığı yaratır | Değerlerin yanında ürün sayısı, sıfır olanları gizleme veya pasifleştirme | | Uzun değer listelerinde iç kaydırma | Değerler gözden kaçar | İlk değerleri gösterip "Tümünü gör" ile açma | | Her kategoride aynı filtreler | Önemli özellikler eksik kalır | Kategoriye özgü filtre seti | | Her tıklamada sayfanın yeniden yüklenip en üste atması | Kullanıcı yerini kaybeder | Akıcı güncelleme ve kaydırma konumunu koruma | Baymard verilerine göre sitelerin %15'i aynı tipte birden fazla filtre değerinin birlikte seçilmesine izin vermiyor ve bu, kullanıcıların uygun ürünleri terk etmesine yol açıyor. Ayrıca sitelerin %28'i uygulanan filtrelerin özetini hiç göstermiyor. ## Filtre değişince sonuçlar hemen mi güncellenmeli, "Uygula" butonu mu olmalı? NN/g bu kararı kullanıcı niyetine ve site hızına bağlar. Anında güncelleme, ne istediğinden emin olmayan, keşif yapan kullanıcı için iyidir. Toplu filtreleme ("Uygula" butonu) ise kullanıcının birkaç filtreyi seçip tek seferde sonuç görmesini sağlar. NN/g, mobil cihazlarda sayfa yüklemeleri yavaş olabildiği için toplu filtrelemeyi önerir: dört değer seçen kullanıcıyı dört kez beklemek zorunda bırakmamak gerekir. Pratik bir orta yol: masaüstünde anında güncelleme, mobilde ise "Uygula" butonu ve butonun üzerinde güncellenen sonuç sayısı ("128 ürünü göster"). ## Mobilde filtreler nasıl gösterilmeli? Mobilde filtreleri ayrı bir tam ekran sayfaya taşımak, kullanıcının seçimlerinin sonuçları nasıl etkilediğini görmesini zorlaştırır. NN/g, filtreleri sonuçların üzerinde açılan bir panel ("tray") içinde göstermeyi bu soruna etkili bir çözüm olarak tanımlar: kullanıcı filtrelerle çalışırken arkadaki sonuçlarla bağlantısını kaybetmez. Mobil filtre kontrol listesi: - Filtre ve sıralama butonları listenin üstünde, başparmakla kolay erişilir yerde dursun. - Panelde seçili filtre sayısı ve sonuç sayısı görünsün. - "Temizle" ve "Uygula" butonları her zaman ekranda sabit kalsın. - Uygulanan filtreler, panel kapandıktan sonra listenin üstünde çip (etiket) olarak görünsün. Mobil dönüşüm sorunlarının genel resmini [mobil dönüşüm rehberimizde](/blog/mobilde-satis-neden-dusuk-mobil-donusum-rehberi) ele aldık. ## Filtreler SEO'yu nasıl etkiler? Her filtre kombinasyonu yeni bir URL üretiyorsa, arama motorları binlerce gereksiz sayfayı taramaya çalışabilir. Google, fasetli gezinme URL'lerinin tarama bütçesini tüketebileceğini ve bu URL'lerin yönetilmesi gerektiğini belgelerinde açıklıyor. Kullanıcı deneyimi kararını verdikten sonra hangi filtre sayfalarının dizine açık kalacağını teknik SEO tarafında ayrıca planlayın; canonical ve parametre yönetimini [teknik SEO yazımızda](/blog/e-ticaret-teknik-seo-filtre-canonical-sayfalama) anlattık. ## Filtrelerin işe yarayıp yaramadığını nasıl ölçersiniz? Filtre tıklamalarını GA4'e özel etkinlik olarak gönderin (örneğin filtre adı ve değeriyle). Ardından şu sorulara bakın: - Hangi filtreler en çok kullanılıyor? Bunlar listenin üstünde mi? - Filtre kullanan oturumların sepete ekleme oranı nasıl? - Hangi filtre kombinasyonları sıfır sonuç döndürüyor? Örnek: Bir mobilya mağazası "genişlik" filtresinin en çok kullanılan filtre olduğunu ama listenin en altında durduğunu fark ediyor. Filtreyi en üste taşıyıp aralık değerlerini müşterinin ölçtüğü şekilde (santimetre aralıkları) düzenlemek, kategori sayfasının etkileşim verisini doğrudan etkileyebilir; bu değişikliği bir A/B testiyle doğrulamak en sağlıklısıdır. ## Sıralama seçenekleri filtrelerle nasıl birlikte çalışmalı? Baymard, ürün listesi tasarımının, filtrelemenin ve sıralamanın bir bütün olarak çalışması gerektiğini vurgular: zincir en zayıf halkası kadar güçlüdür. İyi sıralama özellikleri, kullanıcının ürünleri önemsediği özelliklere göre dizmesini sağlar ve ürün keşfini ciddi biçimde hızlandırır. Pratikte "Önerilen", "Fiyat (artan ve azalan)", "En yeni" ve "En çok değerlendirilen" seçenekleri çoğu kategori için temel settir. Kategoriye özgü sıralamalar da düşünülebilir; örneğin elektronik kategorisinde kapasiteye göre sıralama. Kullanıcının seçtiği sıralama ve filtreler, ürün sayfasına gidip geri döndüğünde korunmalıdır; aksi halde kullanıcı tüm seçimlerini yeniden yapmak zorunda kalır. Kategori sayfalarınızın ürün bulmayı nerede zorlaştırdığını görmek isterseniz Performetic ekibiyle [iletişim sayfamızdan](/iletisim) ücretsiz bir büyüme analizi planlayabilirsiniz. ## Özet - Filtreler kategoriye özgü olmalı ve müşterinin önemsediği özellikleri yansıtmalı. - Filtre kalitesi ürün verisi kalitesine bağlıdır; boş özellik alanlarını doldurun. - Aynı tipte çoklu seçime izin verin ve uygulanan filtreleri listenin üstünde gösterin. - En önemli filtreleri öne çıkarın; sitelerin çoğu bunu yapmıyor. - Mobilde sonuçların üzerinde açılan bir panel ve sabit "Uygula" butonu kullanın. - Filtre URL'lerini teknik SEO açısından ayrıca yönetin. - Filtre kullanımını GA4'te ölçün ve sıfır sonuç veren kombinasyonları düzeltin. ## Sık sorulan sorular ### Bir kategori sayfasında kaç filtre olmalı? Sabit bir sayı yoktur. Önemli olan filtrelerin kategoriye özgü ve müşteri için anlamlı olmasıdır. Pratikte her ana kategori için birkaç güçlü filtre ile başlayıp GA4'teki filtre kullanım verisine göre ekleme veya çıkarma yapmak, uzun ve alakasız bir listeden daha iyi sonuç verir. ### Fiyat filtresi kaydırıcı mı, kutu mu olmalı? Kaydırıcılar mobilde hassas ayar yapmayı zorlaştırabilir. Kullanıcının alt ve üst fiyatı yazabileceği alanlar ile hazır fiyat aralıkları birlikte sunulduğunda hem hızlı hem hassas seçim yapılabilir. Hangi yapının sizin kitlenizde daha iyi çalıştığını bir A/B testiyle doğrulamak en sağlıklı yoldur. ### Sonuç vermeyen filtre değerleri gizlenmeli mi? Kullanıcıyı boş bir listeye götürecek değerler hayal kırıklığı yaratır. Değerlerin yanında ürün sayısını göstermek ve sıfır sonuç verecek değerleri pasifleştirmek veya gizlemek yaygın bir çözümdür. Böylece kullanıcı seçim yapmadan önce sonucu öngörebilir. ### Filtreler sayfa hızını etkiler mi? Etkileyebilir. Her filtre değişikliğinde tüm sayfanın yeniden yüklenmesi, özellikle mobilde bekleme süresini artırır. NN/g bu nedenle mobilde toplu filtrelemeyi, yani birkaç seçimi tek seferde uygulamayı önerir. Sonuçların sayfa yenilenmeden güncellenmesi de deneyimi hızlandırır. ## Kaynaklar - [E-Commerce Product Lists and Filtering UX (Baymard Institute)](https://baymard.com/research/ecommerce-product-lists) - [Consider Promoting Important Filters (Baymard Institute)](https://baymard.com/blog/promoting-product-filters) - [Filtering UX: Display Applied Filters in an Overview (Baymard Institute)](https://baymard.com/blog/how-to-design-applied-filters) - [User Intent Affects Filter Design (Nielsen Norman Group)](https://www.nngroup.com/articles/applying-filters/) - [Mobile Faceted Search with a Tray (Nielsen Norman Group)](https://www.nngroup.com/articles/mobile-faceted-search/)