E-ticaret web tasarımında ürün varyantı yönetimi, renk ve beden düğmeleri yerleştirmekten fazlasıdır. Kullanıcı seçim yaptığında fotoğraf, fiyat, stok ve sepete eklenecek ürün aynı seçeneği göstermelidir. Görselde lacivert çanta varken sepete başka renk eklenmesi, tasarım ile operasyon arasındaki ilişkinin koptuğunu gösterir. İşletme açısından doğru başlangıç, ürün ailesi ile satılabilir her seçeneği ayrı tanımlamaktır. Ardından ekran, URL ve stok sistemi bu tanımı birlikte kullanır. Böylece ürün sayfası yalnız estetik bir vitrin olmaktan çıkar; müşterinin doğru ürünü seçebildiği bir alışveriş aracına dönüşür.

Ürün ailesiyle satılabilir seçeneği ayırın

Bir modelin farklı renk veya boy seçenekleri aynı aileye ait olabilir; ancak her satılabilir kombinasyon kendi stok ve sipariş kimliğiyle izlenmelidir. Ticari ekip hangi özelliklerin varyant oluşturduğunu baştan belirlesin. Renk seçimi, paket adedi ve kişiselleştirme her projede aynı mantıkla yönetilmez. Mevcut stok sisteminde olmayan bir kombinasyonu yalnız tasarım maketinde göstermek, geliştirme aşamasında belirsizlik yaratır. Projeye başlamadan önce örnek ürünler üzerinden kimlik, özellik, görsel, fiyat ve stok alanlarını birlikte kontrol edin. Sorunu tüm katalog aktarıldıktan sonra keşfetmeyin.

Seçilen varyantın durumunu görünür kılın

Renk örneğinin yanında anlaşılır bir ad, beden seçiminde açık bir seçili durum kullanın. Yalnız renk farkıyla anlatılan bir arayüz erişilebilirlik açısından yetersiz kalabilir. Kullanıcı seçimi değiştirince ilgili görseller ve gerekli ürün bilgileri de güncellensin. Seçilmeyen zorunlu bir özellik varsa sepete ekleme aşamasında açıkça belirtin; müşteriyi sayfanın görünmeyen bölümündeki hatayı bulmaya zorlamayın. Bunlar kullanıcı deneyimi önerileridir; uygulanacak desen ürün yapısına göre belirlenir. Özellikle telefonda seçenekler arasında geçiş yaparken sayfanın beklenmedik biçimde sıçramaması ve seçimin kaybolmaması önemlidir.

Stokta olmayan seçenekleri anlaşılır yönetin

Olmayan bir renk ile henüz seçilmemiş renk aynı görünmemeli. Tükenen seçeneği tamamen saklamak, ürünün o renkte üretilmediği izlenimini verebilir; pasif göstermek ise açık bir açıklama gerektirir. Yeniden stok bildirimi sunulacaksa kullanıcının hangi varyant için başvurduğunu kaydedin ve iletişim tercihini uygun şekilde yönetin. Alternatif ürüne geçiş, zorunlu yönlendirme yerine anlaşılır bir öneri olarak sunulabilir. Son stok başka bir siparişte satıldığında ödeme öncesindeki kontrol de çalışmalı; sayfada görülen bilgiyle sipariş sisteminin durumu birlikte doğrulanmalıdır.

Bağlantı açıldığında doğru seçim gelsin

Google Search Central, varyantların doğrudan seçili olarak açılabileceği ayrı URL’lerin önemini açıklar. Reklamdan veya paylaşılan bağlantıdan gelen ziyaretçi, gördüğü renk ve bedenle karşılaşabilmelidir. Tek sayfa ve çok sayfa yapıları için canonical yaklaşımı farklı olabilir; her varyanta aynı kuralı düşünmeden uygulamayın. Google’ın ürün varyantı belgeleri bu iki mimariyi ayrı örnekler. Teknik seçim, mağazanın gerçek sayfa yapısıyla uyumlu olmalıdır. Bağlantıyı kopyalayıp yeni sekmede açarak ürün görselinin, fiyatın ve sepete eklenen seçeneğin korunmasını kontrol edin.

Ürün verisiyle ekranı aynı katalogdan besleyin

Merchant Center ürün verisinde her varyantın ayrı ürün kodu bulunurken aynı ailedeki seçenekler ortak item_group_id ile gruplanabilir. Yapılandırılmış veride ProductGroup ve Product ilişkisi de varyantların anlaşılmasına yardımcı olur. Bu işaretlemeler, stok ve fiyat bilgisinin yanlış olmasını telafi etmez. Ekran, veri kaynağı ve işaretleme aynı ürün gerçeğini anlatmalıdır. Zengin sonuç gösterimi garanti değildir; temel amaç tutarlı ve doğrulanabilir ürün bilgisi sunmaktır. Tasarım ekibi ile entegrasyon ekibinin aynı örnek katalog üzerinden çalışması, farklı sistemlerdeki adlandırma sorunlarını erken görünür kılar.

  • Varyant kimliği ile sipariş satırını eşleştirin
  • Seçim sonrası görsel, fiyat ve stoğu kontrol edin
  • Veri kaynağı ve yapılandırılmış veriyi gerçek sayfayla karşılaştırın

Yayından önce küçük ama zor bir ürün setini deneyin

Kontrol setine farklı fiyatlı seçenek, tek kalan stok, tükenen beden ve birden fazla görsel içeren ürünler alın. Telefonla renk seçip sepete ekleyin; sepeti yenileyin ve sipariş satırındaki varyantı inceleyin. Sadece en basit ürünün sorunsuz çalışması bütün kataloğun hazır olduğunu göstermez. ReklamKlik e-ticaret web tasarımında ürün seçimini, katalog verisini ve satın alma akışını birlikte planlar. Mevcut mağazanızın örnek ürünleriyle yapılacak kapsam değerlendirmesi, ihtiyaç duyulan tasarım ve entegrasyon işlerini somutlaştırır.

Kaynaklar

İŞLETMENİZE UYARLAYALIM

Bir sonraki adımı birlikte belirleyelim.

Hedefinizi ve mevcut durumunuzu paylaşın; ihtiyacınıza uygun kapsamı konuşalım.

Teklif alın →