WooCommerce Ürün Filtreleme Sistemi Nasıl Kurulur?

WooCommerce ürün filtreleme konusu, özellikle içerik üreticileri ve e-ticaret sitesi sahipleri için vazgeçilmez bir rehber niteliğindedir. Bu yazıda WooCommerce ürün filtreleme ile ilgili tüm teknik detayları, en sık karşılaşılan hataları ve kanıtlanmış çözüm yollarını paylaşacağım. WooCommerce ürün filtreleme sistemi, büyük kataloglu mağazalarda müşteri deneyimini belirleyen en önemli özelliklerden biridir. Doğru kurgulanmış bir filtre, dönüşüm oranını %20-30 artırabilir.

Yazının tamamını okuduğunuzda woocommerce ürün filtreleme konusunda uçtan uca bilgi sahibi olacak, kendi sitenizde aynı adımları güvenle uygulayabileceksiniz. Aşağıdaki bölümlerde hazırlık, adım adım uygulama, hata çözümü ve kontrol listesi sırasıyla ele alınmıştır.

WooCommerce ürün filtreleme nedir ve neden önemlidir?

Filtre sistemi kurmaya başlamadan önce mağazanızdaki ürün çeşitliliğini, müşteri segmentlerini ve arama davranışlarını analiz etmeniz gerekir. Yanlış kurulan bir filtre, müşteriyi ürün bulmaktan daha çok uzaklaştırır. Doğru planlama, ileride geri dönüşü zor olan mimari kararların önüne geçer.

Ürün sayısı: Mağazanızda 50’den az ürün varsa filtre yerine güçlü bir arama motoru yeterli olabilir. 100+ ürün için filtre zorunludur. 1000+ ürün için profesyonel filtre çözümleri şarttır.

Filtre kriterleri: Kategori, fiyat aralığı, renk, beden, marka, malzeme en sık kullanılan filtrelerdir. Hangi kriterlerin müşterileriniz için kritik olduğunu belirlemek için 3 aylık arama verilerini inceleyin.

URL yapısı: SEO uyumu için filtre URL’leri anlamlı olmalı. /shop?filter_renk=kırmızı&filter_beden=m yerine /shop/renk/kirmizi/beden/m/ yapısı tercih edilir.

Mobil uyum: Mobilde filtre paneli açılır/kapanır olmalı, aynı anda tüm filtreler gösterilmemelidir. Drawer/slide-out paneli mobil için idealdir.

Performans: 1000+ ürün için filtreleme sorguları yavaşlayabilir. AJAX tabanlı filtre ve sunucu tarafı cache kullanmak gerekir. WP_Query yerine SQL tabanlı çözümler çok daha hızlıdır.

Cache stratejisi: Filtre sonuçları cache’lenmemelidir. WP Rocket veya LiteSpeed Cache eklentisinde filtre URL’lerini cache dışında bırakın. Aksi halde tüm kullanıcılara aynı sonuç gösterilir.

UX araştırması: Kullanıcı testi yaparak en çok aranan filtre kombinasyonlarını tespit edin. Hotjar veya Microsoft Clarity ile kullanıcı davranışlarını inceleyin.

WooCommerce ürün filtreleme nasıl yapılır?

Hazırlık tamamlandıktan sonra WooCommerce mağazanızda filtre sistemi kurmak için iki temel yol vardır: yerleşik widget’lar veya profesyonel eklentiler. Aşağıdaki adımlar her iki yöntem için de uygulanabilir.

Yöntem 1 — Yerleşik widget’lar: WordPress → Görünüm → Widgets bölümünden ‘Filter Products by Attribute’, ‘Filter Products by Price’ ve ‘Product Categories’ widget’larını sidebar’a ekleyin. Bu yöntem küçük mağazalar için yeterlidir ancak gelişmiş filtre mantığı (örn: AND/OR kombinasyonları) sunmaz.

Yöntem 2 — Eklenti kullanımı: ‘FacetWP’, ‘JetSmartFilters’, ‘WOOF’ (WooCommerce Products Filter) veya ‘Product Filter by WooBeWoo’ gibi eklentiler profesyonel filtre deneyimi sunar. Bu eklentiler AJAX ile anlık filtreleme, fiyat slider, çoklu seçim ve renk/resim swatch desteği sağlar.

