← Blog'a Dön
E-Ticaret Web Tasarım: Satış Artıran Online Mağaza Nasıl Yapılır? 2026 Rehberi
Web Tasarım 36 dk okuma Yayın: Güncelleme:

E-Ticaret Web Tasarım: Satış Artıran Online Mağaza Nasıl Yapılır? 2026 Rehberi

E-ticaret web tasarımının temel ilkeleri, platform seçimi, dönüşüm optimizasyonu, ürün sayfası tasarımı ve SEO stratejisi. Online mağaza için eksiksiz 2026 rehberi.

Türkiye e-ticaret pazarı 2025 yılında 900 milyar TL’yi aşarak büyümesini sürdürdü. Bu büyüyen pastadan pay almak için yalnızca bir “online mağaza” açmak yetmiyor — satış artıran, müşteriyi geri getiren ve rakiplerden ayrışan bir e-ticaret deneyimi gerekiyor.

E-ticaret web tasarımı, yalnızca görsel tasarım değil; kullanıcı yolculuğunu optimize eden, dönüşüm artıran ve teknik mükemmeliyeti sağlayan bütünsel bir disiplindir.

Bu rehber, e-ticaret web tasarımının tüm boyutlarını — platform seçiminden ürün sayfası optimizasyonuna, ödeme akışından SEO stratejisine — eksiksiz ele almaktadır.


E-Ticaret Web Sitesi Türleri

B2C (İşletmeden Tüketiciye)

En yaygın e-ticaret modeli. Giyim, elektronik, ev & yaşam, gıda, kozmetik… Hedef kitle bireysel alışverişçi.

Tasarım öncelikleri: Görsel çekicilik, kolay navigasyon, hızlı ödeme, mobil mükemmellik.

B2B (İşletmeden İşletmeye)

Toptan satış, hammadde, yazılım lisansı, kurumsal hizmet. Alıcı genellikle şirket satın alma departmanı.

Tasarım öncelikleri: Detaylı ürün bilgisi, toplu sipariş kolaylığı, fatura yönetimi, hesap yönetimi.

D2C (Üreticiden Tüketiciye)

Marka kendi e-ticaret kanalı aracılığıyla doğrudan satar. Aracıyı devre dışı bırakarak marj artışı.

Tasarım öncelikleri: Marka hikayesi, ürün kalitesi vurgusu, müşteri topluluğu.

C2C (Tüketiciden Tüketiciye)

Pazar yeri modeli: Trendyol, Etsy, Dolap gibi. Satıcı ve alıcı ayrı kullanıcı tipleri.

Tasarım öncelikleri: İkili kullanıcı deneyimi, güven mekanizmaları, işlem güvenliği.

Abonelik Modeli

Düzenli aralıklarla ürün veya hizmet teslimi. Kahve aboneliği, vitamin paketi, dijital içerik.

Tasarım öncelikleri: Abonelik yönetimi, yenileme süreci, iptali kolaylaştırma (evet, bu da önemli).


E-Ticaret Platform Seçimi

Platform seçimi e-ticaret başarısının en kritik kararlarından biri. Yanlış platform ile başlamak sonradan pahalı bir geçişe neden olabiliyor.

Shopify

Kim için: Orta ve büyük ölçek B2C, D2C markalar.

Avantajları:

  • Hızlı kurulum, yönetimi kolay
  • Yüksek performanslı altyapı (Shopify’ın CDN’i)
  • Geniş uygulama ekosistemi (8.000+ uygulama)
  • Uluslararası satış desteği
  • Yerleşik ödeme sistemi (Shopify Payments — Türkiye’de sınırlı)

Dezavantajları:

  • Aylık lisans ücreti + işlem komisyonu
  • Özelleştirme sınırları (Liquid şablon dili)
  • Veri portabilitesi sınırlı

Fiyat: Aylık $39–$399 + işlem komisyonu

WooCommerce (WordPress eklentisi)

Kim için: Küçük ve orta ölçek, bütçe bilincli işletmeler, SEO odaklılar.

Avantajları:

  • Ücretsiz temel eklenti
  • Tam esneklik ve özelleştirme
  • WordPress SEO avantajı
  • Sınırsız ürün
  • Açık kaynak, veri sahipliği tam

Dezavantajları:

  • Hosting ve bakım sorumluluğu sizin
  • Güvenlik güncellemeleri manuel
  • Çok eklenti = performans düşüşü
  • Yüksek trafikte ölçekleme zorlaşabilir

Fiyat: Ücretsiz (hosting + premium eklentiler ayrı)

