E-Ticaret Web Tasarım Nasıl Olmalı? 10 Temel Kural

E-ticaret web tasarım, bir online mağazanın ürünleri sergileme, kullanıcıyı ürüne yönlendirme ve satın alma işlemini güvenle tamamlatma biçimini belirleyen tasarım ve kurgu çalışmasıdır. İyi bir e-ticaret sitesi yalnızca güzel görünmez; hızlı açılır, mobilde kolay kullanılır, ürünü net anlatır, ödeme adımlarını sadeleştirir ve yasal bilgilendirmeleri eksiksiz sunar.

Bu yazıda satış odaklı bir e-ticaret sitesi kurarken uyulması gereken on temel kuralı; kullanıcı deneyimi, teknik altyapı, SEO ve mevzuat açısından ele alıyoruz. Online mağazanızı uçtan uca planlayacak bir web tasarım hizmeti arıyorsanız yazının sonunda nasıl çalıştığımızı bulabilirsiniz.

E-ticaret web tasarım nedir?

E-ticaret web tasarım, ürünlerin online satışı için kurgulanan bir sitenin bilgi mimarisini, sayfa şablonlarını, görsel dilini ve satın alma akışını kapsayan çalışmadır. Kurumsal sitelerden farkı, kullanıcıyı keşiften ödemeye kadar yönlendiren ölçülebilir bir satış akışına sahip olmasıdır. Kategori, ürün, sepet ve ödeme sayfaları bu akışın temel parçalarıdır.

E-ticaret web tasarımında ele alınan ana sayfa türleri ve görevleri:

Sayfa	Temel görevi
Ana sayfa	Markayı tanıtmak, öne çıkan kategori ve kampanyalara yönlendirmek
Kategori sayfası	Ürünleri filtrelenebilir ve karşılaştırılabilir biçimde listelemek
Ürün sayfası	Ürünü ayrıntılı anlatmak ve sepete ekletmek
Sepet ve ödeme	Satın almayı hızlı, anlaşılır ve güvenli şekilde tamamlatmak
Bilgi sayfaları	İade, teslimat, gizlilik ve iletişim bilgilerini sunmak

Kural 1: Mobil uyum neden öncelikli olmalıdır?

Mobil uyum öncelikli olmalıdır çünkü Google, dizine ekleme ve sıralamada ağırlıklı olarak sayfaların mobil sürümünü kullanır. Mobil sürümde eksik içerik veya zor kullanılan menüler hem aramada görünürlüğü hem de satışları olumsuz etkiler. Bu nedenle e-ticaret web tasarım sürecine mobil ekranlardan başlamak doğru bir yaklaşımdır.

Google’ın mobil öncelikli dizine ekleme dokümanına göre mobil ve masaüstü sürümlerde aynı içeriğin bulunması gerekir. Mobil e-ticaret web tasarımında dikkat edilecekler:

• Dokunma alanları: Butonlar ve bağlantılar parmakla rahatça tıklanabilecek büyüklükte olmalıdır.
• Sade menü: Kategori menüsü mobilde kolay açılıp kapanmalıdır.
• Görünür sepet butonu: “Sepete ekle” butonu kaydırma sırasında kolay erişilebilir olmalıdır.
• Duyarlı tasarım: Tek kod tabanıyla tüm ekranlara uyum için responsive web tasarım yazımıza bakabilirsiniz.

Kural 2: Site hızı satışları nasıl etkiler?

Site hızı satışları etkiler çünkü yavaş açılan sayfalar kullanıcının sabrını zorlar ve satın alma yolculuğunu yarıda bırakmasına yol açabilir. Google’ın Core Web Vitals metrikleri yükleme, etkileşim ve görsel kararlılığı ölçer. Özellikle çok sayıda görsel içeren kategori ve ürün sayfalarında görsel optimizasyonu hızın belirleyicisidir.

web.dev’in Core Web Vitals rehberine göre iyi bir deneyim için LCP 2,5 saniye veya altında, INP 200 milisaniye veya altında ve CLS 0,1 veya altında olmalıdır. E-ticaret web tasarımında hız için:

• Görselleri optimize edin: WebP veya AVIF gibi modern biçimler ve doğru boyutlar kullanın.
• Tembel yükleme: Ekranın altındaki görselleri gerektiğinde yükleyin.
• CDN kullanın: Statik dosyaları kullanıcıya yakın sunuculardan sunun.
• Üçüncü taraf kodlarını sınırlayın: Gereksiz eklenti ve izleme kodlarını kaldırın.

Hız çalışmalarının ayrıntıları için site hızı yazımıza göz atabilirsiniz.

Kural 3 ve 4: Kategori yapısı ve arama nasıl kurgulanmalıdır?

