E-ticaret sitesinde ürün filtreleme sistemi, kullanıcının yüzlerce ürün arasından kendine uygun olanı hızlıca bulmasını sağlar. Filtreler zayıfsa kullanıcı kategori sayfasında kaybolur, ürünleri tek tek taramak zorunda kalır ve karar vermeden siteden çıkabilir. Bu yüzden filtre yapısı yalnızca tasarım detayı değil, satış ve kullanıcı deneyimi kararının merkezindedir.
E-ticaret sitesinde ürün filtreleme sistemi, ürün verisi, kategori yapısı, varyant mantığı, mobil kullanım, sayfa hızı ve SEO birlikte düşünülerek tasarlanmalıdır. Sadece “renk, beden, fiyat” seçeneklerini yan menüye koymak yeterli değildir. Hangi kategoride hangi filtre görünecek, filtre değerleri nasıl yazılacak, seçilen filtreler URL’ye nasıl yansıyacak ve Google bu sayfaları nasıl tarayacak? Bu sorular baştan netleştirilmelidir.
Özellikle e-ticaret projesinde ürün sayısı arttıkça filtreleme sistemi kullanıcıya rehberlik eder. Kullanıcı aradığı ürüne daha hızlı yaklaşır; işletme tarafında ise ürün verisinin ne kadar düzenli tutulduğu görünür hale gelir.
Ürün filtreleme sistemi nedir?
Ürün filtreleme sistemi, kullanıcının ürün listesini belirli özelliklere göre daraltmasını sağlayan arayüz ve veri yapısıdır. Fiyat aralığı, marka, renk, beden, numara, malzeme, stok durumu, puan, teslimat seçeneği, kategori veya teknik özellikler filtre olarak kullanılabilir. Amaç, kullanıcının ilgilenmediği ürünleri listeden çıkarmak ve karar alanını küçültmektir.
Baymard Institute, ürün listesi ve filtreleme UX araştırmalarında kullanıcıların ürünleri tarama, değerlendirme, filtreleme ve sıralama davranışlarını geniş ölçekte incelediklerini belirtir Baymard Institute. Nielsen Norman Group ise faceted search için filtre kategorilerinin ve değerlerinin uygun, tahmin edilebilir, jargon içermeyen ve önceliklendirilmiş olması gerektiğini açıklar Nielsen Norman Group.
Filtreler kategoriye göre değişmeli mi?
Evet. Her kategoride aynı filtreleri göstermek genellikle zayıf deneyim üretir. Bir ayakkabı kategorisinde numara, renk, cinsiyet, taban tipi ve kullanım amacı önemli olabilir. Bir laptop kategorisinde işlemci, RAM, depolama, ekran boyutu ve ekran kartı daha değerlidir. Bir kozmetik kategorisinde cilt tipi, ton, hacim ve içerik özelliği öne çıkar.
Bu yüzden filtre sistemi kategori bazlı planlanmalıdır. Tüm site genelinde ortak filtreler olabilir; fakat her kategoriye özgü karar kriterleri ayrı tanımlanmalıdır. Aksi halde kullanıcıya ilgisiz filtreler gösterilir, önemli seçenekler gizlenir ve filtre paneli kalabalıklaşır.
| Kategori | Önemli filtreler | Neden önemli? | Dikkat noktası |
|---|---|---|---|
| Moda / tekstil | Beden, renk, kumaş, kalıp, cinsiyet | Kullanıcı ürünü kişisel uyuma göre seçer. | Beden stokla bağlantılı olmalıdır. |
| Ayakkabı | Numara, renk, kullanım tipi, taban, marka | Yanlış numara iade riskini artırır. | Tükenen numaralar net gösterilmelidir. |
| Elektronik | Marka, işlemci, RAM, hafıza, ekran boyutu | Karar teknik özelliklerle verilir. | Değer adları standart yazılmalıdır. |
| Mobilya | Ölçü, malzeme, renk, oda tipi, teslimat | Kullanıcı alanına uygun ürün arar. | Ölçü birimleri tutarlı olmalıdır. |
| Kozmetik | Cilt tipi, ton, içerik, hacim, kullanım amacı | Kişisel uygunluk öne çıkar. | Jargon yerine anlaşılır değerler kullanılmalıdır. |
| Yedek parça | Model uyumu, marka, yıl, teknik ölçü | Uyumsuz ürün ciddi iade doğurur. | Uyumluluk verisi çok temiz tutulmalıdır. |
Filtre yapısı ürün verisiyle başlar
Filtreleme sisteminin kalitesi, ürün verisinin kalitesine bağlıdır. Panelde aynı renk bazen “lacivert”, bazen “Laci”, bazen “navy”, bazen “koyu mavi” yazılıyorsa filtre sonuçları bölünür. Kullanıcı lacivert ürünleri tek filtrede göremez. Aynı sorun beden, ölçü, malzeme, marka ve teknik özelliklerde de yaşanır.
Bu nedenle filtre tasarımından önce ürün özellik sözlüğü hazırlanmalıdır. Hangi özellikler kullanılacak, değerler nasıl yazılacak, hangi kategoride hangi özellik zorunlu olacak, varyant değerleri filtreye nasıl yansıyacak? Bu kararlar netleşmeden filtre arayüzü tasarlamak, vitrini düzenleyip depoyu dağınık bırakmaya benzer.
E-ticaret sitesi kurulumu sırasında ürün veri modeli doğru kurulursa filtre sistemi daha sonra büyüyebilir. Aksi halde ürün sayısı arttıkça panelde temizlik yapmak zorlaşır ve filtreler kullanıcıya güven vermeyen sonuçlar üretir.
Örnek özellik sözlüğü
Basit bir özellik sözlüğü şöyle olabilir: Renk değerleri “Siyah, Beyaz, Lacivert, Bej, Gri” olarak sabitlenir. Beden değerleri “XS, S, M, L, XL” sırasıyla tutulur. Malzeme değerleri “Pamuk, Keten, Polyester, Deri” olarak yazılır. Aynı değerin farklı yazımları panele girilemez. Bu örnek kurgusaldır; gerçek sözlük kategori ve ürün yapısına göre hazırlanmalıdır.
Filtre arayüzünde hangi bilgiler görünmeli?
Kullanıcı filtre panelini açtığında hangi seçeneklerin seçili olduğunu, kaç ürün kaldığını, filtreleri nasıl temizleyeceğini ve seçimin hemen uygulanıp uygulanmayacağını anlamalıdır. Özellikle mobilde filtre paneli genellikle gizli olduğu için seçili filtrelerin kategori sayfası üzerinde açıkça gösterilmesi gerekir.
Baymard’ın e-ticaret filtre UI rehberi, etkili filtrelemenin kullanıcıların geniş ürün listelerini daha yönetilebilir hale getirmesine yardımcı olduğunu ve ürüne giden yolu kısalttığını açıklar Baymard Filter UI. Bu nedenle filtre paneli yalnızca güzel görünmek için değil, karar süresini kısaltmak için tasarlanmalıdır.
- Seçili filtreler: Kullanıcı hangi filtreleri uyguladığını açıkça görmelidir.
- Sonuç sayısı: Filtre seçimi sonrası kaç ürün kaldığı belirtilmelidir.
- Temizle butonu: Tüm filtreleri ve tek tek filtreleri kaldırmak kolay olmalıdır.
- Pasif değerler: Sonuç üretmeyen seçenekler gizlenebilir veya pasif gösterilebilir.
- Sıralama: Filtreleme ile fiyat, popülerlik veya yenilik sıralaması karıştırılmamalıdır.
- Arama içinde filtre: Çok uzun marka veya model listelerinde filtre değerleri içinde arama sunulabilir.
Mobil filtreleme deneyimi nasıl tasarlanmalı?
Mobilde filtreleme en kritik alanlardan biridir; çünkü ekran dar, ürün kartları dikey ve filtre paneli çoğu zaman gizlidir. Kullanıcı filtreye ulaşmak için sayfanın en altına inmek zorunda kalmamalıdır. “Filtrele” butonu görünür olmalı, seçili filtre sayısı buton üzerinde belirtilebilmeli ve panel açıldığında kullanıcı kolayca seçim yapabilmelidir.
Mobil filtre panelinde tüm seçenekleri aynı anda göstermek yerine kategoriye göre gruplama yapılabilir. Örneğin “Beden”, “Renk”, “Fiyat”, “Marka” başlıkları açılır kapanır şekilde düzenlenebilir. Uygula ve temizle butonları sabit konumda kalabilir. Böylece kullanıcı uzun filtre listesinin içinde kaybolmaz.
UI/UX tasarım hizmeti açısından mobil filtre, masaüstü filtrenin küçültülmüş hali olmamalıdır. Mobilde dokunma alanı, panel yüksekliği, geri dönüş davranışı, seçili filtre etiketleri ve ürün listesine geri dönme akışı ayrı tasarlanmalıdır.
Filtreleme ile sıralama karıştırılmamalı
Filtreleme, ürün listesini daraltır. Sıralama ise kalan ürünlerin dizilişini değiştirir. Kullanıcı “siyah ayakkabılar” filtresini seçtiğinde liste daralır; “fiyata göre artan” sıralamasını seçtiğinde aynı ürünler farklı sıraya dizilir. Bu ayrım arayüzde net olmalıdır.
Özellikle mobilde filtre ve sıralama aynı panelde karışık verildiğinde kullanıcı yanlış seçim yapabilir. Daha temiz yaklaşım, iki ayrı buton veya panel kullanmaktır: “Filtrele” ve “Sırala”. Böylece kullanıcı ürünleri azaltmak mı, dizilişi değiştirmek mi istediğini daha net yönetir.
SEO tarafında faceted navigation riski
Filtreleme sistemi SEO için dikkatli tasarlanmalıdır. Filtreler URL’ye kontrolsüz parametreler üretirse aynı kategori için binlerce kombinasyon oluşabilir: renk, beden, marka, fiyat, sıralama, stok durumu ve sayfalama birleştiğinde arama motorlarının tarayacağı URL sayısı hızla büyür.
Google Search Central, faceted navigation’ın kullanıcıların aradığını bulmasına yardımcı olabileceğini; ancak dikkatli uygulanmazsa neredeyse sonsuz URL üreterek tarama açısından sorun çıkarabileceğini açıklar Google Search Central. Google’ın faceted navigation dokümanı da indekslenmesi gerekmeyen filtreli URL’lerde taramayı yönetme seçeneklerini anlatır Google Crawling Docs.
Bu nedenle teknik SEO danışmanlığı tarafında hangi filtre kombinasyonlarının indexlenebilir olacağı, hangilerinin noindex veya robots kurallarıyla sınırlandırılacağı, canonical yapısının nasıl çalışacağı ve sitemap’e hangi URL’lerin gireceği baştan belirlenmelidir.
| URL türü | Örnek | SEO kararı | Gerekçe |
|---|---|---|---|
| Ana kategori | /ayakkabi | Indexlenebilir | Ana kategori arama niyetini karşılar. |
| Değerli alt kategori | /ayakkabi/spor-ayakkabi | Indexlenebilir | Bağımsız arama niyeti olabilir. |
| Tek güçlü filtre | /ayakkabi?renk=siyah | Duruma bağlı | Arama hacmi ve içerik değeri varsa değerlendirilebilir. |
| Çoklu filtre kombinasyonu | /ayakkabi?renk=siyah&beden=42&marka=x | Genellikle indexlenmez | Çok sayıda düşük değerli URL üretebilir. |
| Sıralama parametresi | /ayakkabi?sort=price_asc | Indexlenmemeli | İçerik aynı, yalnızca sıra değişir. |
| Sayfalama | /ayakkabi?page=2 | Yapıya göre yönetilir | Kategori erişimi ve tarama bütçesi birlikte düşünülür. |
Filtre performansı ve sayfa hızı nasıl korunmalı?
Filtreler kullanıcıya hızlı yanıt vermelidir. Her filtre seçimi sayfayı ağır şekilde yeniden yükletiyorsa kullanıcı deneyimi zayıflar. Ancak tüm ürün verisini ilk yüklemede tarayıcıya göndermek de performans sorunu oluşturabilir. Doğru çözüm ürün sayısı, kategori yapısı ve teknik altyapıya göre seçilmelidir.
Yüksek ürün sayısına sahip e-ticaret sitelerinde filtre sonuçları sunucu tarafında hesaplanabilir, arama altyapısı kullanılabilir veya API üzerinden kademeli veri çekilebilir. Önemli olan kullanıcının seçim sonrası bekleme süresini azaltmak ve sayfanın kilitlenmesini önlemektir.
Web sitesi hız optimizasyonu açısından filtre paneli, ürün kartları, görseller ve sonuç güncelleme akışı birlikte test edilmelidir. Çok fazla JavaScript, büyük görseller veya kontrolsüz API istekleri kategori sayfasını yavaşlatabilir.
Filtre değerleri nasıl sıralanmalı?
Filtre değerlerini alfabetik sıralamak her zaman doğru değildir. Marka listesinde alfabetik sıralama işe yarayabilir; fakat beden, numara, fiyat aralığı veya popüler özelliklerde mantıksal sıralama gerekir. “XS, S, M, L, XL” alfabetik değil, kullanım sırasına göre gösterilmelidir. Ayakkabı numaraları küçükten büyüğe dizilmelidir.
Popüler filtreler üstte gösterilebilir. Örneğin elektronik kategorisinde kullanıcıların en çok seçtiği RAM ve depolama seçenekleri öne alınabilir. Ancak bu karar veriye dayanmalıdır. Çok kullanılan filtreleri öne çıkarmak kullanıcıyı hızlandırır; az kullanılan veya karışıklık yaratan filtreleri aşağı almak paneli sadeleştirir.
Örnek filtre planı: ayakkabı kategorisi
Bir ayakkabı kategorisi için filtre planı şu şekilde kurulabilir: Önce cinsiyet, kullanım tipi, numara ve marka gibi temel karar filtreleri gösterilir. Ardından renk, materyal, taban tipi, sezon ve fiyat aralığı gelir. Stok durumu ve hızlı teslimat gibi operasyonel filtreler de kullanıcı için önemliyse eklenebilir.
| Filtre | Değer örnekleri | Veri kaynağı | Arayüz tipi |
|---|---|---|---|
| Numara | 36, 37, 38, 39, 40, 41, 42 | Varyant stokları | Buton grubu |
| Renk | Siyah, beyaz, bej, lacivert | Ürün/varyant özelliği | Renk swatch + metin |
| Marka | Marka A, Marka B | Ürün markası | Checkbox + arama |
| Fiyat | 0-500, 500-1000, 1000+ | Satış fiyatı | Aralık seçici |
| Kullanım tipi | Koşu, günlük, yürüyüş | Kategori özelliği | Checkbox |
| Stok durumu | Stokta var, hızlı teslimat | Stok/kargo verisi | Anahtar seçenek |
Filtre sistemi için proje öncesi checklist
Filtre sistemi tasarlamadan önce ürün, pazarlama, yazılım, SEO ve operasyon ekipleri birlikte aşağıdaki soruları yanıtlamalıdır. Bu cevaplar filtre panelinin hem kullanıcı hem teknik tarafını daha sağlıklı kurar.
- Her kategori için en önemli satın alma kriterleri belirlendi mi?
- Ürün özellikleri standart bir sözlükle tutuluyor mu?
- Renk, beden, numara gibi varyant değerleri stokla bağlantılı mı?
- Mobilde filtre paneli ayrı tasarlandı mı?
- Seçili filtreler ürün listesinde görünür olacak mı?
- Filtre sonuç sayısı ve temizleme akışı net mi?
- Çoklu filtre kombinasyonları SEO açısından nasıl yönetilecek?
- Hangi filtreli URL’ler indexlenebilir olacak?
- Filtreleme performansı yüksek ürün sayısında test edildi mi?
- Filtre kullanım verisi raporlanacak mı?
Sık yapılan ürün filtreleme hataları
En yaygın hata, her kategoride aynı filtreleri göstermektir. Kullanıcı ilgisiz seçenekler arasında aradığı filtreyi bulamaz. İkinci hata, ürün özelliklerini standartlaştırmadan filtre paneli açmaktır. “Siyah” ve “siyah renk” gibi farklı değerler aynı ürün grubunu böler.
Üçüncü hata, mobil filtreyi masaüstünden kopyalamaktır. Dördüncü hata, SEO tarafını düşünmeden her filtre kombinasyonunu indexlenebilir URL’ye dönüştürmektir. Beşinci hata ise filtre kullanımını ölçmemektir. Hangi filtreler kullanılıyor, hangi filtreler sonuçsuz kalıyor, kullanıcı hangi kombinasyonlarda çıkıyor? Bu veriler olmadan filtre sistemi gelişemez.
| Hata | Sonuç | Doğru yaklaşım |
|---|---|---|
| Tüm kategorilere aynı filtreleri koymak | Kullanıcı gereksiz seçeneklerle yorulur. | Kategori bazlı filtre planı yapılır. |
| Standartsız ürün verisi | Filtre değerleri bölünür ve güven azalır. | Özellik sözlüğü oluşturulur. |
| Seçili filtreleri göstermemek | Kullanıcı neyi daralttığını unutabilir. | Seçili filtre etiketleri görünür yapılır. |
| Mobil paneli ihmal etmek | Mobil kullanıcı filtreyi kullanamaz. | Mobil filtre akışı ayrıca tasarlanır. |
| Filtreli URL’leri kontrolsüz açmak | Tarama ve index karmaşası oluşabilir. | Faceted navigation SEO planı yapılır. |
| Performansı test etmemek | Kategori sayfası yavaşlar. | API, önbellek ve sorgu optimizasyonu yapılır. |
Filtreleme verisi nasıl raporlanmalı?
Filtre sistemi yayına alındıktan sonra kendi haline bırakılmamalıdır. Hangi filtreler en çok kullanılıyor, hangi filtre kombinasyonları sonuçsuz kalıyor, kullanıcı filtre uyguladıktan sonra ürüne tıklıyor mu, sepete ekleme oranı nasıl değişiyor? Bu sorular düzenli raporlanmalıdır.
E-ticaret dönüşüm optimizasyonu açısından filtre kullanım verisi çok değerlidir. Kullanıcılar sürekli “42 numara siyah” arıyor ama sonuç bulamıyorsa stok veya tedarik kararı çıkabilir. “Hızlı teslimat” filtresi yüksek dönüşüm sağlıyorsa kategori sayfasında daha görünür hale getirilebilir.
Sonuç: iyi filtre sistemi ürün bulmayı değil, karar vermeyi kolaylaştırır
E-ticaret sitesinde ürün filtreleme sistemi, kullanıcıyı ürün kalabalığından kurtaran en önemli yapılardan biridir. Ancak iyi filtre yalnızca çok seçenek sunmak değildir. Doğru kategoriye doğru filtreyi koymak, ürün verisini standart tutmak, mobil deneyimi ayrı tasarlamak, performansı korumak ve SEO tarafında faceted navigation riskini yönetmek gerekir.
Sağlıklı filtre sistemi, kullanıcıya daha hızlı karar aldırır; işletmeye ise ürün verisi, stok, kategori ve satış davranışı hakkında güçlü sinyaller sunar. Bu yüzden filtreleme, e-ticaret sitesinin küçük bir yan menüsü değil; ürün keşfi, dönüşüm ve teknik mimarinin kesiştiği stratejik bir alandır.
Sıkça Sorulan Sorular
E-ticaret sitesinde ürün filtreleme sistemi nedir?
Ürün filtreleme sistemi, kullanıcının ürün listesini fiyat, marka, renk, beden, numara, stok durumu, malzeme, teknik özellik veya teslimat seçeneği gibi kriterlere göre daraltmasını sağlayan yapıdır. Amaç kullanıcının yüzlerce ürün arasında kaybolmasını önlemek ve doğru ürüne daha hızlı ulaşmasını sağlamaktır. İyi filtre sistemi ürün verisi, kategori yapısı, mobil deneyim, hız ve SEO ile birlikte planlanmalıdır.
Her kategoride aynı filtreler kullanılmalı mı?
Hayır. Her kategoride aynı filtreleri göstermek çoğu zaman kullanıcı deneyimini zayıflatır. Ayakkabı kategorisinde numara ve taban tipi önemliyken, elektronik kategorisinde RAM, işlemci ve depolama daha önemlidir. Filtreler kategoriye göre belirlenmeli, kullanıcıların o kategoride gerçekten karar verirken kullandığı kriterler öne çıkarılmalıdır. Genel filtreler olabilir; ancak kategoriye özel filtreler mutlaka planlanmalıdır.
Filtre sistemi için ürün verisi neden önemlidir?
Filtre sistemi ürün verisinin düzenine bağlı çalışır. Aynı renk farklı ürünlerde “lacivert”, “Laci” ve “navy” gibi yazılırsa filtreler bölünür ve kullanıcı tüm ürünleri tek yerde göremez. Bu yüzden ürün özellikleri için standart sözlük oluşturulmalı, renk, beden, ölçü, malzeme ve marka değerleri tutarlı tutulmalıdır. Veri ne kadar temizse filtre deneyimi de o kadar güvenilir olur.
Mobilde ürün filtreleme nasıl tasarlanmalı?
Mobilde filtre paneli genellikle gizli olduğu için “Filtrele” butonu görünür olmalı, seçili filtre sayısı kullanıcıya gösterilmeli ve panel açıldığında filtre grupları rahat kullanılmalıdır. Uygula ve temizle butonları kolay erişilebilir olmalı, seçili filtreler ürün listesine dönüldüğünde etiket olarak görünmelidir. Mobil filtre, masaüstü yan menünün küçültülmüş hali değil, ayrı bir kullanıcı akışı olarak tasarlanmalıdır.
Filtreli URL’ler SEO açısından riskli mi?
Evet, kontrolsüz filtreli URL’ler SEO açısından risk oluşturabilir. Renk, beden, marka, fiyat, sıralama ve sayfalama parametreleri birleştiğinde aynı kategori için çok sayıda düşük değerli URL oluşabilir. Bu durum tarama bütçesini ve indeks kalitesini etkileyebilir. Hangi filtreli sayfaların indexlenebileceği, hangilerinin noindex veya robots kurallarıyla sınırlandırılacağı teknik SEO planında belirlenmelidir.
Ürün filtreleme sistemi yayından sonra ölçülmeli mi?
Evet. Filtre sistemi yayına alındıktan sonra hangi filtrelerin kullanıldığı, hangi kombinasyonların sonuçsuz kaldığı, kullanıcıların filtre sonrası ürüne tıklayıp tıklamadığı ve filtre kullanımının sepete eklemeyi nasıl etkilediği izlenmelidir. Bu veriler stok, kategori, ürün verisi ve tasarım kararlarını geliştirmek için kullanılabilir. Filtre sistemi sabit değil, veriyle iyileştirilen bir yapıdır.