Ticimax / ikas

Kim için: Türk pazarına odaklanan KOBİ’ler.

Avantajları:

  • Türkçe destek
  • Yerli ödeme sistemi entegrasyonları (iyzico, PayTR)
  • Türk e-ticaret mevzuatına uygunluk
  • Türk kargo firmaları entegrasyonu

Dezavantajları:

  • Global kullanıcı için sınırlı
  • Esneklik kısıtları

Magento / Adobe Commerce

Kim için: Büyük hacimli, enterprise e-ticaret.

Avantajları:

  • Sınırsız esneklik
  • Büyük ürün kataloğu desteği
  • Çok dilli, çok para birimli
  • B2B özellikleri

Dezavantajları:

  • Yüksek geliştirme maliyeti
  • Teknik ekip gerektirir
  • Lisans maliyeti yüksek

Headless E-Ticaret (Next.js + Shopify/Commerce.js)

Kim için: Performans ve özelleştirmeyi maksimize etmek isteyen.

Avantajları:

  • Maksimum frontend özgürlüğü
  • Mükemmel hız ve Core Web Vitals
  • Çok kanallı satış kolaylığı

Dezavantajları:

  • Yüksek geliştirme maliyeti ve karmaşıklık
  • Daha fazla bakım gerektirir

E-Ticaret Tasarımının Temel İlkeleri

1. Birincil Hedef: Dönüşüm

E-ticaret tasarımında her karar dönüşüm oranını (CVR) artırmak içindir. Ortalama e-ticaret CVR %1–3 arasında. %3+ “iyi”, %5+ “mükemmel”.

Tasarım kararlarının CVR’e etkisi:

  • CTA rengi: %3–20 etki
  • Ürün görseli kalitesi: %10–30 etki
  • Sayfa hızı (1 saniye): %7 etki
  • Sosyal kanıt ekleme: %15–30 etki
  • Checkout adım azaltma: %20–35 etki

2. Navigasyon ve Ürün Keşfi

Müşteri doğru ürünü hızlı bulmalı. Navigasyon bunu sağlıyor.

Kategori yapısı:

  • Maksimum 2 düzey derin kategori (ana → alt)
  • Her kategori için net, açıklayıcı isim
  • Popüler kategorilere kolay erişim

Filtreleme ve sıralama:

  • Fiyat aralığı
  • Renk, boyut, materyal (ürüne göre)
  • Marka
  • Stok durumu
  • Puan/değerlendirme
  • Yenilik, fiyat artış/azalış sıralaması

Arama:

  • Otomatik tamamlama (autocomplete)
  • Yazım hatası toleransı (fuzzy search)
  • Görsel arama sonuçları
  • Son aramalar ve öneri

3. Ürün Sayfası Tasarımı

Ürün sayfası e-ticaretin kalbidir. Satın alma kararı burada verilir.

Zorunlu ürün sayfası öğeleri:

Başlık: Net, açıklayıcı, anahtar kelime içeren [Marka] [Model] [Ana Özellik] [Variant] Örn: “Nike Air Max 270 Kadın Koşu Ayakkabısı - Siyah”

Görseller:

  • Minimum 5–8 yüksek kaliteli görsel
  • Farklı açılardan çekim
  • Ürünün kullanımda görseli (lifestyle)
  • 360° görünüm (mümkünse)
  • Video (özellikle karmaşık ürünler için)
  • Zoom özelliği

Fiyat:

  • Net görünüm, yeterince büyük
  • İndirim varsa önceki fiyat ve indirim yüzdesi
  • Taksit seçenekleri hemen görünür
  • Kargo ücreti bilgisi (gizleme, dönüşümü öldürür)

Stok ve aciliyet:

  • “Stokta 3 adet kaldı” mesajı
  • ”Bu ürünü 14 kişi inceliyor” (sosyal kanıt)
  • Countdown timer (özel indirim bitişi)

Varyant seçimi:

  • Renk: Görsel swatchlar (metin değil)
  • Boyut: Tablo ile boyut rehberi
  • Miktar: Artır/Azalt butonu

Sepete Ekle / Hemen Satın Al:

  • Büyük, belirgin, yüksek kontrastlı CTA
  • ”Hemen Satın Al” seçeneği impulse alışveriş için
  • Sosyal kanıt yakınında (“4,8 ⭐ 2.847 değerlendirme”)

