Tekstil E-Ticarette Mobil Optimizasyon: Satışa Giden Yol

Tekstil mağazanız mobilde açılıyor olabilir. Bu, mobilde satış yaptığı anlamına gelmez. Müşteri kumaşı, kalıbı ve bedeni ekrandan anlayamıyorsa hızlı açılan bir tema satın alma kararını tamamlamaya yetmez. Tekstil e-ticarette mobil optimizasyon, sitenin telefona sığmasından fazlasıdır. Ürün güveni, hız ve ödeme akışı aynı satış yüzeyinde birlikte çalışmalıdır.

Giyim, ayakkabı ve aksesuar, 2024’te Türkiye e-ticaret hacminde 301,34 milyar TL ile ilk sıraya çıktı. Kategori bu kadar büyükken mobildeki küçük bir aksaklık bile ciddi gelir kaybına dönüşebilir. Bu yazıda tekstil mağazalarının ürün sayfası, beden filtresi, mobil checkout ve ölçüm tarafında önce ele alması gereken noktaları bulacaksınız.

Öne Çıkanlar

• Tekstil e-ticaretinde mobil uyumluluk tek başına yeterli değildir; beden, varyant, görsel detay ve ödeme güveni birlikte çalışmalıdır.
• Mobil ürün sayfasındaki ana görsel hızlı yüklenmeli, zoom ve yakın plan fotoğrafları kumaş ile kalıp incelemesine izin vermelidir.
• Beden tablosu beden seçicinin yanında yer almalı; model ölçüleri, kalıp bilgisi ve stok durumu seçim anında görünmelidir.
• Mobil checkout’ta gereksiz form alanları, geç gösterilen kargo bedeli ve gizlenen misafir ödeme seçeneği satış kaybı yaratır.
• GA4’te mobil funnel’ı masaüstünden ayrı ölçmek, en pahalı dönüşüm sorununu tahmin yerine veriyle buldurur.

Tekstil E-Ticarette Mobil Optimizasyon Neden Ayrı Bir Konu

Tekstil ürünlerinde müşteri ürünü eline alamaz. Kumaşa dokunamaz, kalıbı deneyemez ve rengin farklı ışıklardaki gerçek halini mağazadaki gibi değerlendiremez.

Bu nedenle mobil ekran yalnızca ürünün sergilendiği yer değildir. Müşterinin “Bu bana olur mu?”, “Kumaşı ince mi?”, “M beden stokta mı?” ve “İade süreci sorun çıkarır mı?” sorularını yanıtlayan satış noktasıdır.

Ticaret Bakanlığı’nın 2025 e-ticaret raporuna göre Türkiye’de e-ticaret ödemelerinin %62,5’i kartla yapıldı. Mobilde kart bilgisi girmeyi zorlaştıran form alanları, son anda görünen masraflar veya belirsiz ödeme seçenekleri bu yüzden tasarım kusuru değil, doğrudan ciro problemidir.

Mobil uyumluluk, masaüstü tasarımın küçültülmüş hali değildir. Responsive tema temel gerekliliktir. Fakat müşterinin ürünü bulması, bedenini seçmesi, doğru görseli incelemesi ve ödeme yapması için gereken akış ayrıca kurulmalıdır.

Bir ziyaretçi, Instagram reklamında gördüğü siyah keten elbise için mağazanıza geliyor. Ürün sayfası telefonda düzgün açılıyor, ama ilk görsel geç geliyor. Beden tablosu açıklama metninin altında kalıyor ve M bedeni seçtiğinde stok bilgisi birkaç saniye sonra güncelleniyor. Ziyaretçi ürünü beğenmediği için değil, kararını güvenle veremediği için çıkıyor. Reklam bütçesi harcanıyor, ama sorun reklamda değil.

Mobilde Ürün Sayfası Satışın Karar Noktasıdır

Giyim e-ticaretinde ürün sayfası, müşterinin en çok soruya en kısa sürede yanıt aradığı ekrandır. Ürün adı ve fiyat tek başına yetmez. Görsel, beden, renk, stok, teslimat ve iade bilgisi satın alma kararına yakın bir yerde görünmelidir.