Adım adım WOOF kurulumu: 1) WOOF eklentisini kurun ve etkinleştirin. 2) WOOF → Settings → General’da ‘Try to ajaxify the form’ seçeneğini etkinleştirin. 3) ‘Shortcode’ sekmesinden [woof] shortcode’unu mağaza sayfasına ekleyin. 4) ‘Taxonomies’ sekmesinden filtrelemek istediğiniz öznitelikleri seçin.

Filtre sonuç URL’leri: SEO uyumlu URL’ler için eklentinin ‘Permalink mode’ ayarını ‘PERMALINK’ olarak değiştirin. /shop/?swoof=1&pa_renk=kirmizi yerine /shop/renk/kirmizi/ kullanılır.

Cache uyumu: Filtre sonuçları cache’lenmemelidir çünkü her kullanıcı farklı kombinasyon kullanır. WP Rocket veya LiteSpeed Cache eklentilerinde filtre URL’lerini cache dışında bırakın.

FacetWP kurulumu: 1) Eklentiyi kurun, lisans anahtarını girin. 2) ‘FacetWP → Settings → Facets’ bölümünden yeni facet oluşturun (checkbox, dropdown, slider). 3) Tema şablonuna facet kısa kodunu ekleyin. 4) ‘Indexing’ sekmesinden ürünleri indexleyin.

1. Filtre eklentisini (WOOF, FacetWP veya JetSmartFilters) kurun ve etkinleştirin.
2. Eklenti ayarlarından AJAX filtreleme seçeneğini etkinleştirin.
3. Filtrelemek istediğiniz ürün özniteliklerini (attributes) WooCommerce’da tanımlayın.
4. Eklenti ayarlarından bu öznitelikleri filtre kriteri olarak seçin.
5. Filtre panelini mağaza sayfasına uygun konumda (sidebar veya üst bar) ekleyin.
6. SEO uyumlu URL modunu etkinleştirin.
7. Cache eklentisinde filtre URL’lerini cache dışında bırakın.
8. Mobil uyumu test edin; gerekirse drawer/slide-out paneli kullanın.
9. Google Search Console’da filtre sayfalarını noindex olarak işaretleyin.

WooCommerce ürün filtreleme ayarları ve dikkat edilmesi gerekenler

Filtre sisteminde en sık karşılaşılan hatalar performans, URL çakışması ve tema uyumsuzluğudur. Aşağıdaki çözümler bu sorunların çoğunu giderir.

Filtreleme çok yavaş: 1000+ ürün için filtreleme sorguları optimize edilmelidir. WP_Query yerine doğrudan SQL kullanan eklentiler (örn: FacetWP) çok daha hızlıdır.

Filtre sonuçları cache’leniyor: Cache eklentisinin ayarlarından filtre URL parametrelerini (örn: pa_renk, pa_beden) cache dışında bırakın.

Tema ile çakışıyor: Filtre eklentisi temanın ürün döngüsü şablonuyla uyumlu olmalıdır. WooCommerce uyumlu olduğunu belgeleyen eklentileri tercih edin.

Mobilde filtre görünmüyor: Tema mobilde sidebar’ı gizliyorsa filtre de görünmez. ‘Mobil filtre’ butonu ekleyin veya drawer/slide-out paneli kullanın.

Filtre sonucu 0 ürün gösteriyor: Ürün öznitelik değerleri tutarsız olabilir. WooCommerce → Products → Attributes’tan tüm ürünlerin aynı öznitelik kümesine sahip olduğunu doğrulayın.

Filtre sayfaları indexleniyor: Binlerce filtre URL’si Google’da indexlenirse yinelenen içerik sorunu ortaya çıkar. Filtre sayfalarına ‘noindex’ meta etiketi ekleyin.

SEO uyumu bozuk: Permalink mode etkin değilse URL’ler ?filter_renk=kirmizi gibi karmaşık yapıda olur. Bu durum SEO’yu olumsuz etkiler.

WooCommerce ürün filtreleme kontrol listesi ve sık sorulan sorular

WooCommerce ürün filtreleme için filtre sistemini yayına almadan önce aşağıdaki kontrol listesini gözden geçirin.

Tüm filtreler beklenen sonuçları getiriyor mu (test senaryolarıyla)?

Mobilde filtre paneli düzgün açılıyor ve kapanıyor mu?

URL yapısı SEO uyumlu ve anlamlı mı?

