E-Ticaret Site Mimarisi Nasıl Kurulur?

Kategori Yapısı ve Hiyerarşi

Kötü kategori yapısı kullanıcıyı kayboldurup, iyi yapı ürüne hızlıca ulaştırır. Kaç seviye? Maksimum 3-4. Ana kategori > Alt kategori > Ürün grubu > Ürün. 5 seviye yorar, 2 seviye yeterli detay vermez.

Ana kategoriler geniş ve kapsayıcı olmalı. Giyim sitesinde: Kadın, Erkek, Çocuk. Elektronik sitesinde: Bilgisayar, Telefon, TV, Beyaz Eşya. 5-10 ana kategori ideal; daha fazlası menüyü şişirir, daha azı içeriği sınırlar.

Alt kategoriler ana kategorinin altında spesifik gruplar oluşturur. Kadın > Giyim > Elbise, Pantolon, Bluz. Her alt kategoride 20-100 ürün bulunmalı. 5 ürün kategoriyi boş gösterir, 500 ürün kullanıcıyı filtrelemeye zorlar.

Çapraz kategorizasyon: bir ürün birden fazla kategoride görünebilir. Mavi elbise hem "Kadın > Elbise" hem "Yeni Sezon"da. Oysa çok fazla çapraz kategorizasyon duplicate content yaratır, SEO zarar görür. Canonical URL şart.

Kategori isimlendirme net olmalı. "Aksesuar" belirsiz, "Çanta ve Ayakkabı" açıklayıcı. "Diğer" kategorisi kullanmayın; her ürün anlamlı kategoride durmalı. Kullanıcı testi yapın: kategoriler anlaşılıyor mu?

Dinamik kategoriler kullanıcı davranışına göre oluşur: "Sana Özel", "Çok Satanlar", "Yeni Gelenler". Statik değil, algoritma günceller. Kişiselleştirme dönüşümü artırır ama her kullanıcı farklı kategori görürse, cache verimliliği düşer. Denge gerekir.

Ürün Sayfası Yapısı

Kullanıcı buraya kadar geldi, şimdi satın alma kararı veriyor. Sayfa eksik veya kötü tasarlanmışsa sepete eklemez.

Ürün görselleri: minimum 4-6 görsel. Farklı açılar, detay çekimler, kullanım senaryosu. Zoom şart; kullanıcı detay görmek ister. 360 derece görüntü veya video dönüşümü %30 artırabilir, oysa görseller optimize edilmeli: her görsel 100-200 KB.

Ürün başlığı: marka + model + özellik. "Elbise" yetersiz. "Zara Mavi Çiçek Desenli Midi Elbise" açıklayıcı. SEO için kritik: kullanıcı "mavi elbise" arıyor, başlıkta görünmeli.

Fiyat gösterimi net ve belirgin. İndirim varsa eski fiyat üstü çizili, yeni fiyat büyük. "₺299 yerine ₺199" yerine "₺199 (₺100 indirim)" daha etkili. KDV dahil mi, hariç mi? Net belirtin.

Stok durumu: "Stokta var", "Son 3 ürün", "Tükendi". Aciliyet yaratır, kullanıcı hemen karar verir. Ne var ki "Son 3 ürün" sürekli gösterirseniz güven kaybedersiniz.

Varyantlar: beden, renk, model. Dropdown veya buton. Seçilen varyant görseli değiştirmeli. Stokta olmayan varyant devre dışı (disabled) ama görünür olmalı; kullanıcı ne olduğunu bilmeli.

Ürün açıklaması: 200-500 kelime. Özellikler, malzeme, kullanım, bakım. Madde madde liste kullanın; uzun paragraf yorar. SEO için önemli ama kullanıcı öncelikli. Üretici açıklamasını kopyala-yapıştır yapmayın: duplicate content.

Teknik özellikler tablo formatında sunulmalı. Elektronik ürünlerde kritik: ekran boyutu, işlemci, RAM, depolama. Giyimde: beden tablosu, ölçüler. Kullanıcı karşılaştırma yapar, detay ister.

Müşteri yorumları: 5-10 yorum görünsün, geri kalanı "Tümünü Gör" ile. Yıldız puanı, fotoğraflı yorumlar, doğrulanmış alıcı etiketi. Negatif yorumlar da gösterin; %100 pozitif yorum şüpheli.

İlgili ürünler: "Bunu Alanlar Bunları da Aldı", "Benzer Ürünler". Cross-sell ve upsell. Çok fazla öneri dikkat dağıtır; 4-6 ürün yeterli.

Sepet ve Checkout Süreci

Kullanıcı ürünü sepete ekledi. Şimdi en kritik aşama: checkout. Sepet terk oranı ortalama %70. Karmaşık checkout, beklenmedik masraflar, güven eksikliği. Her adım optimize edilmeli.

