13 E -Ticaret Ürün Sayfası Tasarımı Daha Yüksek Dönüşüm için Sahip Olması Gereken
2021’de 4,8 trilyon dolara çıkması beklenen küresel e -ticaret satışlarıyla, daha fazla dönüşüm için e -ticaret web sitelerini nasıl tasarlayacağınıza ciddi dikkat etmek zorunda değil misiniz? WordPress siteleri için bazı temel dönüşüm ipuçları burada geçerli olsa da, e -ticaret siteleri genellikle format ve düzen açısından aynı kurallara uymaz. Özellikle, e -ticaret ürün sayfalarını yüksek dönüşümle neyin yapan şey hakkında derin bir dalış yapmak istiyorum. Sonuçta, bu sayfa dönüşümden önceki son adımdır, bu yüzden sözleşmeyi mühürlemek ve ziyaretçileri bir ödeme müşterisine dönüştürmek için son fırsatınızdır.
E -ticaret sitenizi oluşturmadıysanız, WordPress ile bir e -ticaret mağazası planlamak için tam kılavuzumuzu okuduğunuzdan emin olun. E -Ticaret Ürün Sayfası Tasarım, ziyaretçilerinizin ürün sayfanızı açtıktan sonra herhangi bir şey satın alacağı garanti edilmez. Ancak işiniz, bir e -ticaret sitesi oluştururken, onları bırakmak için ek bir neden vermemek içindir. Dürüst olmak gerekirse, e -ticaret ürün sayfaları tasarlamanın en güvenli yolunun, herkes tarafından bilinen ve güvenilen çevrimiçi perakendecilere benzer tasarımlar ve düzenlerle başlamak olduğunu düşünüyorum.
Amazon web sitesinin görünümünü gerçekten sevmiyorum. Bence tip çok küçük, çok fazla oluyor ve satıcının açıklamasının ve fotoğrafının kalitesi her zaman iyi değil. Bununla birlikte, Amazon ürün sayfasının tasarımı, mantıklı bir şekilde düzenlendiği ve web sitesi boyunca tutarlı bir şekilde uygulandığı için iyi çalışır. Bu nedenle, WordPress siteniz için bir e -ticaret ürün sayfası nasıl oluşturulacağını gördüğümüzde, bunu dönüşüm açısından en iyi ürün sayfaları uygulaması için bir tür görüntü çerçevesi olarak kullanmak istiyorum. E -ticaret ürünü tasarlamak için gereken her önemli öğeyi açıkladığımda Yüksek dönüşümlü sayfalar, her noktayı iyi gösteren web sitelerinin örneklerini vurgulayacağım. Yukarıdan aşağıya doğru takip ederseniz, her öğenin (belki beyaz alan hariç) başarılı bir Amazon formülünün bir parçası olduğunu göreceksiniz, ancak her site üzerinde benzersiz bir tur yerleştirmenin harika bir yolunu buldu. . 1. Adres Çubuğu
Bean Box web sitesinden doğru yapılan URL’lere örnekler. Ürün sayfası adresinizin adresi hakkında çok fazla düşünmeyebilirsiniz, ancak burada katı formülü takip etmek için söylenebilecek bir şey var. İhtiyacın olan şey bu:
Https. Bu bir e -ticaret sitesi ise, bu müzakere edilemez. Bu aynı zamanda ziyaretçilerin genel olarak sitenizde buluşması gereken ilk güven işaretidir.
Basit bir yapı. Ürün her zaman yol yapısında daha derin olduğundan, bu etiketi net ve takip etmesi kolay tutmaya odaklanın. URL’ye SKU ürünleri ve diğer referans etiketleri ekleyin, yalnızca ziyaretçileri dikkat dağıtacaktır.
Optimize edilmiş salyangozlar. E -Ticaret Ürünleri sayfası için SEO hakkında düşünürken, ürün sayfanızın anahtar kelime odağı salyangoz olarak işlev görmelidir. Başka bir deyişle, ürününüz “fasulye kutusu” olarak adlandırılıyorsa, soo.2 amacıyla fasulye kutusu sümük olarak kullanın. Beyaz oda
Apple web sitesindeki ürünleri vurgulamak için kullanılan beyaz boşluklara örnekler.
En iyi e -ticaret ürün sayfası her zaman çok fazla içerik açmaz. Apple, minimalist ile eş anlamlı bir marka haline geldi, bu nedenle web tasarımlarının ürünlerini çerçevelemek için çok fazla boş alan kullanması şaşırtıcı değil. İşte bu örnekten alabileceğiniz diğer alanları ve beyaz alanı iyi kullanan diğer e -ticaret sitelerini en aza indirmek için bazı ipuçları: Metinde hafif bir ürün sayfası oluşturun ve müşterilerin ana ayrıntılara tek tek odaklanmalarına yardımcı olmak için çeşitli öğeler arasında (aşağıda açıklanan) yeterli mesafe kullanın.
Fotoğraf ve ürün açıklamasının arkasında sağlam bir arka plan rengi (tercihen beyaz) kullanın. Bu, ürüne odaklanmaya yardımcı olur.
Yardım edebiliyorsa yan bıçakları ürün sayfanıza koymayın.
Ürününüzün üç veya dörtten fazla görüntü veya videosunu görüntülerken, kullanılan alan miktarını azaltmak için hızlı ve tam özellikli bir galeri eklentisi kullanın.
3. Navigasyon
Ekmek kırıntısı navigasyonu örnekleri Costco tarafından iyi yapılır.
E -ticaret web sitesini tüketici olarak kullanmakla ilgili zor şeylerden biri gezinme. Tabii ki, bir arama çubuğu varsa, her zaman istediğiniz ürünü yazabilirsiniz (ne olarak adlandırıldığını biliyorsanız); Değilse, orijinal arama sorgularından geri adım atmak için çok fazla tıklama gerekir. Bir tasarımcı olarak, ziyaretçilerinizin yapması gereken işi basitleştirmek için ürün sayfanızın en üstünde ekmek kırıntısı navigasyonunu kullanabilirsiniz. Sonuçta, zaten bu ürün veya ürün türüyle ilgileniyorlar, değil mi? Ekmek kırıntıları ürüne yol açan tüm kategorileri ve alt kategorileri gösterdiğinden, bu bunları önceki adıma geri dönmek için ideal bir çözümdür, böylece baştan tekrar bir arama başlatmaları gerekmez. 4. Bellroy ürünlerinin resimleri ve videoları, fotoğraf galerilerinde fotoğraf ve videoların bir karışımını içerir.
Ondan dokuzunun (veya belki de bundan daha fazlasını), sayfanın sol tarafında bulunan bir ürün resmi bulacağınızı söyleyeceğim. Bunu düşünürseniz mantıklı. Soldan sağa yazılmış bir dil içeren bir web sitesi geliştirirseniz, müşterinizin gözleri otomatik olarak sayfanızın sol üst köşesine – ürün fotoğraf yeridir.
Bu nedenle e -ticaret siteniz için fotoğraf veya video prodüksiyonundan tasarruf edemezsiniz. Bu, ziyaretçilerin ürünler için sahip olacağı ve gerçekçi bir şekilde satın alma kararlarını verebileceği veya yok edebileceği ilk izlenimdir. Peki, ürün görüntüsünü doğru kullandığınızdan emin olmak için ne yapabilirsiniz? İlk olarak, Smush Pro gibi optimizasyon eklentisini yükleyin. Sitenize çok büyük bir medya dosyası yükleyeceksiniz ve işlemdeki yükleme hızını veya görüntü kalitesini feda etmek istemezsiniz.
Asla bulanık veya düşük çözünürlüklü görüntüleri veya videoları dahil etmeyin.
Görüntü ürününüzü en iyi ışıkta çerçevelemiyorsa veya doğru tasvir (yani çok düz) değilse, müşteriler önceki ürünü deneyemediğinden, farklı açılardan veya bir model tarafından kullanıldığında çeşitli görüntüleri yükleyin.
Burada ürün tanıtım videoları kullanmayın; Bunun yerine, ürünü gerçekten çalışırken gösteren bir video kullanın.
Ayrıca, ürününüzün farklı bir renk veya boyutu varsa, burada da temsil edilmesi gerekir. Bununla başa çıkmanın en iyi yolu, varyasyonlar değiştiğinde onu değiştirmektir (aşağıdaki bilgilere bakın).
Kullanıcılar tarafından yapılan içeriği toplayabildiyseniz, buraya ekleyin (elbette kullanıcıların izniyle).
360 keşiften yararlanacak ürünler için sanal bir gerçeklik eklentisi kullanmayı düşünün.
5. Ürün Adı
Bose ürün adı, açık ürün etiketlemesi ile markalı isimlerin mükemmel bir kombinasyonudur.
Ürün adına göre, ürünün ne olduğu konusunda ne kadar net olursunuz, daha iyi. Bu, Amazon’da bazen gördüğünüz gibi üç sıra ürünün adını yazmak anlamına gelmez. , vb. vb. Vb.” Sadece mantıklı benzersiz bir ürünün adını yazın.
Ayrıca, ürün adı kelimeleriniz açısından, WordPress sitesindeki diğer sayfalar için kullandığınız SEO adlandırma kuralını takip etmelisiniz. Bu, odak anahtar kelimeleri adlara girmek ve bunları 55 veya daha az karakterle (arama amacıyla) sınırlamak anlamına gelir. 6. Fiyat
American Eagle, ziyaretçilerin dikkatini hemen fiyata çekmek için iyi bir yol gösteriyor. Ürün fiyatı, ziyaretçilerinizin ürünün adından sonra gördüğü bir sonraki şey olmalı. İyi yazılmış bir açıklama ve olağanüstü bir ürün sayfası ile ürün değerine tam olarak yatırım yapmalarını sağlasanız bile, çok yüksek olan fiyat kırılma anlaşması olabilir. Yani, öne ve ortasına yerleştirin. Ayrıca, özel bir indirim sunarsanız, orijinal fiyatın hemen yanına yerleştirin – ve maliyet tasarruflarına dikkat çekmek için parlak ve çekici renkler kullanmaktan korkmayın. 7. Sıralama ve Gözden Geçirme
Ürün sıralamasının basit bir görünümünün nasıl öne çıkabileceğine ve ürünleri çok fazla konuşmadan “satmaya” nasıl yardımcı olabileceğine iyi bir örnek.
Müşteri incelemelerinin veya müşteri referanslarının ürün sayfanızın en üst kısmına yakın olmasına izin verilmese de, yıldız derecelendirmeleri ve inceleme sayısı olmalıdır. Sosyal kanıt, e -ticaret manzarasının çok önemli bir parçasıdır, çünkü müşteriler önceki ürünü kolayca test edemez, bu yüzden burada olmalıdır – sayfa ne kadar yüksek olursa, o kadar iyidir. Tabii ki, yıldızların sıralaması, sunduğunuz ürün türü için her zaman mantıklı olmayabilir. Eğer bir iş hizmeti gibiyse, referanslar daha mantıklı olacaktır. Ve eğer bir otel veya restoran rezervasyonu gibiyse, ziyaretçilerin satın almayı düşünen başka kaç tüketicinin söylendiği böyle bir şey seçmek isteyebilirsiniz:
Priceline sosyal kanıtları farklı bir şekilde yapar, ancak bu bu e -ticaret tarzı için işlev görür.
Ürününüzün başlamak için olumlu değerlendirmeleri kabul etmeyeceği olasılığı olduğunu unutmayın ve sorun değil. Bu nedenle gerçek yazı ürün açıklaması altında sağlanır. Ziyaretçiler şikayetin geçerli olup olmadığına karar vermek ve arkasındaki şirketin şikayeti dinlenip cevap vermediğini görmek için aşağı kaydırabilir ve kendi şikayetlerini okuyabilirler. Ürün Açıklaması Harry’s, üründen müşteriler tarafından gerçekte hangi faydaların elde edileceğine odaklanan kısa bir açıklama içerir.
Daha önce de belirttiğim gibi, en iyisi ürün sayfalarınızı metinde, özellikle de en iyi paroda hafif tutmaktır. Çok kısa bir mesaj kullanmanızı ve açıklamadaki değer tarafından yönlendirilmesini tavsiye edeceğim. Tabii ki, ürünün ne olduğunu kısaca açıklamalısınız, ancak ürünü gerçekten satmak için bir dakikanızı ayırmanız önemlidir. Bu, faydaları vurgulamak ve müşterilere sayfaların geri kalanını görmek için neden vermek anlamına gelir. 9. Varyasyon
Bu varyasyonla ilgili en iyi şey, farklı bir tane seçtiğinizde, soldaki fotoğraflar bunlarla eşleşecek şekilde güncellenir.
Çevrimiçi mağazanızdaki tüm ürünler, müşterilerin seçim yapabileceği varyasyonlar sunmaz. Ancak, gerçekten varsa, mevcut seçeneklerden seçim yapmak ve önce hangi seçeneklerin mevcut olmadığını söylemek çok kolaydır. Müşterilerin istedikleri ürünü bulmaktan daha rahatsız edici bir şey yoktur, boyutu seçmek ve ardından sadece ürünün artık bu varyasyonlarda olmadığını bulmak için CTA’yı tıklatın. Yani, bu öğeyi tasarladığınızda, ilk ve en önemlisi, kullanımı kolaylaştırın. Görüntülemek için beşten fazla seçeneğiniz varsa, açılır liste harika. Ardından, elbette, müşterilere hangi varyasyonların mevcut olduğunu söyleyen açık bir gösterge kullanın. Metnin Grey’e Yapılması ve mevcut olmayan ürünler için tam varyasyonları kaldırmanın yanı sıra işlev görecektir. Johnny Cupcakes, satılan varyasyonu göstermek için gri metin kullanır.Ve bu konuda olduğum için, bu ziyaretçilerle aciliyet duygusu uyandırmanın iyi bir yoludur. Popüler eşyaların yakında belirli bir boyutta tükeneceğini söyleyin. Çeşitlilik gri olana kadar beklemek yerine, ziyaretçilere küçük bir kaynağınız olduğunu ve/veya yakında yeniden doldurulacağını söyleyen parlak kırmızı uyarıyı yapıştırın. Bu, daha fazla müşteriyi daha hızlı harekete geçmeye motive edebilir. 10. CTA
Barnes & Noble, CTA’larını öne ve ortaya koydu. Ayrıca, CTA’yı daha düşük bir değerden ayırt etmek için hayalet düğmesini nasıl kullandıklarına dikkat edin. CTA düğmesi, e -ticaret dönüşüm sürecinde açıkça büyük bir rol oynar, bu yüzden oyunculuk davetinizi koyacak bir yer gerçekten deneyemezsiniz. Ürün sayfası söz konusu olduğunda, düğme ön ve ortada olmalıdır. Ayrıca iyi tasarlanmış, cesurca renkli olmalı ve müşterilere tıkladıklarında tam olarak ne olacağını anlatmalıdır.
“Şimdi Satın Al” satın alma işlemini başlatacak. “Arzu Listesine Ekle” ürünü listeye atacak ve daha sonra kaydedecektir.
Ürün sayfanız uzunsa ve bir satın alma yapma fikrinin hala hatırlandığından emin olmak istiyorsanız, düğmeyi her zaman tutmak için aşağıdaki hileyi (yani yapışkan üst bıçaklar) kullanabilirsiniz: Bu iyi bir dokunuş ve e -ticaret web sitesinde sık sık gördüğünüz bir şey değil.
Bu bölümde yapılması gereken bir diğer şey de ayrıntılı satın almayı CTA yakınında yerleştirmektir. Örneğin: Tahmini Teslim Tarihi.
İade ve geri ödeme politikanız hakkında kısa bir açıklama.
Her maliyet veya vergi alımlarla ilgilidir.
Garanti beyanı.
11. Sosyal Medya
Poo-Pourri ürün sayfasında temiz ve basit bir sosyal simge ekranı iyi bir dokunuş. İdeal olarak, WordPress sitenizin her sayfasında bir sosyal medya simgesine sahip olacaksınız. Orada değilse, e -ticaret ürün sayfanıza yerleştirdiğinizden emin olun – görüntü dostu bir platforma özel bir odaklanma ile. Bu Pinterest, Instagram, Facebook ve hatta Twitter anlamına gelir. Bu, müşterilerinize en sevdikleri ürünleri başkalarıyla paylaşmanın kolay bir yolunu verecektir. 12. Fitbit gibi ürün özellikleri gadget, teknik özelliklerini görüntülemek için alan gerektirir ve bu örnek harika görünüyor.
Ürün açıklaması, ürününüzün değerini kısaca tartıştığınız yerse, ürün özelliği daha fazla teknik ayrıntıyı tartışabileceğiniz yerdir. Boyut spesifikasyonları, bakım ve bakım talimatları, montaj gereksinimleri, dahil parçalar vb. Aşağıdaki kıvrımlara yerleştirilmelidir. Kapsanacak çok şey varsa, müşterilerinizin çok fazla kaydırması gerekmeyecek şekilde bilgileri bir odaya ve korumaya birleştirmek için bir sekme kullanın. 13. İlgili Ürünler
İlgili ürünün tüm parçaları aynı görünmeyecektir. Bazıları için sadece ürün, isim ve yıldız sıralama görüntüsü yeterlidir. Müşterilere tıklamaları azaltmak istiyorsanız bu da iyi bir seçenektir.
Ürününüz, genel satın alma trendleri ve sitenizdeki müşteri kişisel alışveriş alışkanlıkları hakkında verileri kullanarak ‘ilgili ürün’ bölümü oluşturabilirsiniz.
Kullanışlı. Bu, sadece ilgilendikleri ürünlere haç satmak veya satmak için iyi bir fırsattır, aynı zamanda bu başarısız olursa onlara alternatif önerilerde bulunmanın iyi bir yoludur. E -ticaret ürün sayfanızı yukarıdaki öğelerle tasarlamayı bitirdikten sonra, performansını optimize etmek için WordPress eklentisini kullanmayı unutmayın. Sayfanız iyi görünse ve mükemmel düzeni uygulasanız bile, sayfa yüklemek için çok uzunsa veya ziyaretçiler güvenlik uyarılarını görürse, ücretlendirilebilirsiniz. Bu nedenle, sitenize yüklemediyseniz, Hummingbird ve Defender gibi güvenlik eklentisi gibi bir performans optimizasyon eklentisine sahip olduğunuzdan emin olun. E -Ticaret Ürün Sayfalarının Optimizasyonu – Son İpuçları – Ürün Tasarımı Düzeni iyileştirme ve içeriğinizin ürününüzün faydalarını ve özelliklerini tam olarak açıklamasını (ve şirketinizle güven oluşturmayı) sağlama gibi, psikolojik tetikleyicileri yönlendirmenin yollarını bulun Tüketicilerin dikkatini eklemek için eklenecek eklentiye ekle ekle ekle ekle ekle ekle ekle Tramvay ekle ekle. E -ticaret ürün sayfası tasarımınızı yukarıda tartışılan yöntemi kullanarak oluşturduktan sonra, sayfalarınızı test ettiğinizden emin olun ve ziyaretçileriniz tarafından daha kolay kabul edilen başka öğeler veya düzenler olup olmadığını görün. Amazon modeli başlamak için akıllı bir seçimdir. Ürün ayrıntılarınızı mantıklı bir sırayla yapar, sayfaları düzenlenebilecek bir uzunlukta tutar ve sitenizde tutarlı bir yapı sağlayın. E-Niaga web sitesinin geleneksel bir web sitesinden daha az ya da çok zor olduğunu düşünüyor musunuz? Yoksa geleneksel bir iş blogu?
Etiket:
dönüştürmek Elektronik Ticaret E-Niaga Ürünü Güzel Halk