Baymard Institute araştırmasına göre kullanıcıların %56’sı ürün detay sayfasına geldiğinde önce görselleri inceliyor. Bu, tekstil ürün sayfasındaki ilk ekranın satış açısından neden önemli olduğunu gösteriyor.

İlk ekran görseli hızlı açılmalı, ama detay kaybolmamalı

Ana ürün görseli, mobil e-ticaret site hızının önemli parçalarından biridir. Çözüm ise görseli rastgele küçültmek değildir.

Görseli küçültmek hız optimizasyonu değildir. Kullanıcının ürünü inceleyemediği bir görsel, yalnızca daha hızlı yüklenen bir belirsizliktir.

İlk ekran görseli başlangıç HTML’inde bulunmalı ve lazy-load edilmemelidir. Bu görsel, sayfanın LCP öğesi olma eğilimindedir. Gerekli durumlarda fetchpriority="high" kullanılması, tarayıcının önceliği doğru vermesine yardımcı olur.

Ürün sayfasının altındaki galeri görselleri, kullanıcı aşağı indikçe yüklenebilir. Böylece açılış hızını bozmadan farklı açıları, kumaş detayını ve ürünün vücut üzerindeki duruşunu gösterebilirsiniz.

Baymard araştırması, e-ticaret sitelerinin %25’inin yeterli çözünürlük veya zoom seviyesi sunmadığını gösteriyor. Kumaş dokusu, dikiş, baskı, düğme ya da fermuar görünmüyorsa ürün görseli satış argümanı olmaktan çıkar.

Zoom, yakın plan ve model görselleri ürünün yerini tutar

Tek bir stüdyo fotoğrafı, tekstil ürünü satmak için nadiren yeterlidir. Mobil kullanıcı özellikle şu detayları görmek ister:

• Ürünün önden, arkadan ve yandan görünümü
• Kumaşın yakın plan dokusu
• Rengin farklı ışıkta görünümü
• Modelin boyu ve giydiği beden
• Kalıp bilgisi: dar, normal, oversize, yüksek bel veya kısa paça
• Ürünün hareket halindeki duruşu

Yüksek çözünürlüklü kaynak görseli saklamak, her kullanıcıya aynı ağır dosyayı göndermek anlamına gelmez. srcset ve doğru görsel boyutlarıyla küçük ekran için uygun dosya teslim edilir. Kullanıcı zoom yaptığında ise detay için yeterli çözünürlük korunur.

Beden tablosu beden seçicinin yanında olmalı

Beden tablosunu footer’a koymak, müşteriye bilgi vermek değildir. Kullanıcı bu bilgiye beden seçerken ulaşmalıdır.

Baymard’ın giyim siteleri incelemesinde mobil sitelerin %87’si yeterli beden bilgisinin en az bir unsurunu sunamıyor. Sorun yalnızca tablonun eksik olması değil. Tablo ürün açıklamasında kaybolabilir, ayrı bir sayfada açılabilir ya da ürünün gerçek kalıbı hakkında hiçbir şey söylemeyebilir.

İyi bir mobil beden alanında şu bilgiler aynı bağlamda bulunur:

• Seçilebilir bedenler ve stok durumu
• Ürüne özel beden tablosu
• Modelin boyu, kilosu veya ölçüleri
• Modelin üzerindeki beden
• Kalıp notu
• Gerekliyse “iki beden arasında kalırsanız büyük bedeni tercih edin” gibi net yönlendirme

Bu yapı iade oranını tek başına sıfırlamaz. Ancak müşterinin daha bilinçli karar vermesini sağlar ve beden belirsizliğini satıştan önce azaltır.

Renk, beden, stok ve fiyat aynı anda doğru güncellenmeli

Varyant yapısı, tekstil e-ticaretinin teknik tarafıdır. Müşterinin beklentisi basittir: “Siyah, M beden seçtim. Şimdi bana siyah M ürününü göster.”

Renk değiştiğinde ürün görseli, stok durumu, varsa fiyat farkı ve teslimat bilgisi gecikmeden güncellenmelidir. Stokta olmayan bedenler seçilebilir görünmemeli ya da açıkça tükenmiş olarak belirtilmelidir.