Sepet sayfası: ürün listesi, miktar değiştirme, silme, toplam fiyat. Kargo ücreti ve tahmini teslimat süresi gösterin. Sürpriz masraf checkout'ta çıkarsa kullanıcı vazgeçer. Kupon kodu alanı olmalı ama çok belirgin olmamalı; kullanıcı kupon aramaya gitmesin.

Misafir checkout: kayıt olmadan alışveriş. Zorunlu kayıt dönüşümü %20-30 düşürür. Kullanıcı hızlı almak istiyor, hesap açmak istemiyor. Checkout sonrası "Hesap oluştur" seçeneği sunun.

Checkout adım sayısı: maksimum 3-4. Adım 1: Teslimat bilgileri. Adım 2: Ödeme bilgileri. Adım 3: Onay. Her adımda progress bar gösterin: "Adım 2/3". Kullanıcı ne kadar ilerlediğini görmeli.

Form optimizasyonu: minimum alan. Adres için autocomplete kullanın; kullanıcı posta kodu girince şehir otomatik dolsun. Telefon formatı otomatik: (5XX) XXX XX XX. Kredi kartı numarası 4'lü gruplar: XXXX XXXX XXXX XXXX.

Ödeme yöntemleri: kredi kartı, banka kartı, havale, kapıda ödeme. Çok seçenek iyi ama her yöntem güvenli olmalı. SSL sertifikası, PCI DSS uyumluluğu. Ödeme logoları gösterin: Visa, Mastercard, güven verir.

Güven rozetleri: "256-bit SSL", "Güvenli Ödeme", "İade Garantisi". Checkout sayfasında belirgin olmalı. Kullanıcı son anda şüpheleniyor; güven unsurları ikna eder.

Hata yönetimi: kart reddedildi, stok bitti, adres hatalı. Hata mesajı açıklayıcı olmalı: "Kartınız reddedildi, lütfen başka kart deneyin veya bankanızla iletişime geçin." Kullanıcı ne yapacağını anlamalı.

Sipariş onayı: başarı sayfası + e-posta. Sipariş numarası, tahmini teslimat, kargo takip linki. E-posta hemen gitmeli; 5 dakika gecikmesi kullanıcıyı endişelendirir.

Arama ve Filtreleme

Kullanıcının %30-40'ı arama kullanır. Arama çalışmıyorsa bu kullanıcılar ürün bulamaz, çıkar. Arama sadece ürün adı değil; marka, kategori, özellik de aramalı.

Autocomplete: kullanıcı yazmaya başladı, öneriler göster. "mavi el" yazdı, "mavi elbise" öner. Popüler aramalar, son aramalar göster. Autocomplete dönüşümü %20 artırabilir.

Arama sonuç sayfası: ürün sayısı, sıralama, filtreleme. "847 sonuç bulundu" göster. Sıralama: ilgili, fiyat artan, fiyat azalan, yeni, popüler. Varsayılan "ilgili" olmalı; algoritma en uygun ürünleri gösterir.

Filtreleme: kategori, fiyat aralığı, marka, renk, beden, özellikler. Filtreler sol sidebar'da, mobilde drawer veya modal. Seçilen filtreler üstte gösterilmeli, tek tıkla kaldırılabilmeli.

Fiyat filtresi: slider veya input. Slider görsel, kolay kullanım. Input spesifik aralık için. "₺100-₺500" aralığı göster, kullanıcı değiştirebilir.

Çoklu filtre: kullanıcı birden fazla filtre seçebilir. "Mavi" + "Zara" + "₺200-₺400". Her filtre eklendikçe sonuç daralır. Filtre kombinasyonu sonuç vermiyorsa "Sonuç bulunamadı, filtreleri değiştirin" göster.

Arama önerisi: kullanıcı "mavi elise" yazdı (typo), "mavi elbise mi demek istediniz?" öner. Fuzzy search küçük hataları tolere eder.

Boş sonuç: arama sonuç vermedi. "Sonuç bulunamadı" yerine alternatif öner: "Benzer ürünler", "Popüler kategoriler". Kullanıcıyı sitede tut.

Performans ve Ölçeklenebilirlik

Her 1 saniye gecikme dönüşümü %7 düşürür. 5.000 ürünlü site ile 50.000 ürünlü site farklı performans gereksinimleri taşır.

Veritabanı optimizasyonu: ürün sorguları index'lenmeli. Kategori, fiyat, marka sütunları index. Arama için full-text index. Yavaş sorgu varsa EXPLAIN ile analiz edin, optimize edin.

Caching stratejisi: ürün sayfaları cache'lenir. Stok ve fiyat sık değişiyorsa cache süresi kısa (5-10 dakika). Statik içerik (görseller, CSS, JS) uzun cache (1 gün - 1 hafta). CDN kullanın; statik dosyalar edge'de.