Ürün açıklaması:

  • İlk 200 kelime satın alma kararına katkı sağlamalı
  • Faydalar (özellikler değil): “Su geçirmez yapı sayesinde her havada giyebilirsiniz”
  • Teknik detaylar tablo halinde
  • Malzeme ve bakım bilgisi

Değerlendirmeler:

  • Puan + toplam değerlendirme sayısı
  • Dağılım grafiği (5 yıldız %X, 4 yıldız %Y…)
  • Fotoğraflı müşteri yorumları
  • ”Faydalı” oylama sistemi
  • Olumsuz yorumlara yanıt

4. Sepet Deneyimi

Sepet sayfası terk oranı %70’i aşıyor. Bu sayfayı optimize etmek doğrudan gelir demek.

Sepet sayfası zorunluları:

  • Net ürün özeti (görsel, isim, fiyat, miktar)
  • Kolay miktar değiştirme ve silme
  • Ara toplam, kargo, vergi ayrımı
  • Kupon kodu alanı (görünür ama dikkat dağıtmayan)
  • Güven sinyalleri: SSL, iade politikası
  • ”Bunu da beğenebilirsiniz” önerileri

Sepet terk engelleme:

  • Mini sepet (dropdown) büyük sepete gitmeden kolaylık
  • Sepet hatırlatma e-postası (terk sonrası)
  • Exit-intent popup (“Sepetinizdeki ürünler sizi bekliyor”)

5. Checkout Optimizasyonu

Checkout Türkçe’de “ödeme adımı” demek ve e-ticaret dönüşümünün en kritik noktası.

Checkout optimizasyon kuralları:

Misafir checkout: Hesap zorunluluğu dönüşümü %35 azaltır. Misafir checkout seçeneği şart.

Adım sayısı minimizasyonu: Tek sayfa checkout en iyisi. Zorunluysa maksimum 3 adım.

İlerleme göstergesi: “1/3: Teslimat bilgileri” şeklinde kullanıcı nerede olduğunu gösterin.

Form optimizasyonu:

  • Auto-fill desteği (browser ve Google One Tap)
  • Gerçek zamanlı hata mesajları
  • Adres otomatik tamamlama (Google Places API)
  • Sadece zorunlu alanlar

Güven unsurları:

  • SSL göstergesi
  • Güvenli ödeme ikonları (Visa, Mastercard, SSL)
  • Para iade garantisi
  • Müşteri hizmetleri iletişimi

Ödeme seçenekleri:

  • Kredi/banka kartı
  • Havale/EFT
  • Kapıda ödeme (önemli Türkiye’de)
  • BKM Express
  • PayPal (uluslararası)
  • “Sonra Öde” (Klarna, Afterpay tarzı)

E-Ticaret Mobil Tasarımı

E-ticaret alışverişlerinin %72’si mobil cihazdan gerçekleşiyor (Türkiye, 2025).

Mobil E-Ticaret Tasarım Zorunluluları

Thumb-friendly tasarım:

  • Dokunmatik hedefler minimum 44×44px
  • Kritik butonlar parmak erişim bölgesinde (ekranın alt yarısı)
  • Kaydırma dostu layout

Mobil ürün görselleri:

  • Yatay kaydırmalı galeri
  • Tap to zoom
  • Görseller ekran genişliğini doldurmalı

Mobil checkout:

  • Klavye tipi otomatik (email → e-posta klavyesi, tel → sayısal)
  • Apple Pay ve Google Pay entegrasyonu (tek tıkla ödeme)
  • Adres formu mobil uyumlu

Hız:

  • LCP < 2.5 saniye (kritik — her saniye gecikme %7 dönüşüm düşürüyor)
  • Görsel lazy loading
  • Critical CSS inline

E-Ticaret SEO Stratejisi

E-ticaret SEO’su kategori ve ürün sayfa optimizasyonu üzerine kurulu.

Kategori Sayfası SEO

Kategori sayfaları e-ticaret SEO’sunun lokomotifi. “Koşu ayakkabısı”, “laptop”, “çocuk oyuncağı” gibi yüksek hacimli genel terimler kategori sayfalarını hedefler.

Kategori sayfası SEO şablonu:

  • H1: “[Kategori Adı] | [Adet] Çeşit” veya sadece kategori adı
  • Açıklama metin: 150–300 kelime, kategori hakkında bilgilendirici
  • Breadcrumb: Ana Sayfa > Kategoriler > Alt Kategori
  • Sayfalandırma: Canonical ile paginated sayfalar yönetimi
  • Schema: BreadcrumbList, ItemList

Ürün Sayfası SEO

Title şablonu: [Ürün Adı] [Marka] — Fiyat ve Değerlendirmeler | [Marka Adı]