Varyant seçici iki saniye tepki vermiyorsa müşteri sistemin güvenilirliğini sorgular. Bu gecikmenin nedeni çoğu zaman buton rengi değildir. Ağır JavaScript, kötü kurulmuş ürün verisi veya sonradan eklenen uygulama kodu buna yol açar.

Mobil Kategori Sayfasında Kullanıcı Önce Kendi Bedenini Bulmalı

Kategori sayfasında yüzlerce ürün göstermek, müşteriye seçenek sunmak değildir. Mobil kullanıcı için bu çoğu zaman yalnızca daha fazla kaydırma demektir.

Özellikle denim, pantolon, elbise ve ayakkabı kategorilerinde müşteri önce gerçekten satın alabileceği ürünleri daraltmak ister. Bu nedenle e-ticaret filtreleme yapısı, ürün keşfinin parçasıdır.

Beden, renk, fiyat ve ürün tipi filtrelerini önceliklendirin

Filtre sırası işletmenin katalog yapısına göre değişir. Ancak bir tekstil mağazasında ilk filtreler, çoğunlukla müşterinin ürünü gerçekten alıp alamayacağını belirlemelidir.

Öncelikli filtreler genellikle şunlardır:

• Beden
• Renk
• Ürün tipi veya kalıp
• Fiyat aralığı
• Kumaş içeriği veya mevsim
• Paça boyu, bel tipi ya da topuk boyu gibi kategoriye özgü özellikler

Denim satan bir mağazada “mom jean” kategorisine gelen müşteri için bel ölçüsü, paça boyu ve kalıp sezon etiketinden daha değerlidir. Kullanıcı kendi bedeninde olmayan 80 ürünü görmek istemez.

Baymard’ın beden filtreleri üzerine araştırması, müşterilerin kendi bedenine uygun ürünleri ilk aşamada daraltabilmesinin ürün bulmayı kolaylaştırdığını gösteriyor. Filtre grupları belirsizse veya beden seçenekleri karmaşıksa kullanıcı filtrelemeyi tamamen bırakabilir.

Filtreleri mobil ekranı kaplayan karmaşaya çevirmeyin

Her filtreyi aynı anda açık göstermek de çözüm değildir. Mobilde iyi bir filtre alanı müşteriye kontrol verir, ama ekranı form alanlarıyla doldurmaz.

Filtre penceresinde seçili filtreler görünür kalmalı, sonuç sayısı açıkça yazılmalı ve “uygula” düğmesine kolayca ulaşılmalıdır. Kullanıcı filtreyi kapattığında ne seçtiğini unutmamalıdır.

Stokta olmayan varyantları filtre sonucunda göstermek de kötü bir deneyimdir. Kullanıcı ürün kartına kadar gelip kendi bedeninin tükendiğini görüyorsa filtre satın alma kararını kolaylaştırmamıştır.

Mobil Hız İçin Önce Görsel ve Kod Yükünü Düzeltin

Mobil e-ticaret performansı, PageSpeed raporundaki tek bir sayı değildir. Müşterinin ürün görselini ne zaman gördüğü, beden seçicinin ne kadar hızlı yanıt verdiği ve ekranın dokunurken kayıp kaymadığı da performansın parçasıdır.

Google’ın iyi Core Web Vitals eşikleri, 75. yüzdelikte LCP için en fazla 2,5 saniye, INP için en fazla 200 ms ve CLS için en fazla 0,1 olarak tanımlanır. Bu üç metriği mobil ürün sayfalarında ayrı izlemek gerekir.

LCP görselini lazy-load etmeyin

Ana ürün görseli ekranın üstündeyse, tarayıcı onu mümkün olan en erken anda bulmalıdır. loading="lazy" kullanmak bu görselin keşfini geciktirir ve LCP’yi kötüleştirir.

Google’ın LCP optimizasyon rehberi, ana görselin geç keşfedilmesinin ve lazy-load edilmesinin yükleme süresini uzattığını açıkça belirtir. İlk ekrandaki ürün görseli önceliklidir. Ekran dışındaki galeri görselleri değildir.

Ürün görsellerini ekran boyutuna göre teslim edin