Görsel optimizasyonu: ürün görselleri 100-200 KB. WebP formatı JPEG'den %30 küçük. Lazy loading: below-the-fold görseller scroll edilince yüklensin. Thumbnail'ler küçük (50-100 KB), büyük görsel tıklanınca yüklensin.

Sayfalama vs sonsuz scroll: kategori sayfasında 24-48 ürün göster, sayfalama ekle. Sonsuz scroll mobilde iyi ama footer'a ulaşılamaz. Hibrit çözüm: ilk 48 ürün, sonra "Daha Fazla Yükle" butonu.

API performansı: ürün listesi API'si 200ms altında cevap vermeli. Yavaşsa cache ekle, sorgu optimize et, database scale et. Load balancer kullan, trafik dağıt.

Ölçeklenebilirlik: 1.000 ürün ile başladınız, 100.000 ürüne çıktınız. Mimari ölçeklenebilir olmalı. Monolith yerine microservices. Ürün servisi, sepet servisi, ödeme servisi ayrı. Bağımsız scale edilir.

SEO ve URL Yapısı

Organik trafik için SEO dostu mimari şart: temiz URL, breadcrumb, internal linking, schema markup.

URL yapısı açıklayıcı, kısa, keyword içeren olmalı. "/urun/12345" yerine "/kadin-giyim/mavi-elbise". Kategori hiyerarşisi URL'de: "/kadin/giyim/elbise/mavi-cicek-desenli-midi-elbise". Çok uzun URL (5+ seviye) SEO zarar görür.

Canonical URL: bir ürün birden fazla kategoride. "/kadin/elbise/mavi-elbise" ve "/yeni-sezon/mavi-elbise" aynı ürün. Canonical tag ekle, Google'a ana URL'yi bildir. Duplicate content cezası yeme.

Breadcrumb: Ana Sayfa > Kadın > Giyim > Elbise > Mavi Elbise. Kullanıcı nerede olduğunu bilir, geri dönebilir. SEO için önemli: breadcrumb schema markup ekle, Google arama sonuçlarında gösterir.

Internal linking: ilgili ürünler, benzer kategoriler. Her ürün sayfasından 5-10 internal link. Link juice dağıtılır, tüm sayfalar indexlenir. Alakasız linkler SEO zarar görür.

Schema markup: Product schema, Offer schema, Review schema. Google zengin sonuçlar gösterir: yıldız puanı, fiyat, stok durumu. CTR %20-30 artar.

Sitemap: XML sitemap, tüm ürün ve kategori sayfaları. Google Search Console'a gönder. Büyük sitede (10.000+ sayfa) sitemap index kullan; birden fazla sitemap dosyası.

Mobil E-Ticaret Mimarisi

E-ticaret trafiğinin %60-70'i mobil. Mobil dönüşüm oranı masaüstünden %30-40 düşük. Neden? Yavaş yükleme, küçük butonlar, karmaşık checkout. Mobil öncelikli mimari şart.

Mobil navigasyon: hamburger menü + bottom navigation. Hamburger'da tüm kategoriler, bottom navigation'da ana işlevler: Ana Sayfa, Kategoriler, Sepet, Hesap. Kullanıcı başparmak ile erişir.

Ürün listesi mobilde: 2 sütun, küçük görseller. Ürün adı kısa, fiyat belirgin. Filtreler drawer'da, "Filtrele" butonu üstte. Sıralama dropdown, "Sırala" butonu yanında.

Ürün sayfası mobilde: görseller tam genişlik, swipe ile geçiş. Ürün bilgisi altında, accordion ile gruplandırılmış: Açıklama, Özellikler, Yorumlar. "Sepete Ekle" butonu sticky, her zaman görünür.

Checkout mobilde: tek sütun, büyük input alanları. Otomatik doldurma: adres, kredi kartı. Apple Pay, Google Pay entegrasyonu, tek dokunuşla ödeme. Mobil dönüşümü %50 artırabilir.

Performans mobilde: 3G bağlantıda 3 saniye altında yükleme. Görseller agresif optimize, lazy loading, critical CSS inline. Progressive Web App (PWA): offline çalışma, push notification, ana ekrana ekleme.

B2B E-Ticaret Farklılıkları

B2B e-ticaret B2C'den farklı. Toplu sipariş, fiyat teklifi, onay süreci, kredi limiti. Mimari bu ihtiyaçları karşılamalı.

Müşteri grupları: farklı müşteri tipleri farklı fiyat görür. Bayi %20 indirim, distribütör %30 indirim. Fiyat login sonrası gösterilir; misafir kullanıcı fiyat görmez.