Sayfa yükleme hızı 2 saniyenin altında mı?

Boş filtre sonuçları için ‘Ürün bulunamadı’ mesajı görünüyor mu?

Filtre sıfırlama butonu çalışıyor mu?

Aynı anda birden fazla filtre uygulandığında performans düşüşü var mı?

Filtre sayfaları Google’da noindex olarak işaretli mi?

Filtre URL’leri sosyal medyada paylaşılabilir mi?

Sıkça Sorulan Sorular

Filtre eklentisi ücretsiz mi?
Temel filtre ihtiyaçları için ücretsiz eklentiler (WOOF, JetSmartFilters lite) yeterlidir. Gelişmiş özellikler (slider, swatch, AJAX) için premium sürümler gerekir.

Filtre URL’leri SEO için nasıl optimize edilir?
Permalink mode’u etkinleştirin, slug’ları anlamlı tutun, sayfalama için rel=’next’ ve rel=’prev’ etiketlerinin eklenti tarafından eklendiğini doğrulayın.

Filtre sonuçları Google’da indexlenmeli mi?
Genelde hayır. ‘noindex’ meta etiketi ile filtre sayfalarının indexlenmesini engelleyin; aksi halde yinelenen içerik sorunu ortaya çıkar.

Filtre + sıralama birlikte çalışır mı?
Evet, AJAX tabanlı filtre eklentileri sıralama (popularity, price, rating) ile entegre çalışır. Eklenti ayarlarından sıralama seçeneklerini etkinleştirin.

Kategoriye göre filtre nasıl yapılır?
WOOF eklentisinde ‘Taxonomies’ sekmesinden ‘Product categories’ seçeneğini etkinleştirin. Filtre panelinde kategori listesi otomatik görünür.

Filtre performansı nasıl artırılır?
WP_Query yerine SQL kullanan eklenti (FacetWP) tercih edin, sunucu tarafı cache kullanın, ürün sayısını 10000’in altında tutun, görsel optimizasyonu yapın.

WooCommerce ürün filtreleme hakkında sık sorulan sorular

Bu SSS bölümünde filtre sistemiyle ilgili en sık sorulan soruları yanıtladık. Başka sorularınız varsa yorum bölümünden bana iletebilirsiniz.

Sonuç

Bu rehberde WooCommerce ürün filtreleme konusunu tüm yönleriyle ele aldık. Yazıda paylaşılan adımları sırasıyla uyguladığınızda woocommerce ürün filtreleme sistemi nasıl kurulur? için sağlam ve sürdürülebilir bir altyapı kurmuş olursunuz. Unutmayın: her güncelleme sonrasında test adımlarını yeniden çalıştırmak, ileride ortaya çıkabilecek uyumluluk sorunlarının önüne geçer.

Aşağıdaki içerikler de ilginizi çekebilir:

• WooCommerce Sepet İşlemleri
• WooCommerce Kargo Ayarları
• WooCommerce Ödeme Yöntemleri
• WordPress 500 İç Sunucu Hatası Çözümü

WooCommerce ürün filtreleme hakkında sormak istediğiniz ek bir detay varsa yorum bölümünden bana ulaşabilirsiniz.

WooCommerce ürün filtreleme Uygulama İpuçları

Bu rehberde paylaşılan tüm adımları uygularken WooCommerce ürün filtreleme için üç temel ilkeyi aklınızda bulundurun: (1) Testi her zaman staging ortamında yapın, (2) Değişiklikleri küçük parçalar halinde uygulayın, (3) Her adım sonrasında kullanıcı deneyimini doğrulayın. Bu üç ilke, woocommerce ürün filtreleme çalışmalarınızın uzun vadeli başarısını garantiler.

Ayrıca, WooCommerce ürün filtreleme konusunda karşılaştığınız sorunları çözerken topluluk kaynaklarından faydalanmayı ihmal etmeyin. WordPress.org forumları, WooCommerce topluluk sayfaları ve GitHub üzerindeki açık kaynak projeler, benzer sorunları yaşamış kullanıcıların çözümlerini içerir. Bu kaynakları düzenli takip etmek, ileride karşılaşacağınız sorunları daha hızlı çözmenizi sağlar.