Aynı büyük görseli küçük telefon ekranına da yüksek çözünürlüklü masaüstüne de göndermek gereksiz veri yükü yaratır. Görselleri cihaz genişliğine göre teslim etmek mobil veri tüketimini ve açılış süresini azaltır.

Her ürün görselinde sabit width ve height bilgisi veya en-boy oranı tanımlanmalıdır. Görsel sonradan yüklenirken sayfa kayarsa, kullanıcı beden seçmek isterken yanlış yere dokunabilir. Bu CLS sorunudur ve doğrudan kullanılabilirliği etkiler.

Page builder, uygulama ve etiket yükünü denetleyin

Buradaki sorun çoğu zaman “daha iyi bir tema” değildir. Gereksiz page builder kodu, ağır görseller ve sonradan eklenen uygulamalar ürün sayfasını taşınamaz hale getirir.

Tekstil sitesi tasarımında bu yükler sonradan temizlenecek borç olarak bırakılmaz. Ürün, varyant ve ödeme akışı baştan mağazanın satış biçimine göre kurulur.

Page builder’lar, eski kampanya etiketleri, tekrar eden canlı destek kodları ve her sayfada çalışan uygulamalar özellikle INP sorununa yol açabilir. Mobil kullanıcı renk seçtiğinde, filtre açtığında veya sepete eklediğinde ekran geç yanıt veriyorsa önce bu yükleri inceleyin.

Mobilde yavaşlayan bir mağaza çoğu zaman tek bir büyük hatadan değil, “sonra lazım olur” diye bırakılmış on küçük kod yükünden oluşur.

Mobil Sepet ve Checkout’ta Satışı Kaybetmeyin

Sepette kaybedilen satışın çözümü her zaman indirim kodu değildir. Sorun kargo bedeli, beden belirsizliği ya da iki saniye geç tepki veren varyant seçici olabilir.

Baymard’ın 2025 checkout benchmark’ında mobil sitelerin %63’ü orta veya daha kötü checkout deneyimi aldı. Yalnızca %2’si iyi seviyedeydi. Mobil checkout optimizasyonu hâlâ çoğu mağazada çözülmemiş bir fırsat.

Sepete ekleme düğmesini ürün kararından koparmayın

Müşteri ürün görselini, fiyatı ve beden seçimini gördükten sonra sepete eklemek için sayfanın başına dönmek zorunda kalmamalıdır. Özellikle uzun ürün açıklamalarında sabit bir “Sepete Ekle” alanı işe yarar.

Bu alan seçili beden ve renk bilgisini açıkça göstermelidir. Beden seçilmediyse hata vermek yerine kullanıcının hangi adımı tamamlaması gerektiğini net biçimde söylemelidir.

Misafir checkout’u görünür tutun

Hesap oluşturmayı zorunlu tutmak, ilk kez alışveriş yapan müşteriden gereksiz bir karar istemektir. Misafir ödeme seçeneği görünür olmalıdır.

Üyelik, sipariş tamamlandıktan sonra teklif edilebilir. Önce ödeme akışını bitirin. Ardından müşterinin tekrar alışveriş yapmasını kolaylaştıracak hesabı konuşun.

Kargo, teslimat ve iade bilgisini geç saklamayın

Kargo bedelini ödeme ekranına kadar saklamak, kısa vadede sepete geçişi artırabilir. Ancak ödeme adımındaki terk oranını yükseltir.

Teslimat süresi, iade koşulu ve varsa ücretsiz kargo eşiği ürün veya sepet aşamasında açıkça yer almalıdır. Tekstil müşterisi beden konusunda kararsızsa özellikle iade sürecini kontrol eder.

Bir müşteri spor ayakkabıyı sepete ekleyip ödeme ekranına geçiyor ve kargo bedelini ilk kez burada görüyor. Ardından üyelik formu, telefon doğrulaması ve ne anlama geldiği açık olmayan üç taksit seçeneği çıkıyor. Satın alma niyeti var, ancak işlem yükü arttıkça vazgeçiyor. Bu durumda kupon kodu göndermek sorunu çözmez. Önce checkout’taki sürtünmeyi kaldırmak gerekir.

Kartlı ödeme akışını gerçek telefonda test edin