Toplu sipariş: kullanıcı 100 adet sipariş veriyor. Tek tek sepete ekleme yerine hızlı sipariş formu: ürün kodu + miktar. CSV upload: Excel'den ürün listesi yükle, toplu sipariş.

Fiyat teklifi: kullanıcı teklif talep eder, satış ekibi fiyat gönderir. Teklif onaylanınca sipariş oluşur. Workflow: talep > teklif > onay > sipariş.

Onay süreci: büyük siparişler yönetici onayı gerektirir. Kullanıcı sipariş verir, yönetici e-posta alır, onaylar. Onay sonrası sipariş işleme alınır.

Kredi limiti: müşterinin kredi limiti var, aşarsa sipariş veremez. Sepet toplamı kredi limitini geçerse uyarı: "Kredi limitiniz aşıldı, lütfen finans ekibi ile iletişime geçin."

Güvenlik ve Uyumluluk

E-ticaret sitesi hassas veri taşır: kredi kartı, adres, telefon. Güvenlik ihlali hem yasal risk hem güven kaybı. PCI DSS, KVKK, GDPR uyumluluğu zorunlu.

SSL sertifikası: tüm sayfalarda HTTPS. Özellikle checkout, login, hesap sayfaları. HTTP sitesi Google'da sıralama kaybeder; tarayıcılar "Güvensiz" uyarısı gösterir.

PCI DSS: kredi kartı verisi işliyorsanız PCI DSS uyumluluğu şart. Kart numarası veritabanında saklanmaz, tokenize edilir. Ödeme gateway (iyzico, PayTR) kullanın; kart verisi sizden geçmez.

KVKK/GDPR: kullanıcı verisi topluyorsunuz, aydınlatma metni gösterin. Kullanıcı onayı alın: "Kişisel verilerimin işlenmesini kabul ediyorum." Veri silme talebi gelirse 30 gün içinde silin.

SQL injection: kullanıcı input'u sanitize edin. Prepared statement kullanın, raw SQL yazmayın. XSS (cross-site scripting): kullanıcı input'u escape edin, HTML tag çalıştırmasın.

Rate limiting: aynı IP'den dakikada 100 istek geliyorsa bot olabilir. Rate limit koy: dakikada 60 istek, aşarsa 429 Too Many Requests. DDoS koruması: Cloudflare, AWS Shield.

Analytics ve Optimizasyon

Hangi sayfalar dönüşüm sağlıyor? Hangi ürünler satıyor? Sepet terk nerede oluyor? Analytics bu soruları cevaplar.

E-ticaret tracking: Google Analytics 4, e-ticaret event'leri. view_item, add_to_cart, begin_checkout, purchase. Her event ürün bilgisi taşır: ID, isim, kategori, fiyat. Funnel analizi: kaç kullanıcı sepete ekledi, kaçı checkout'a geçti, kaçı satın aldı?

Heatmap: kullanıcılar ürün sayfasında neye tıklıyor? Görsellere mi, açıklamaya mı, yorumlara mı? Hotjar, Clarity ile heatmap. Tıklanmayan elementler kaldırılır, tıklanan elementler vurgulanır.

Session recording: kullanıcı checkout'ta nerede takılıyor? Form dolduramıyor mu? Hata mesajı görüyor mu? Kayıtlar izle, sorunları tespit et.

A/B test: farklı ürün sayfası tasarımları test et. Büyük görsel vs küçük görsel. Uzun açıklama vs kısa açıklama. Hangisi daha fazla sepete ekleme sağlıyor?

Cohort analizi: Ocak'ta kayıt olan kullanıcılar ne kadar satın alıyor? Şubat'takiler? Hangi ay daha değerli müşteri getiriyor? Kampanya stratejisi buna göre ayarlanır.

Yaygın Hatalar

Karmaşık kategori yapısı: 7 seviye kategori, kullanıcı kaybolmuş. Çözüm: maksimum 3-4 seviye, net hiyerarşi.

Yavaş yükleme: ürün sayfası 8 saniyede açılıyor. Çözüm: görsel optimize et, cache kullan, CDN ekle.

Kötü arama: "mavi elise" (typo) için sonuç vermiyor. Çözüm: fuzzy search, autocomplete, öneri sistemi.

Uzun checkout: 7 adım, 25 form alanı. Çözüm: maksimum 3-4 adım, minimum alan, misafir checkout.

Mobilde kullanılamaz: butonlar küçük, form sıkışmış. Çözüm: responsive tasarım, mobil test, dokunmatik hedef 44x44px.

Güven unsuru yok: SSL yok, ödeme logoları yok, iade politikası belirsiz. Çözüm: SSL ekle, güven rozetleri göster, politikaları net yaz.

SEO ihmal edilmiş: URL'ler "/urun/12345", schema markup yok. Çözüm: SEO dostu URL, breadcrumb, schema markup, sitemap.