Meta description: Ürünün faydası + fiyat bilgisi + güven unsuru.

Structured Data:

{
  "@type": "Product",
  "name": "Ürün Adı",
  "image": ["url"],
  "description": "Açıklama",
  "brand": {"@type": "Brand", "name": "Marka"},
  "offers": {
    "@type": "Offer",
    "price": "299.00",
    "priceCurrency": "TRY",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "2847"
  }
}

Kullanıcı yorumları: Schema ile yıldız değerlendirmeleri arama sonuçlarında görünür hale gelir — CTR artışı.

E-Ticaret Anahtar Kelime Stratejisi

Kategori kelimeleri (yüksek hacim): “koşu ayakkabısı”, “kadın çanta”, “laptop”

Alt kategori kelimeleri: “su geçirmez koşu ayakkabısı”, “deri kadın çanta”

Ürün kelimeleri (uzun kuyruk): “Nike Air Max 270 fiyat”, “Nike Air Max 270 siyah beden 39”

Bilgi amaçlı (blog): “Koşu ayakkabısı nasıl seçilir”, “en iyi laptop 2026 önerileri”

Teknik SEO

URL yapısı:

domain.com/kategori/alt-kategori/urun-adi-model-kod

Kısa, anlamlı, anahtar kelime içeren.

Sayfalandırma: Büyük kategorilerde sayfa 2, 3… — canonical veya rel=“next” ile yönetilmeli.

Ürün varyantları: Renk ve boyut varyantları için canonical URL stratejisi belirleyin.

Duplicate content: Filtreleme URL’leri (sort, filter parametreleri) noindex veya canonical ile yönetin.


E-Ticaret Dönüşüm Optimizasyonu (CRO)

A/B Test Öncelikleri

E-ticaret CRO’sunda en yüksek etkiyi yaratan A/B testleri:

  1. CTA metni ve rengi (örn: “Sepete Ekle” vs “Hemen Al”)
  2. Ürün görsel sıralaması (ilk görsel seçimi)
  3. Fiyat gösterimi (₺299 vs 299 TL vs 299,00 ₺)
  4. Sosyal kanıt yerleşimi (puan CTA’nın üstünde mi altında mı?)
  5. Checkout adım sayısı
  6. Shipping threshold mesajı (“100 TL daha ekleyin, ücretsiz kargo!“)

Terk Kurtarma Stratejileri

Sepet terk e-postası:

  • Gönderim: terk sonrası 1 saat, 24 saat, 72 saat
  • İlk e-posta: hatırlatma + ürün görseli
  • İkinci e-posta: sosyal kanıt (yorumlar)
  • Üçüncü e-posta: küçük indirim teklifi

Push notification: Tarayıcı izni varsa sepet terk bildirimi.

Retargeting: Facebook/Google Ads ile ürün sayfası ziyaretçilerine ürün reklamı.

Upsell ve Cross-sell

Ürün sayfasında:

  • “Bunu alan [X] de aldı” — cross-sell
  • ”Bu ürünün üst versiyonu” — upsell
  • Tamamlayıcı ürünler seti

Sepette:

  • “Bunlarla güzel görünür” — cross-sell
  • Ücretsiz kargo threshold: “35 TL daha ekleyin, ücretsiz kargo!”

Sipariş onay sayfasında:

  • “Siparişinize ekleyin” (one-click upsell)

E-Ticaret Güven Mekanizmaları

Online alışverişte güven, satın alma kararının en kritik faktörü.

Güven Sinyalleri Kontrol Listesi

Teknik güven:

  • HTTPS (yeşil kilit)
  • Hızlı, sorunsuz çalışan site
  • Mobil uyumluluk

Sosyal kanıt:

  • Ürün değerlendirmeleri (sayı + puan)
  • Müşteri yorumları (fotoğraflı tercih)
  • Sosyal medya takipçi sayısı
  • ”X kişi bu ürünü satın aldı”

Şeffaflık:

  • Net iade ve değişim politikası
  • Kolay erişilebilir iletişim
  • Gerçek fiziksel adres
  • Şirket bilgileri (vergi numarası, ticari sicil)

Ödeme güvencesi:

  • Güvenli ödeme logoları
  • 3D Secure bilgisi
  • Para iade garantisi

E-Ticaret Web Sitesi Maliyeti