Kartlı ödeme Türkiye’de baskın yöntemse ödeme ekranı gerçek telefonlarda test edilmelidir. Masaüstü testi yeterli değildir.

Şunları kontrol edin:

• Sayısal klavye kart numarası alanında açılıyor mu?
• Son kullanma tarihi ve CVV alanları açık mı?
• Hata mesajı alanın yanında ve anlaşılır mı?
• 3D Secure dönüşünde sipariş durumu doğru işleniyor mu?
• Taksit seçenekleri okunabilir mi?
• Başarısız ödeme sonrası sepet korunuyor mu?

Shopify kullanan mağazalarda da aynı kural geçerlidir. Hazır checkout, ölçüm ve test ihtiyacını ortadan kaldırmaz. Düzenli CRO çalışması gereken mağazalar için Shopify büyüme desteği, hız, ürün sayfası ve satın alma akışını birlikte ele alma alanıdır.

Mobil Dönüşüm Sorununu Tahmin Etmeyin, Funnel’da Bulun

“Müşteriler mobilde alışveriş yapmıyor” ifadesi çoğu zaman yanlış teşhistir. Müşteriler mobilde bir adıma kadar geliyor, ardından belirli bir sürtünme noktasında kayboluyor olabilir.

Mobil ve masaüstü dönüşüm oranını tek rakamda birleştirmek bu farkı gizler. GA4’te cihaz kategorisine göre ayrı funnel kurun.

Temel mobil funnel şu olaylardan oluşabilir:

Adım	GA4 olayı	Sorulacak soru
Ürün görüntüleme	view_item	Mobil kullanıcı ürün sayfasına geliyor mu?
Beden veya renk seçimi	Özel event	Kullanıcı varyant seçmeden mi çıkıyor?
Sepete ekleme	add_to_cart	Ürün sayfası karar vermeyi kolaylaştırıyor mu?
Checkout başlangıcı	begin_checkout	Sepet veya kargo bilgisi sürtünme yaratıyor mu?
Teslimat ve ödeme	add_shipping_info, add_payment_info	Form veya ödeme yöntemi kayıp yaratıyor mu?
Satın alma	purchase	Mobil dönüşüm masaüstünden ne kadar ayrışıyor?

Öncelik sırası basittir:

1. Son 30–90 günün mobil verisini alın.
2. En yüksek yüzdesel kaybın olduğu adımı bulun.
3. Aynı anda beş değişiklik yapmayın.
4. Bir değişikliği yayınlayın.
5. Yeterli trafik sonrası etkisini yeniden ölçün.

Ürün görüntüleme ile sepete ekleme arasındaki kayıp yüksekse ilk refleks checkout’u yeniden tasarlamak olabilir. Önce veriye bakın: Mobil kullanıcıların önemli bir bölümü beden seçmeden çıkıyorsa sorun checkout’ta değil, ürün sayfasındadır. Bu durumda beden tablosunu seçicinin yanına alın, model ölçülerini ekleyin ve tükenen bedenleri netleştirin. Böylece yanlış problemi çözmekle zaman kaybetmezsiniz.

Tekstil Mağazası İçin 7 Maddelik Mobil Optimizasyon Kontrol Listesi

Tekstil e-ticarette mobil optimizasyon için öncelik sırası şöyledir:

1. İlk ekran ürün görselini hızlandırın. Ana görseli lazy-load etmeyin; ekran dışındaki görselleri gecikmeli yükleyin.
2. Zoom ve detay fotoğrafları ekleyin. Kumaş, dikiş, baskı ve kalıbı incelemek mümkün olmalıdır.
3. Beden tablosunu beden seçicinin yanına koyun. Model ölçüsü, kalıp notu ve ürün ölçülerini aynı bağlamda verin.
4. Renk ve beden varyantlarını açık gösterin. Görsel, stok ve fiyat seçime göre doğru güncellenmelidir.
5. Mobil filtreleri satın alma kararına göre sıralayın. Beden, renk, ürün tipi ve fiyat çoğu tekstil kategorisinde ilk sıradadır.
6. Sepet ve ödemeyi sadeleştirin. Misafir ödeme, kargo bilgisi ve kart alanları açık olmalıdır.
7. Mobil funnel’ı ayrı ölçün. En büyük kaybın olduğu adımı bulmadan tasarım kararı vermeyin.