Yapısal veri (schema.org) kullanımı da woocommerce ürün filtreleme için çok önemlidir. Doğru schema markup, arama motorlarının içeriğinizi daha iyi anlamasını ve zengin sonuç (rich result) göstermesini sağlar. JSON-LD formatında schema kodu eklemek için Google’ın Structured Data Testing Tool’ını kullanarak testlerinizi gerçekleştirebilirsiniz.

WooCommerce ürün filtreleme Sık Yapılan Yanlışlar ve Doğruları

WooCommerce ürün filtreleme konusunda yeni başlayanların en sık yaptığı hata, tüm geliştirmeleri tek seferde canlı ortama uygulamaktır. Bunun yerine, her geliştirmeyi ayrı ayrı test edip belgeleyin. Versiyon kontrol sistemi (Git) kullanmak, geri dönüşü kolaylaştırır. Her commit’te anlamlı bir mesaj yazmak, ileride neyin ne zaman değiştirildiğini takip etmenizi sağlar. Branch stratejisi olarak Git Flow veya GitHub Flow tercih edebilirsiniz; her ikisi de paralel geliştirme ve kod inceleme süreçlerini destekler.

Bir diğer yaygın hata, performans ölçümü yapmadan optimizasyon yapmaktır. Önce PageSpeed Insights, GTmetrix veya WebPageTest ile mevcut durumu ölçün, sonra değişiklikleri uygulayın ve aynı araçlarla yeniden ölçün. Bu yaklaşım, hangi değişikliğin gerçekten fayda sağladığını net olarak gösterir. Yapılan her optimizasyonun etkisini ölçmek, zaman içinde en etkili teknikleri belirlemenizi sağlar. Core Web Vitals metrikleri (LCP, FID, CLS) özellikle yakından takip edilmelidir.

Son olarak, woocommerce ürün filtreleme ile ilgili tüm geliştirmeleri bittikten sonra kullanıcı testi yapmayı unutmayın. Gerçek kullanıcıların sitenizdeki deneyimi, geliştiricilerin öngördüğünden farklı olabilir. 5-10 kişilik küçük bir kullanıcı testi bile önemli UX sorunlarını tespit etmenizi sağlar. Kullanıcı testinden gelen geri bildirimleri, geliştirme backlog’unuza ekleyerek sürekli iyileştirme sağlayın. Hotjar, Microsoft Clarity veya FullStory gibi araçlar kullanıcı davranışlarını detaylı olarak incelemenizi sağlar.

WooCommerce ürün filtreleme Sözlük ve Teknik Terimler

Bu bölümde WooCommerce ürün filtreleme konusuyla ilgili sıkça karşılaşılan teknik terimleri kısa açıklamalarıyla birlikte bulabilirsiniz. Sözlük, konuya yeni başlayanlar için hızlı bir referans niteliğindedir.

AJAX (Asynchronous JavaScript and XML): Sayfayı yenilemeden sunucu ile veri alışverişi yapmayı sağlayan teknik. Filtreleme, canlı arama, sepet güncellemesi ve benzeri dinamik özelliklerde yaygın kullanılır. WordPress admin-ajax.php üzerinden AJAX isteklerini yönetir.

Cache: Sık erişilen verilerin geçici olarak saklanması. Sayfa hızını artırır ancak yanlış yapılandırıldığında güncel olmayan içerik gösterimine yol açabilir. Sayfa, obje ve sorgu cache’i olmak üzere üç katmanda uygulanır.

Permalink: Kalıcı bağlantı. SEO uyumlu URL yapıları için kritik öneme sahiptir. Türkçe karakter içermeyen, anlamlı slug’lar tercih edilmelidir. WP permalinks ayarlarından yapılandırılır.

Schema.org: Arama motorlarının içeriği anlamasını sağlayan yapısal veri formatı. JSON-LD olarak uygulanır ve zengin sonuç (rich result) kazanma olasılığını artırır. Article, Product, FAQ, BreadcrumbList en sık kullanılan şemalardır.

SSL/HTTPS: Güvenli veri iletimi protokolü. SEO ve güven sinyalleri için zorunludur. Let’s Encrypt ücretsiz sertifika sunar; cPanel ve Plesk panellerinden tek tıkla etkinleştirilebilir.

Staging: Canlı siteyle aynı yapıda olan test ortamı. Tüm değişiklikler önce staging’de denenmeli, sorun yoksa canlıya alınmalıdır. Manuel staging kurulumunda alt alan adı veya subdomain kullanılabilir.