Kategori yapısı, kullanıcının ürüne en az adımla ulaşmasını sağlayacak şekilde mantıksal ve hiyerarşik kurgulanmalıdır. Menüden kategoriye, kategoriden alt kategoriye ve ürünlere bağlantılar kesintisiz olmalıdır. Site içi arama ise yazım hatalarını tolere eden, filtreleme sunan ve sonuç bulunamadığında alternatif öneren bir yapıda olmalıdır.

Google’ın e-ticaret gezinme yapısı dokümanına göre menülerden kategori sayfalarına, oradan alt kategorilere ve ürün sayfalarına bağlantılar verilmesi, Google’ın tüm ürünleri bulmasına yardımcı olur. Google ayrıca Googlebot’un genellikle site içi arama kutularına sorgu göndermediğini belirtir. Bu nedenle:

• Kural 3, kategori hiyerarşisi: Ürünlere yalnızca arama kutusuyla değil, kategori gezinmesiyle de ulaşılabilmelidir.
• Kural 4, site içi arama ve filtreler: Beden, renk, fiyat ve marka gibi filtreler kullanıcıya hızlı daraltma imkânı sunmalıdır.
• Taranabilir bağlantılar: Gezinme bağlantıları <a href> etiketiyle oluşturulmalıdır.

Kural 5: Ürün sayfası nasıl tasarlanmalıdır?

Ürün sayfası, kullanıcının satın alma kararı için ihtiyaç duyduğu tüm bilgileri net ve düzenli biçimde sunmalıdır. Yüksek kaliteli görseller, açıklayıcı başlık, fiyat, stok durumu, teslimat süresi, iade koşulları ve teknik özellikler sayfanın temel unsurlarıdır. “Sepete ekle” butonu ekranın ilk görünen bölümünde belirgin şekilde yer almalıdır.

E-ticaret web tasarımında ürün sayfası kontrol listesi:

• Görseller: Farklı açılardan, yakınlaştırılabilir görseller; mümkünse kullanım görselleri.
• Açıklama: Üretici metnini kopyalamak yerine ürünün faydasını anlatan özgün metin.
• Fiyat ve vergiler: Toplam fiyatın açıkça gösterilmesi.
• Yorumlar: Gerçek müşteri yorumları; yorumların yönetimiyle ilgili kurallar için sosyal kanıt yazımıza bakabilirsiniz.
• Yapılandırılmış veri: Fiyat ve stok bilgisi için Google’ın ürün yapılandırılmış verileri dokümanını uygulayın.

Kural 6 ve 7: Sepet ve ödeme adımları nasıl sadeleştirilir?

Sepet ve ödeme adımları, gereksiz alanlar kaldırılarak, misafir alışverişe izin verilerek ve toplam tutar her adımda açıkça gösterilerek sadeleştirilir. Kullanıcı hangi adımda olduğunu ve kaç adım kaldığını görebilmelidir. Sürpriz kargo ücretleri veya son adımda ortaya çıkan ek maliyetler, satın alma işleminin yarıda bırakılmasına yol açabilir.

Ödeme akışı için öneriler:

• Kural 6, şeffaf sepet: Ürün, adet, kargo ve toplam tutar sepet sayfasında açıkça görünmelidir.
• Kural 7, kısa ödeme formu: Yalnızca gerekli bilgileri isteyin; adres ve kart alanlarında otomatik doldurmayı destekleyin.
• Hata mesajları: Form hatalarını anlaşılır biçimde ve ilgili alanın yanında gösterin.
• Ödeme seçenekleri: Hedef kitlenizin tercih ettiği ödeme yöntemlerini sunun.

Mevzuat açısından da 6563 sayılı Elektronik Ticaretin Düzenlenmesi Hakkında Kanun madde 4’e göre hizmet sağlayıcı, siparişin onaylanması aşamasında ve ödeme bilgileri girilmeden önce toplam bedel dahil sözleşme şartlarının alıcı tarafından açıkça görülmesini sağlamalı, siparişi gecikmeksizin teyit etmeli ve veri giriş hatalarını düzeltme imkânı sunmalıdır.

Kural 8: Güven unsurları nasıl gösterilir?

Güven unsurları; HTTPS ile güvenli bağlantı, açık iletişim bilgileri, anlaşılır iade ve teslimat politikaları, gerçek müşteri yorumları ve tanınmış ödeme altyapılarıyla gösterilir. Kullanıcı ilk kez alışveriş yaptığı bir sitede kiminle muhatap olduğunu kolayca görebilmelidir. Güven eksikliği, iyi tasarlanmış bir sitede bile satışları düşürebilir.

E-ticaret web tasarımı için güven unsurları kontrol listesi:

• HTTPS: Tüm site güvenli bağlantıyla sunulmalıdır; geçiş için HTTPS etkinleştirmek yazımıza bakabilirsiniz.
• Tanıtıcı bilgiler: 6563 sayılı Kanun madde 3, hizmet sağlayıcının tanıtıcı bilgilerini alıcıların kolayca ulaşabileceği şekilde ve güncel olarak sunmasını öngörür.
• İade ve teslimat: Koşullar ödeme öncesinde açıkça belirtilmelidir.
• Gerçek yorumlar: Yorumların doğruluğu hem güven hem de mevzuat açısından önemlidir.

Kural 9: E-ticaret sitesinde hangi yasal bilgilendirmeler yer almalıdır?

E-ticaret sitesinde satıcının tanıtıcı bilgileri, ön bilgilendirme formu, mesafeli satış sözleşmesi, cayma hakkı koşulları, gizlilik ve kişisel verilerin işlenmesine ilişkin aydınlatma metni ile çerez politikası yer almalıdır. Bu bilgiler tasarımın bir parçası olarak planlanmalı ve ödeme akışında kullanıcının kolayca erişebileceği yerlerde bulunmalıdır.

Temel yasal dayanaklar:

• Ön bilgilendirme: Mesafeli Sözleşmeler Yönetmeliği madde 5’e göre tüketici, sözleşme kurulmadan önce malın temel nitelikleri, satıcının kimlik ve iletişim bilgileri ve vergiler dahil toplam fiyat gibi konularda bilgilendirilmelidir.
• Cayma hakkı: Aynı yönetmeliğin 9. maddesine göre tüketici, on dört gün içinde gerekçe göstermeksizin ve cezai şart ödemeksizin sözleşmeden cayma hakkına sahiptir; bazı ürün türleri için 15. maddede istisnalar düzenlenir.
• Kişisel veriler: Üyelik ve sipariş formlarında toplanan veriler 6698 sayılı KVKK kapsamındadır; aydınlatma metni sunulmalıdır.
• Çerezler: Kişisel Verileri Koruma Kurumu’nun Çerez Uygulamaları Hakkında Rehberi çerez kullanımına ilişkin yaklaşımı açıklar.

Mevzuat zaman içinde değişebilir; güncel metinleri kontrol edin. Bu içerik bilgilendirme amaçlıdır, hukuki tavsiye değildir.

Kural 10: E-ticaret sitesi SEO’ya nasıl hazırlanır?

E-ticaret sitesi SEO’ya; temiz URL yapısı, özgün kategori ve ürün açıklamaları, ürün yapılandırılmış verileri, iç bağlantı kurgusu ve hızlı sayfalarla hazırlanır. SEO, site yayına girdikten sonra eklenen bir katman değil, tasarım aşamasında planlanması gereken bir gerekliliktir. Aksi hâlde sonradan yapılan URL ve yapı değişiklikleri trafik kaybına yol açabilir.

E-ticaret web tasarımı sürecinde SEO hazırlığı için:

• URL yapısı: Google’ın e-ticaret URL yapısı dokümanındaki en iyi uygulamaları izleyin.
• Özgün içerik: Kategori sayfalarına kısa, faydalı açıklamalar ekleyin; blog içerikleri için e-ticaret siteleri için blog kullanımı yazımıza bakabilirsiniz.
• Sezon planı: Kampanya dönemleri için sezonsal SEO yazımızdaki adımları uygulayın.
• Profesyonel destek: Teknik ve içerik SEO’sunu birlikte yürütmek için SEO hizmeti sayfamıza göz atabilirsiniz.

Sık sorulan sorular

Satış odaklı bir e-ticaret sitesi kuralım. Duende Dijital, kullanıcı deneyimi, hız, SEO ve mevzuat gerekliliklerini birlikte ele alan bir web tasarım hizmeti sunar. Maliyet etkenleri için web tasarım fiyatları yazımıza göz atın. Projenizi konuşmak için brifinizi paylaşın.

Kaynakça

• Google Arama Merkezi: Mobil öncelikli dizine ekleme
• web.dev: Core Web Vitals
• Google Arama Merkezi: E-ticaret web sitesi gezinme yapısı
• Google Arama Merkezi: E-ticaret URL yapısı
• Google Arama Merkezi: Ürün yapılandırılmış verileri
• Mevzuat: 6563 sayılı Elektronik Ticaretin Düzenlenmesi Hakkında Kanun
• Resmî Gazete: Mesafeli Sözleşmeler Yönetmeliği
• Mevzuat: 6698 sayılı Kişisel Verilerin Korunması Kanunu
• KVKK: Çerez Uygulamaları Hakkında Rehber