Kumaş ve Toptan Tekstil Satışında Ek Gereksinimler

B2B tekstil işletmelerinde “sepete ekle” her zaman ana dönüşüm değildir. Kumaş, kartela veya minimum sipariş miktarıyla çalışan işletmelerde müşteri önce teknik uygunluğu kontrol eder.

Mobil ürün sayfasında şu bilgiler görünür olmalıdır:

• Kumaş türü ve içerik oranı
• Gramaj, en ve kullanım alanı
• Renk kodu ve kartela bilgisi
• Sertifika veya teknik dokümanlar
• Metre, kilogram ya da top bazlı fiyatlama
• Minimum sipariş miktarı
• Numune veya teklif talep seçeneği

Bu yapıdaki doğru dönüşüm olayı purchase olmayabilir. generate_lead, request_sample veya contact_form_submit işletme için daha değerli olabilir.

Mobil formda 14 alan istemek, B2B müşteriyi nitelendirmek değildir. İlk talepte yalnızca satışın devam etmesi için gereken bilgiyi isteyin. Firma adı, kişi adı, telefon, e-posta, ürün ve tahmini miktar çoğu başlangıç talebi için yeterlidir.

Katalog karmaşıklığı, özel fiyat mantığı veya müşteriye göre farklı sipariş akışı arttığında hazır altyapının sınırı erken gelir. Bu tür durumlarda headless e-ticaret, storefront ile ticaret motorunu ayırarak daha özel satış kuralları kurma seçeneği sunar.

Sık Sorulan Sorular

Tekstil e-ticaret sitesi için mobil uyumlu tema yeterli mi?

Hayır. Tema ekran boyutuna uyum sağlar. Ürün görseli, beden seçimi, varyant, filtre, hız ve checkout akışı ayrıca optimize edilmelidir.

Mobil ürün sayfasında beden tablosu nerede olmalı?

Beden bilgisi, beden seçeneklerinin hemen yanında yer almalıdır. Kullanıcı ürün sayfasından ayrılmadan tabloyu, model ölçülerini ve kalıp bilgisini görebilmelidir.

Tekstil ürün görselleri mobilde nasıl hem hızlı hem kaliteli olur?

İlk ekran görseli yüksek öncelikle yüklenmelidir. Ekran dışındaki görseller lazy-load edilmelidir. Küçük ekran için uygun dosya gönderilirken zoom sırasında yüksek çözünürlüklü görsel sunulmalıdır.

Mobilde ürün filtreleri hangi sırayla gösterilmeli?

Önce müşterinin ürünü satın alıp alamayacağını belirleyen filtreler gelmelidir: beden, renk, ürün tipi ve fiyat. Kumaş veya B2B satışta en, gramaj, içerik ve minimum sipariş miktarı öne çıkar.

Mobil checkout’ta en sık görülen sorun nedir?

Gereksiz form alanları, geç gösterilen masraflar, zor bulunan misafir ödeme seçeneği ve anlaşılmayan ödeme yöntemleri en yaygın sürtünme noktalarıdır.

Mobil e-ticaret dönüşümünü nasıl ölçebilirim?

GA4’te cihaz kategorisine göre ürün görüntüleme, varyant seçimi, sepete ekleme, checkout başlangıcı, ödeme bilgisi ve satın alma adımlarını ayrı inceleyin. En büyük kaybın yaşandığı adım, ilk geliştirme önceliğinizdir.

Mobilde Açılan Mağaza Değil, Mobilde Satış Yapan Akış Gerekir

Tekstil e-ticaret mobil optimizasyonu yeni bir tema satın alma işi değildir. Müşterinin ürünü incelemesi, bedeninden emin olması, doğru varyantı seçmesi ve ödeme yapması için gereken satış akışını kurma işidir.

İlk ekran görseli hızlı açılmalı. Beden bilgisi seçim anında görünmelidir. Varyantlar doğru güncellenmelidir. Kargo ve ödeme bilgisi son ana saklanmamalıdır. Ardından tüm akış mobil veride ölçülmelidir.