PlatformÜrün SayısıMaliyetSüre
WooCommerce50–500 ürün₺20.000–60.0004–8 hafta
Shopify özel tema100–1000 ürün₺30.000–100.0004–10 hafta
Özel geliştirmeHer boyut₺100.000–500.000+3–9 ay
Hazır çözüm (ikas/Ticimax)100–5000 ürün₺5.000–20.0002–4 hafta

Sık Sorulan Sorular (SSS)

1. Türkiye’de e-ticaret sitesi için en iyi platform hangisi? Başlangıç için WooCommerce (bütçe verimli, SEO güçlü) veya Shopify (hızlı kurulum, ölçeklenebilir). Türk pazarına özel ikas veya Ticimax yerli entegrasyonlar için avantajlı. Yüksek trafik için Next.js + Shopify headless düşünülebilir.

2. E-ticaret sitesinde kaç ürün olmalı? Sayı değil kalite önemli. 50 iyi optimize edilmiş ürün sayfası, 500 eksik optimize edilmiş sayfadan çok daha iyi performans gösterir. Başlangıçta ana ürün katalogunu kaliteli hazırlayın, genişleyin.

3. E-ticaret sitesi için en önemli dönüşüm metriği nedir? CVR (Conversion Rate). Genel e-ticaret ortalaması %1–3. Ama asıl önemli: Gelir başına maliyet (CAC) ve müşteri yaşam boyu değeri (LTV). Yüksek CVR düşük AOV ile harika olmayabilir.

4. Müşteri yorumu sistemi nasıl kurulur? Platformun yerleşik sistemi veya Trustpilot, Judge.me, Yotpo gibi üçüncü taraf araçlar. Sipariş sonrası otomatik yorum talep e-postası zorunlu — yoksa yorum sayısı düşük kalır.

5. Kargo ücreti nasıl belirlenmeli? “Ücretsiz kargo eşiği” modeli en etkili: “X TL üzeri ücretsiz kargo!” Müşteri sepetine ek ürün ekliyor. Eşiği ortalama sipariş değerinin %15–20 üzerinde tutun.

6. Mobil uygulama mı, mobil site mi? Başlangıçta mükemmel mobil site. Aylık aktif müşteri sayısı yükseldikçe ve loyalty programı gerektiğinde mobil uygulama düşünülebilir. İki şeyi birden yapmak başlangıçta kaynak israfı.

7. Ürün görselleri için minimum standart nedir? Minimum 800×800px, beyaz arka plan (genellikle), 5+ görsel, zoom özelliği. Lifestyle görseller (ürünün kullanımda gösterimi) dönüşümü %30+ artırıyor — sadece ürün görseli yetmez.

8. E-ticaret sitesi SEO ne kadar sürede sonuç verir? Teknik SEO düzeltmeleri 4–8 haftada etkili. Kategori sayfası sıralaması 3–6 ay. Uzun kuyruklu ürün kelimeleri 1–3 ay. SEO tutarlı içerik ve link building ile 6–12 ayda anlamlı organik trafik üretir.

9. A/B testi yapmak için ne kadar trafik gerekli? Anlamlı sonuç için her varyant için minimum 1.000 ziyaretçi ve hedef dönüşüm sayısı (minimum 50 sipariş). Düşük trafikli site için A/B test güvenilir sonuç vermiyor — önce trafiği büyütün.

10. E-ticaret sitesinde blog neden gerekli? Organik trafik için hayati. “En iyi koşu ayakkabısı önerileri” gibi içerikler satın alma öncesi araştırma yapan müşterileri yakalar ve ürün sayfalarına yönlendirir. Blog trafik hacmini %40–100 artırabilir.


Sonuç

E-ticaret başarısı doğru platform seçiminden, iyi ürün sayfası tasarımına; hızlı checkout akışından etkili SEO stratejisine kadar birçok faktörün bir arada çalışmasını gerektiriyor.

En önemli öğüt: Mükemmel başlangıç yerine iyi bir başlangıç yapın. İlk yayından sonra veriye bakın, dönüşüm engellerini tespit edin ve sistematik iyileştirme yapın. E-ticaret sürekli büyüyen, hiç bitmez bir optimizasyon sürecidir.


E-ticaret sitenizi büyütmek için iletişime geçin.

Onur Öztürk
// yazar

Onur ÖZTÜRK

SEO Uzmanı & Dijital Pazarlama Danışmanı

15 yılı aşkın deneyimle sağlık turizmi, e-ticaret ve kurumsal markalar için SEO stratejisi geliştiriyorum. Google Partner ve Meta Business Partner olarak 150'den fazla işletmenin organik büyümesine katkı sağladım.

Toplantı Planlayın