WooCommerce ürün filtreleme, müşterinin geniş bir katalog içinde renk, beden, fiyat, kategori, stok durumu veya puan gibi ölçütlerle doğru ürüne ulaşmasını sağlar. İyi bir filtre sistemi yalnızca ekrana birkaç kutu koymak değildir; ürün verisinin tutarlı olması, filtrelerin doğru ürün listesini etkilemesi, mobil kullanım, boş sonuçlar, URL davranışı ve tarama bütçesi birlikte planlanmalıdır.
Bu rehberde önce öznitelik verisini hazırlayacak, ardından WooCommerce’in çekirdek Product Filters bloklarıyla filtre alanı kuracak ve son olarak performans ile teknik SEO kontrollerini uygulayacağız. Üçüncü taraf eklentiye geçmeden önce çekirdek çözümün mağazanızdaki gereksinimleri karşılayıp karşılamadığını test etmek, gereksiz bağımlılığı azaltır.
Filtre kurulumu ürün verisiyle başlar
Filtreler, ürünlere atanmış gerçek veriyi gösterir. Aynı özelliği “Siyah”, “siyah” ve “Black” şeklinde üç farklı değerle kaydettiğinizde müşteri bölünmüş seçenekler görür. Önce kategori, öznitelik ve terim sözlüğünü oluşturun; ardından ürün kayıtlarını bu sözlüğe göre düzenleyin.
Kategori, ürünün katalogdaki ana grubunu belirtir ve hiyerarşik olabilir. Renk, beden, malzeme veya kapasite gibi tekrar kullanılacak özellikleri Ürünler → Öznitelikler bölümünde global öznitelik olarak tanımlamak daha uygundur. Global yapı; yazım, sıralama, filtreleme ve WooCommerce varyasyonlu ürün kayıtları arasında tutarlılık sağlar.
Yalnızca ürün düzenleme ekranında oluşturulan özel öznitelikler tek ürüne aittir. Mağaza genelinde filtrelenecek bir özellik için global öznitelik kullanın. Sayısal değerlerde sıralama türünü doğru seçin; aksi hâlde ayakkabı bedeni gibi değerler 10, 11, 2 biçiminde sıralanabilir.
- Aynı anlama gelen terimleri birleştirin.
- Boş veya kullanılmayan öznitelikleri filtreye eklemeyin.
- Müşterinin karar vermesinde etkili olmayan teknik alanları göstermeyin.
- Her kategori için gerçekten ilgili filtreleri belirleyin.
Hangi filtreler kullanılmalı?
Her mağazaya aynı filtre setini eklemek gereksiz kalabalık yaratır. Giyim mağazasında beden ve renk; elektronik katalogda kapasite, ekran boyutu ve bağlantı türü; yedek parçada marka, model ve uyumluluk daha anlamlıdır. Filtreleri ürün ekibinin rahatlığına göre değil, müşterinin seçim sorularına göre tasarlayın.
WooCommerce çekirdeğindeki Product Filters bloğu; fiyat, puan, öznitelik, stok durumu ve kategori filtrelerini bir araya getirebilir. Aktif filtreler bölümü, müşterinin yaptığı seçimleri görmesini ve tek tek kaldırmasını sağlar. Puan filtresi, katalogda puanlanmış ürün yoksa ön yüzde görünmeyebilir; bu normal davranıştır.
Öznitelik filtresinde tekli veya çoklu seçim ve AND/OR koşulu bulunabilir. OR koşulunda “siyah veya beyaz” ürünler; AND koşulunda seçilen değerlerin birlikte karşılandığı ürünler hedeflenir. İstenen sonucu vermeyen koşul, çoğu zaman eklenti hatasından değil veri modelinden kaynaklanır.
WooCommerce Product Filters bloğu nasıl eklenir?
- Önce ürünlerde kullanılacak global öznitelikleri ve terimleri hazırlayın.
- Mağaza veya ürün arşivi şablonunu Site Düzenleyici içinden açın. Klasik tema kullanıyorsanız tema tarafından sunulan blok/widget alanını kontrol edin.
- Ürünleri gösteren Product Collection bloğunu belirleyin.
- Uygun kenar çubuğu veya üst alana Product Filters bloğunu ekleyin.
- İçine fiyat, öznitelik, kategori, stok veya puan filtrelerinden yalnızca gerekli olanları yerleştirin.
- Öznitelik filtresinde hedef özniteliği, seçim türünü, AND/OR koşulunu, ürün sayısını ve liste/chips görünümünü ayarlayın.
- Aktif filtreler ve tümünü temizleme kontrolünü görünür tutun.
- Şablonu kaydedin; kategori, arama ve mağaza sayfalarında ayrı ayrı test edin.
Product Filters bloğu bağlama duyarlıdır; çevresindeki Product Collection ile birlikte doğru ürün kümesini filtreler. Filtreyi rastgele bir sayfaya ekleyip farklı bir kısa kodun ürünlerini değiştirmesini beklemeyin. Ürün listesini tema veya eklenti özel sorguyla oluşturuyorsa uyumluluk belgesini kontrol etmek gerekir.
Klasik tema ve eski widget yapısında Filter Products by Attribute gibi eski bileşenler görülebilir. Çalışan bir mağazada bunları hemen kaldırmak zorunda değilsiniz. Önce kopya bir şablonda blok çözümünü deneyin, aynı filtre kombinasyonlarını karşılaştırın ve geçişi kontrollü yapın.
Mobil filtre deneyimi nasıl tasarlanmalı?
Masaüstünde kenar çubuğu uygun olabilirken mobilde aynı alan ürünleri ekranın altına itebilir. Filtreleri “Filtrele” düğmesiyle açılan panel veya akordeon içinde sunun. Düğmede aktif seçim sayısını göstermek, müşterinin filtrenin uygulandığını fark etmesini kolaylaştırır.
Dokunma alanlarını yeterli büyüklükte tutun; renk swatch’ını yalnızca renkle anlatmayın, metin etiketi de gösterin. Panel kapatıldığında seçimler korunmalı ve kullanıcı sonuç listesindeki konumunu kaybetmemelidir. “Filtreleri temizle” kontrolü panel içinde kolay ulaşılır olmalıdır.
Testi yalnızca cihaz emülasyonunda yapmayın. En az bir gerçek telefonda uzun öznitelik adlarını, çoklu seçimleri, fiyat kaydırıcısını, klavye odağını ve geri düğmesini deneyin. Filtre kontrollerinin klavyeyle seçilebildiğini ve ekran okuyucunun etiketleri anlayabildiğini doğrulayın.
Filtre sonuçları ve boş durumlar
Bir filtre değeri seçildiğinde ürün sayısı, aktif seçim ve sonuç listesi birbiriyle uyumlu olmalıdır. Stokta olmayan ürünleri mağaza genelinde gizliyorsanız stok filtresinin beklenen seçenekleri göstermemesi mümkündür. Fiyat filtresinde vergi gösterim ayarı ve değişken ürünlerin fiyat aralığı sonucu etkileyebilir.
Sıfır sonuçta boş beyaz alan yerine anlaşılır bir mesaj, aktif filtreler ve temizleme düğmesi gösterin. Müşteriyi otomatik olarak alakasız kategoriye yönlendirmeyin. Hangi seçimin sonucu daralttığını açıkça görmek, geri dönmeyi kolaylaştırır.
Ürünlerin öznitelikleri toplu içe aktarıldıysa terimlerin gerçekten global özniteliklere eşlendiğini kontrol edin. Veri temizliği için WooCommerce CSV ile toplu ürün yükleme rehberindeki eşleme ve örnek ürün kontrolünü uygulayın.
Performans ve önbellek kontrolü
Ürün sayısı tek başına eklenti seçme ölçütü değildir. Öznitelik sayısı, terim dağılımı, aynı anda seçilen filtreler, tema sorgusu, veritabanı ve hosting kapasitesi sonucu değiştirir. Önce en çok kullanılan kombinasyonları belirleyin ve bunların yanıt süresini ölçün.
“Bütün filtre URL’lerini önbellek dışında bırakın” veya “tamamını önbelleğe alın” gibi tek tip kural güvenilir değildir. Dinamik istekler yanlış önbellek anahtarıyla tutulursa kullanıcıya başka seçimlerin sonucu gösterilebilir; parametreleri doğru ayıran sayfa önbelleği ise yükü azaltabilir. LiteSpeed veya başka bir önbellek kullanıyorsanız aynı URL’yi farklı filtre değerleriyle, oturum açık ve kapalı olarak test edin.
Yavaşlık varsa önce ağ isteklerinin süresini, ardından sunucu yanıtını ve veritabanı sorgularını ayırın. Görsellerin ağır olması filtre sorgusundan bağımsız olarak sonuçların geç görünmesine neden olabilir. Genel mağaza performansı için WooCommerce yavaşlama sorunu rehberindeki ölçüm sırasını izleyin.
Filtre URL’leri için teknik SEO kararı
Filtreli gezinme çok sayıda parametre ve kombinasyon URL’si üretebilir. Google, değeri olmayan faceted navigation adreslerinin aşırı taramaya ve yeni sayfaların daha yavaş keşfedilmesine yol açabileceğini belirtir. Ancak çözüm her filtre adresine gelişigüzel “noindex” eklemek değildir; önce hangi sayfaların arama talebini karşılayan bağımsız açılış sayfası olması gerektiğini belirleyin.
Arama değeri olmayan kombinasyonları taratmak istemiyorsanız URL parametre yapısını belgelendirin ve robots.txt, bağlantı davranışı ile canonical stratejisini teknik olarak birlikte değerlendirin. Robots.txt ile engellenen bir URL’nin üzerindeki noindex etiketi tarayıcı tarafından görülemeyebilir. Canonical ise talimat değil sinyaldir ve tek başına tarama patlamasını hemen durdurmayabilir.
İndekslenmesini istediğiniz seçili kategori/öznitelik sayfalarında benzersiz başlık, açıklama, kararlı URL, iç bağlantı ve gerçek ürün sonucu bulunmalıdır. Boş veya anlamsız kombinasyonların uygun HTTP durumunu döndürmesini kontrol edin. Ürün listeleme sayfalarının başlık ve canonical yapısını WooCommerce ürün sayfası SEO ayarları ile karıştırmayın; ikisi farklı şablon ve arama niyetidir.
Yayın öncesi test matrisi
- Her filtre tek başına doğru ürünleri getiriyor mu?
- İki ve üç filtrenin AND/OR sonucu beklendiği gibi mi?
- Aktif filtreler görünür ve tek tek kaldırılabilir mi?
- Sıfır sonuç ekranında temizleme kontrolü var mı?
- Sıralama ve sayfalama filtre seçimlerini koruyor mu?
- Mobil panel açılıyor, kapanıyor ve geri düğmesi doğru çalışıyor mu?
- Filtre URL’si yeni sekmede açıldığında aynı sonuç yükleniyor mu?
- Önbellek farklı kullanıcılara yanlış kombinasyon göstermiyor mu?
- Canonical, robots ve meta robots çıktısı SEO kararınızla uyumlu mu?
Sıkça sorulan sorular
WooCommerce için ayrıca filtre eklentisi gerekir mi?
Her zaman gerekmez. Çekirdek Product Filters blokları fiyat, öznitelik, stok, puan ve kategori gibi temel ihtiyaçları karşılayabilir. Özel tema sorgusu veya gelişmiş indeksleme gerekiyorsa uyumlu bir uzantı değerlendirilebilir.
Filtrede ürün özniteliği neden görünmüyor?
En az bir ürüne ilgili global öznitelik ve terim atanmış olmalıdır. Ürüne özel öznitelikler mağaza genelindeki filtrelerde beklenen şekilde kullanılamayabilir.
AND ve OR seçimi arasındaki fark nedir?
OR, seçilen değerlerden herhangi birini taşıyan ürünleri; AND ise seçilen koşulları birlikte karşılayan ürünleri hedefler. Ürün veri modeline göre AND sıfır sonuç üretebilir.
Tüm filtre URL’leri noindex yapılmalı mı?
Hayır, karar siteye göre verilmelidir. Değersiz kombinasyonların taranmasını sınırlandırmak gerekirken arama talebini karşılayan, benzersiz ve kararlı bazı açılış sayfaları indekslenebilir.
Filtre yavaşsa ilk ne kontrol edilmeli?
Aynı kombinasyonun ağ ve sunucu yanıt sürelerini ayırın; ardından tema sorgusu, veritabanı, önbellek anahtarı ve görsel yükünü inceleyin. Ölçüm yapmadan eklenti değiştirmeyin.
Sonuç ve resmi kaynaklar
Sağlıklı ürün filtreleme; temiz global öznitelikler, doğru katalog bağlamı, sade mobil arayüz ve ölçülmüş performans üzerine kurulur. Filtre URL’lerinin SEO davranışı da eklentinin varsayılanına bırakılmamalı; hangi kombinasyonların taranacağı ve indeksleneceği bilinçli olarak belirlenmelidir.
Kurulum ayrıntıları için WooCommerce’in Product Filters block ve kategori ve öznitelik yönetimi dokümanlarını; tarama stratejisi için Google’ın faceted navigation rehberini inceleyebilirsiniz.
