E-Ticaret İşletmeniz İçin Bir Resim Mükemmel Ürün Sayfası Nasıl Oluşturulur

Yayınlanan: 2021-08-15

Ürün sayfası tasarımınız, mağazanızın en önemli ve karmaşık sayfalarından biridir. Potansiyel bir müşterinin ürün sayfanıza gelebileceği tüm durumları göz önünde bulundurun:

  • Doğrudan bir arama motorundan
  • Mağazanızda gezindikten sonra
  • Hedeflenen bir reklamı tıkladıktan sonra

Bir satışın son adımlarından biri olarak ürün sayfanız şu şekilde olmalıdır:

  • Kolayca bulunabilmesi için optimize edilmiştir,
  • Müşterinize güven aşılayacak kadar bilgilendirici ve
  • Harika bir çevrimiçi alışveriş deneyimi sağlamak için iyi tasarlanmış

İnsanların ürün sayfanızı bulma şansını artırmak ve oraya ulaştıklarında dönüşüm oranını artırmak için yapabileceğiniz çeşitli şeyler vardır. Her şeyi özetlemek için mükemmel ürün sayfasını oluşturmaya yönelik beş bölümlük bir kılavuz oluşturduk.

Bölüm 1: Harika Ürün Sayfası Tasarımının Bileşenlerini Anlayın

Ürün sayfanızın her bir yönünü nasıl optimize edeceğinize dair ayrıntılara dalmadan önce, her bir bileşenin nasıl uyduğunu ve neden önemli olduklarını anlamak için harika bir ürün sayfası tasarımı örneğine bakalım.

Uniqlo Australia, kullanıcı düşünülerek tasarlanmış mükemmel bir ürün sayfası örneğine sahiptir. Aşağıda, temel bileşenlerin vurgulandığı tipik ürün sayfalarından birinin ekran görüntüsü verilmiştir:

Uniqlo Ürün Sayfası Tasarım Örneği

Hemen, sayfanın >%90'ının müşteriye görüntüledikleri ürün hakkında daha fazla bilgi sağlamaya ayrıldığını ve ekranın üst kısmında neredeyse hiç yer kaybetmediğini fark edeceksiniz. Her bölümü daha da parçalamak için:

  • Ürün başlığını ve genel bakışı bulmak kolaydır. Aynı şekilde, yeni bir şehri ziyaret ettiğinizde binalar ve tabelalar referans noktası görevi görür, iyi başlıklar müşterilerin yeni bir sitede gezinmesine yardımcı olur.
  • Ürünü çeşitli açılardan bir modelle ve yakından gösteren bir resim galerisi.
  • Ürün resmi ön ve ortadadır. Beyaz bir arka plan üzerinde net bir fotoğraf, ürünü en iyi ışıkta sergiliyor. Görseller, müşterinin aradığı şeydir, bu yüzden onları öne çıkarmak için para ödüyor.
  • Ürünün ne olduğunu, tasarımının ardındaki düşünceyi ve alıcının sorununu nasıl çözdüğünü açıklayan benzersiz, ayrıntılı bir açıklama.
  • Ürününüze ve markanıza güven oluşturmaya yardımcı olan samimi müşteri yorumları.
  • Müşteriler ne istediklerini bilirler ancak onu nasıl bulacaklarını bilemeyebilirler. Yakın zamanda görüntülenen veya ilgili ürünleri göstermek, seçeneklerini daha hızlı daraltmalarına yardımcı olur ve size tercih edebileceklerini düşündüğünüz ürünleri sergileme fırsatı verir.
  • Tek sayfada çok sayıda seçenek ve çeşit, bir müşterinin birden fazla ürün arasında gezinmesi gerekmediği anlamına gelir.
  • Müşteri seçeneklerini seçmeyi bitirdikten hemen sonra "Sepete Ekle" butonu onları bekliyor.
  • Taahhüt etmeye hazır değil misiniz? Gönderim ve iade politikanız gibi ek bilgilere bağlantılar, kalan soruların yanıtlanmasına yardımcı olur.

Diğer mağazaların ürün sayfalarını nasıl tasarladıklarına bakmayı her zaman faydalı buluyorum. Aynı sektördeki mağazalara da bakmak zorunda değilsiniz. Diğer sektörlerdeki popüler web sitelerinin, müşterilerin sevdiği ancak rakipleriniz tarafından kullanılmadığı hangi stratejileri uyguladığına bakmayı düşünün.

Başarılı ürün sayfalarının çoğunda, aynı bileşenlerin bir varyasyonunu bulacaksınız:

  • Net ve benzersiz açıklamalar
  • Harika ürün fotoğrafçılığı
  • Alıcı güvenini aşılamak için incelemeler
  • Özelleştirme seçenekleri
  • "Sepete Ekle" düğmesini temizleyin
  • Ek nakliye veya satın alma bilgileri

2. Bölüm: Ürün Kopyanızda Bu Soruları Yanıtlayın

Harika bir kopya, ürün sayfanız için çok önemlidir. Sadece müşterileriniz için değil, aynı zamanda SEO için de. Üretici veya jenerik ürün bilgilerini kullanmak, ürününüzün arama sıralamalarında rekabetçi olmadığından emin olmanın kesin bir yoludur.

Harika bir ürün sayfası kopyası oluşturmak için cevaplayabileceğiniz birkaç soru var.

Bu ne?

Ürün kopyanızın ele alması gereken ilk şey, ürünün tam olarak ne olduğudur. Müşteri belirli bir ürün arıyorsa, cevaplanmasını istediği ilk şey budur.

Yeni ürünler için tam olarak ne olduğunu ve neden ilgilenmeleri gerektiğini bilmek isterler.

Sorunu Nasıl Çözüyor?

Ürününüz hangi sorunu çözüyor ve nasıl çözüyor? Bu, müşterileriniz için cevaplamanız gereken temel sorudur.

Belki de sizi sıcak tutan bir süveter gibi bir yardımcı fonksiyon kadar basittir. Bu durumda, ürününüzün çözümünü mümkün kılmak için hangi malzemelerin veya üretim süreçlerinin yardımcı olduğunu belirtin.

Ya da belki sorun ihtiyaçlar hiyerarşisinde biraz daha aşağıdadır ve ürün sadece daha şık görünmenize yardımcı olur. Ürünün arkasındaki hangi hikaye veya süreç, sahip olmayı arzu edilir kılıyor?

İlan

Ne olursa olsun, ürününüzün çözdüğü sorunu belirleyerek, müşterinizin satın alırken kendilerine soracağı soruları anlayabilir ve kopyanızı bunlara yanıt verecek şekilde uyarlayabilirsiniz.

Neden Ürününüz?

Bir sorun olduğunu ve ürününüzün bunu nasıl çözebileceğini belirlediniz. Şimdi, neden rakip ürün yerine sizin ürününüzü seçsinler? Süveterinizin en sıcak olmasını sağlamak için hangi ekstra adımları attınız? Başka kimsenin kullanmadığı hangi malzemeleri kullanıyorsunuz? İşte ürününüzün neden özel olduğunu gösterme fırsatınız.

Başka bir üreticiden mal satıyor olsanız bile, bu ürünün neden daha iyi olduğunu anladığınızı göstermek için zaman ayırmanız, araştırma yapmak için zaman ayırdığınızı gösterir.

Neyden Yapılmıştır?

Eklenecek son ayrıntı, ürününüz için meta veri olarak kabul edilebilecek olandır. Ürünlerinize giren malzemeler veya içerikler hakkında bilgi vermek, çevrimiçi alışveriş yapanların ürünleri kendileri için hissedememesini telafi etmeye yardımcı olur.

İçindekiler gibi basit bilgiler ve ürünün bakımı veya kullanım amacı gibi temel talimatlar, müşterinin ürünü görselleştirmesine ve arama motorlarına daha fazla bağlam sağlamasına yardımcı olabilir.

Bölüm 3: Harika Ürün Görselleri Oluşturun

Ürün fotoğraflarınız genellikle müşterinin sayfada ilk gördüğü şeydir ve ürününüzü anında olumsuz veya olumlu bir şekilde aydınlatabilirler. Ancak, ilk izlenimlerin yanı sıra, ürün fotoğrafları, yalnızca metinle mümkün olandan çok daha fazla ayrıntıyı iletmeye yardımcı olur ve bu da ürünün satılmasına yardımcı olabilir. İyi yapılmış ürün fotoğrafçılığı, müşteri hizmetleri ve iadeler için harcanan kaynak sayısını bile azaltabilir.

İşte harika ürün görselleri oluşturmak için yapmanız gerekenler:

İyi Fotoğrafçılıkla Başlayın

Uygun ekipman olmadan çekilen kötü aydınlatılmış fotoğraflar, müşteriler için kırmızı bayrak olabilir. Düzgün fotoğraflar çekmek için zaman ayırmamak, düzenleme söz konusu olduğunda size daha fazla zamana mal olabilir.

Ama… harika bir küçük fotoğraf kurulumu elde etmek için çok para harcamanıza gerek yok. Kendin Yap Ürün Fotoğrafçılığına Yönelik Daha İyi Bir Limonata Standı Kılavuzu, herhangi bir bütçeyle kendin yap ürün fotoğrafçılığına nasıl başlayabileceğinizi listeler.

Kendin Yap Ürün Fotoğrafçılığı kurulumu için temel gereksinimleriniz şunları içermelidir:

  • Kaliteli Bir Fotoğraf Makinesi veya Akıllı Telefon: Ürün fotoğrafçılığı için mutlaka bir DSLR fotoğraf makinesine ihtiyacınız yoktur. Akıllı telefonunuz, ışık ve diyafram koşullarını ayarlamak için yeterince yüksek çözünürlüğe ve yeterli sayıda ayara sahip fotoğraflar üretecektir.
  • Tutarlı Bir Işık Kaynağı: Aydınlatmanız, ürününüzün en önemli özelliklerini aydınlatmaya ve gölgeleri gizlemeye yardımcı olmalıdır. Doğal ışık, yapay aydınlatma kadar pahalı veya titiz olmadığı için başlangıç ​​için idealdir; bununla birlikte, ışık kaynağını her iki taraftan da eşit olarak dağıtmak için bir dolgu ışığı veya ayna kullanmanız gerekecektir.
  • Beyaz Zemin : Beyaz zeminler, ışığı eşit şekilde saptırmaya yardımcı olur, bu nedenle kontrastı düzeltmek için daha az çalışma gerekir. Ayrıca, Sihirli Değnek veya kalem aracını kullanarak fotoğrafı daha sonra düzenlemeyi çok daha kolay hale getirir. Başlamak için bir rulo kağıt veya yeterince beyaz bir sayfa kullanabilirsiniz.
  • Sabit Bir Yüzey: Fotoğraflarınızı eşit şekilde çekmek için.
  • Klipler: Arka planınızı veya aydınlatmanızı yerinde tutmak için.
  • Tripod: Kameranızı tutmak için. Bir tripoda sahip olmak bir zorunluluk değildir, ancak birçok farklı ürün için hızlı bir şekilde tutarlı fotoğraflar çekmenize yardımcı olacaktır. Tek kişilik bir fotoğrafçılık operasyonu iseniz, işleri de kolaylaştırabilir ve post prodüksiyonda size zaman kazandırabilir.

Kendin Yap Ürün Fotoğrafçılığı Kurulumu

Birden Fazla Görsel Kullan

Sadece tek bir ürün çekimi kullanmak yeterli değildir. Müşteriler ürünü çeşitli açılardan ve perspektiflerden görmek isterler. Ürün fotoğraflarınız, ürününüzün en önemli yönlerini herhangi bir açıklamadan çok daha iyi sergileyebilir, bu nedenle müşterinin sorularını yanıtlamak için gerektiği kadar fotoğraf eklemeniz önemlidir.

Farklı fotoğraflar, satın alma sürecinin farklı aşamalarında da çeşitli önem derecelerine sahip olabilir.

Yeni müşteriler ürününüzü ilk keşfettiklerinde, ürünü kullanan diğer kişilerin resimlerini görmeyi tercih edebilirler. Bu, özellikle, ürünün faydalarını bir yana, ne yaptığını göstermek için yeterli olmadığı Karo gibi ürünler için özellikle önemlidir. Bu nedenle şirket, nasıl ve neden kullanacağınızı göstermek için ürün fotoğrafçılığını kullanıyor:

Tile Mate Ürün Sayfası Koleksiyon Örneği

Ancak asıl ürün sayfasına indiğinizde, ürünün kendisine odaklanan daha ayrıntılı fotoğraflar bulacaksınız. Kullanıcılar ürün sayfasına girdikten sonra, ürününüzün sorunlarını nasıl çözdüğünü keşfettiler ve bunu ne kadar iyi yaptığını öğrenmekle daha çok ilgileniyorlar.

Tile Mate Ürün Sayfası Tasarım Örneği

Fotoğraflarınızı Düzenleyin

Fotoğraflarınızı aldıktan sonra, onları perakende satışa hazır hale getirmek için yapmanız gereken birkaç şey var. En belirgin görev, arka planlarını kaldırmaktır. Beyaz bir ekrana sahip olmak, bunu Adobe Creative Cloud Sihirli Değnek veya Kalem aracı olmadan zaman alıcı hale getirir.

İlan

Bunu takiben, görüntünüzün kalitesini artırmak veya doğal ışıktaki değişiklikleri telafi etmek için kontrast veya ışık ayarlarını yapmak isteyebilirsiniz. Yine de görüntü koşullarınızı tutarlı tuttuğunuzdan emin olun; herhangi bir filtre eklenmesi tavsiye edilmez.

Fotoğraf düzenleme yazılımına erişiminiz yoksa, temel fotoğraf düzenleme yapmak için ihtiyacınız olan tüm araçlara sahip olan Pixlr gibi çevrimiçi araçları kullanabilirsiniz. Pixc gibi hizmetler, düzenlenmemiş resimlerinizi alarak ve profesyonelce düzenlenmiş ürün fotoğraflarını geri döndürerek, resim düzenleme ihtiyaçlarınızı sizin için halledebilir.

Resimlerinizi Optimize Edin

Son adım, fotoğraflarınızın hem hız hem de SEO için optimize edildiğinden emin olmaktır.

Resim boyutlarınızın makul olduğundan emin olun. Shopify, ürün resimlerinizi 70 kb'nin altında tutmanızı önerir. Bu, resimlerinizi hangi tür dosya biçiminde kaydedeceğinizi bilerek başarılabilir. Temel bir kural olarak:

  • GIF'ler , simgeler ve küçük resimler için iyi olan düşük kaliteli görüntülerdir. Ayrıca animasyonu da desteklerler ancak dosya boyutu ve düşük kalite nedeniyle büyük resimler için uygun değildirler.
  • SVG bir vektör biçimidir, yani görüntünün içeriğini metin biçiminde tanımlamak için XML kullanır. Simgeleri ve temel görüntüleri neredeyse anında ve çok küçük bir dosya boyutunda yükleyecektir, ancak normal görüntüler bu formatta kullanılamayacak kadar karmaşık olacaktır.
  • PNG görüntüleri, daha az sıkıştırmayı destekleyen daha hızlı dosyalardır; bu, orijinal görüntü kalitesini koruyacakları anlamına gelir. Ayrıca gri tonlamayı ve şeffaflığı da desteklerler, ancak dosya boyutu genellikle e-ticaret amaçları için çok büyüktür.
  • JPG , sıkıştırma derecesini değiştirmenizi sağlayan bir sıkıştırma yöntemini ifade eder. Tipik olarak JPG görüntüleri, kalitede algılanabilir kayıplar olmadan dosya boyutunu 10 kata kadar azaltabilir. Bu, onları yüksek kaliteli, düşük dosya boyutunda ürün resimleri oluşturmak için ideal hale getirir.

Ayrıca, görsellerinizi uygun dosya adlarıyla adlandırdığınızdan ve görseli ve içeriği doğru şekilde tanımlayan başlıklar ve alt etiketler kullandığınızdan emin olun. Alt etiketleri, dikkate değer anahtar kelimeleri eklemek için kullanılabilir, ancak asıl amaçları erişilebilirliğe yardımcı olmaktır.

Bonus: Daha İyi Bir Limonata Standı'nın Web için Görselleri Optimize Etme başlıklı makalesine göz atın : Görsel optimizasyonu hakkında daha fazla bilgi edinmek isteyen yeni başlayanlar için Adım Adım Pratik Kılavuz.

4. Bölüm: Ürün Fotoğrafınızı Tutarlı Tutun

Harika e-ticaret mağazaları, tek bir ürün sayfasında veya benzer ürünlerden oluşan bir koleksiyonda eşit derecede iyi çalışan ürün fotoğrafları kullanır. Tutarlı görsellere sahip olmak, ürünleri aramayı ve karşılaştırmayı kolaylaştırır ve ayrıca markanız etrafında tutarlılık ve profesyonellik yaratabilir.

Ürün fotoğrafçılığınızı tutarlı tutmanın en iyi yolları şunlardır:

Ürünlerinizi Beyaz Bir Arka Plan Üzerinde Fotoğraflayın

Sürekli olarak harika ürün fotoğrafları üretmenin en kolay yollarından biri beyaz bir arka plan kullanmaktır. Bir önceki fotoğraf yazımızda, kendi fotoğraf kurulumunuzu nasıl oluşturabileceğinizi ve profesyonel kalitede ürün fotoğrafları çekebileceğinizi özetlemiştik.

Fotoğraflarınızın beyaz bir arka planda olması şunları yapmanızı sağlar:

  • Tüm ürünlerinizde tutarlılık yaratın
  • Ürününüzün belirli yönlerini geliştirin
  • Gelecekte fotoğraflarınızı kolayca düzenleyin ve
  • Ürünlerinizi Google Alışveriş ve Amazon gibi beyaz bir arka plan gerektiren pazaryerlerinde satın.

Aynı Boyutları veya En Boy Oranını Kullanın

Bir koleksiyon sayfasında farklı boyutlardaki resimlerden daha fazla hiçbir şey göze çarpmaz. CSS kullanarak minimum yüksekliği ve genişliği özellikle ayarlamadığınız sürece, koleksiyon sayfalarınız karmakarışık olacaktır. Kullanıcılar, değerli alışveriş zamanlarını nereye tıklayacaklarını deşifre etmek için harcamak zorunda kalacaklar.

Basit bir ürün toplama sayfası bile düşünün. Sağdaki kare ürünlere göz atmak ve karşılaştırmak, soldaki çok boyutlu ürünlere kıyasla ne kadar kolay?

Ürün Görseli Koleksiyon Sayfası Tasarımı

Hangisi daha iyi görünüyor?

Resimlerinizi sizin için kare haline getirecek uygulamalar ve eklentiler mevcut olsa da en iyi yaklaşım, ürün resimlerinizin her zaman belirli boyutlarda kaydedilmesini sağlamaktır.

En uzun kenarda 1000px ile 1600px arasında boyutlara sahip görsellerinizi oluşturmakta fayda var, ancak tüm görsellerinizi kare tutmaya da çalışmalısınız. Kare görseller, görselin yatay veya dikey olmasına bakılmaksızın iyi görünecek ve görsellerinizin mağazanız boyunca tutarlı kalmasını sağlayacaktır.

Ürün Şablonlarını Kullanın

Profesyonel görünümlü bir e-ticaret mağazası elde etmek için ürün görselleriniz arasında tutarlılık oluşturmanız gerekir. Bu, yalnızca boyut olarak aynı değil, aynı zamanda benzer bir stile ve görüntü içinde tutarlı konumlandırmaya sahip fotoğraflara sahip olmak anlamına gelir.

Başarılı bir e-ticaret mağazasına bakarsanız, resimlerinin kendi başlarına öne çıktığını ancak aynı zamanda hepsi kameradan aynı uzaklıkta konumlandıklarından bir koleksiyona da iyi uyduğunu görürsünüz.

İlan

Ürünlerinizin tüm fotoğraflarınızda tutarlı bir şekilde konumlandırılmasını sağlamak zor olabilir. Ürün şablonlarının yardımcı olabileceği yer burasıdır.

Ürün şablonları, ürünlerinizin fotoğrafın aynı alanında tutarlı bir şekilde konumlandırılmasını ve doğru şekilde ölçeklenmesini sağlar. Ürün resimlerinize herhangi bir metin ekliyorsanız, bunlar özellikle önemli olabilir.

Photoshop kullanarak temel bir ürün şablonu dosyası oluşturmak için:

  • İstediğiniz genişlik ve yükseklikte yeni bir photoshop dosyası oluşturun. Renk modunuzun RGB Renk – 8 bit olarak ayarlandığından, çözünürlüğün en az 72 piksel/inç olduğundan ve arka plan içeriğinin beyaz veya şeffaf olduğundan emin olun.

Photoshop 4'te Ürün Görseli Şablonları Oluşturun

  • Ardından, ana menüdeki “Görünüm” altında “Yeni Kılavuz”u seçin.

Photoshop'ta Ürün Görseli Şablonları Oluşturun

  • %10'luk bir dikey kılavuz oluşturun ve aşağıdakileri elde etmek için adımları tekrarlayın:
    • %10 dikey ve yatay kılavuz
    • %90 dikey ve yatay kılavuz
    • %50 dikey ve yatay kılavuz

Photoshop'ta Ürün Görseli Şablonları Oluşturun

  • Bununla bitirmelisiniz:

Photoshop'ta Ürün Görseli Şablonları Oluşturun

  • Artık resminizi şablonun üzerine yerleştirebilirsiniz. Kılavuzlar, resminizin hem yatay hem de dikey olarak ortalandığını bilmeniz için size bir referans verecektir. Ayrıca, ürünlerinizin hepsinin tutarlı bir ölçekte yerleştirildiğinden emin olmanıza yardımcı olacaktır.

Photoshop'ta Ürün Görseli Şablonları Oluşturun

Şimdi dosyanızı normal bir Photoshop belgesi (.PSD) olarak kaydedin, kılavuzlarınız orada sizi bekliyor olacak. Hazırladığınız kılavuz, düzenlenmiş ürün fotoğraflarını hızlı bir şekilde yüklemenize ve web sitenizde sürekli olarak harika görünmelerini sağlamanıza olanak tanır.

Not: Ürün fotoğraflarınızdaki küçük kusurları gidermek, üretim sonrası ürün renklerini değiştirmek ve ürünlerinizin fotoğraflarda netliğini artırmak için adım adım izlenecek yollar dahil olmak üzere, ürün fotoğraflarınızı bir sonraki düzeye taşımak için daha yararlı Photoshop eğitimleri için, E-Ticaret için Photoshop Eğitimlerimize göz atın: Ürün Fotoğraflarınızı Geliştirin makalesine.

Bölüm 5: Ürün Fotoğraflarınızı Bir Sonraki Seviyeye Taşıyın!

Harika ürün fotoğraflarınız ve mükemmel ürün açıklamalarınız varsa, yüksek dönüşüm sağlayan bir ürün sayfasına sahip olursunuz. Ancak, mümkün olan en iyi sayfaya sahip olduğunuzdan emin olmak için ürün fotoğraflarınızı iyileştirmek için yapabileceğiniz birkaç son şey daha var.

Resimlerinizi Hızlandırın

Resimlerin sayfa yükleme süreleri üzerinde büyük etkisi olabilir. Ürün sayfalarınızın yüklenmesi yavaşsa, ziyaretçileriniz yüklenmelerini ve daha azını ziyaret etmelerini beklemekten bıkacaklardır. Aslında, yüklenmesi 3 saniyeden fazla sürerse, ziyaretçilerin %40'ı web sitenizi terk edecektir. Bu nedenle ürün sayfalarının yüklenmesi hızlı ve göz atılması kolay olmalıdır. İşte bunu başarmak için resimlerinizi optimize etmenin birkaç yolu.

Birincisi, sayfanızın arka planı için resim yerine CSS kullanın. Benzer şekilde, görüntülerin ve düğme öğelerinin etrafında kenarlıklar oluşturmak için CSS kullanılmalıdır.

Eklentileri veya resim galerilerini yükleyen harici kitaplıklar, sayfanızın genel yükleme süresini de yavaşlatabilir ve sayfanızın kritik öğelerinden kaçınılmalıdır.

Hem mobil hem de masaüstü sitenizi hızlandırmanın yollarını belirlemek için sayfanızı Google PageSpeed ​​Insights aracılığıyla da çalıştırabilirsiniz. Google PageSpeed ​​size hangi resimlerin sıkıştırılabileceğini, resimlerinizi nasıl optimize edeceğinizi ve bunu yaparak ne kadar yerden tasarruf edebileceğinizi söyleyecektir.

Google Sayfa Hızı Analizleri

Tarayıcınızın yerleşik geliştirici araçları, sayfanızın dosyaları nasıl yüklediğini ve hangi dosyaların uzun sürdüğünü de belirleyebilir.

Bunu Google Chrome'da yapmak için:

İlan

  • Analiz etmek istediğiniz sayfaya sağ tıklayın
  • "Ağ" ı seçin
  • Sayfayı yenile

Hangi görüntülerin yüklenmesinin en uzun sürdüğünü görmek için "Tür" dosyasına, en büyük dosyaları görmek için "Boyut"a, ne kadar sürdüğünü görmek için "Zaman"a veya herhangi bir dosyanın yüklenemediğini görmek için "Durum"a göre sıralayabilirsiniz. yüklendi.

Ayrıca, Bölüm 3'teki ipuçlarını kullanarak resimlerinizin hız ve SEO için optimize edildiğinden emin olun.

Sayfanızı Mobil İçin Optimize Edin

Ürün sayfalarınızın çeşitli mobil cihazlarda nasıl görüntülendiğine bakmak için biraz zaman harcamak çok önemlidir. Hotjar gibi araçlar, kullanıcıların sayfalarınızla nasıl etkileşime girdiğine dair ısı haritaları oluşturmanıza olanak tanır. Ayrıca, Google Analytics'i yüklediyseniz, mobil alışveriş deneyiminizin yeterli olup olmadığını belirlemek için mobil ve masaüstü dönüşüm oranlarınızı karşılaştırabilirsiniz.

Mobil için Ürün Sayfasını Optimize Edin

Google Analytics, dönüşüm oranları ve satın alma yolculukları hakkında size çok sayıda yararlı e-ticaret verisi sağlayabilir, ancak web sitenizin birden fazla cihazda nasıl göründüğünü deneyimlemenin en basit yolu, onu kendiniz deneyimlemektir. Chrome Cihaz Araç Çubuğunu veya Firefox veya Safari kullanıyorsanız Duyarlı Tasarım Modunu kullanarak ürün sayfanızın herhangi bir cihazda nasıl göründüğünü görebilirsiniz.

Mobil ürün sayfalarınız için bazı noktalar:

  • Resimlerinizi ön ve orta yapın. Ek bilgiler, kullanıcılara istedikleri zaman sunulmalı, ancak görsellerin önüne geçmemelidir.
  • Resimlerinizin boyutunu küçülterek ve çok fazla üçüncü taraf eklenti yüklemediğinizden emin olarak sitenizi hızlandırın. Yükleme süreleri, bir mobil ağ üzerinden yükleme yapan müşteriler için özellikle önemlidir.
  • Müşterinin her zaman arama çubuğuna, ana menüye ve alışveriş sepetine erişebilmesi için sabit bir menü çubuğu kullanmayı düşünün.

Müşteriler, mobil cihazlarda içeriğe göz atmak ve okumak için daha az zaman harcayacak, bu nedenle görseller, mobil alışveriş yapanlarınız için özellikle önemli bir rol oynayacak. En iyi mobil alışveriş deneyimini sunduğunuzdan emin olmak için resimlerinizin belirgin olduğundan ve hızlı yüklendiğinden emin olun.

SEO'yu hatırla

Ürün sayfaları genellikle SEO açısından yeterince kullanılmayan bir kaynak gibi görünmektedir. Ürün sayfalarınız, mağazanızın arama listelerinde daha üst sıralarda yer almasına yardımcı olabilecek en değerli ve benzersiz içeriğinizden bazılarını öne çıkarma şansı verir. Çoğu zaman, ürün sayfası tam olarak müşterinizin görmek istediği şeydir.

Ürün sayfanızın SEO'sunu güçlendirmek için:

  • Ürününüzün ne olduğunu açıkça belirten ve müşterilerinizin aradığı terimlerle eşleşen benzersiz bir ürün açıklaması oluşturun.
  • Resmi açıklamak için ALT etiketlerini, uygun başlık etiketlerini ve ilgili dosya adlarını ekleyerek resim meta verilerinizi optimize edin.
  • Ürün sayfanıza video eklemeyi düşünün. Sayfanıza video eklemenin SEO'ya yardımcı olup olmadığı tartışmaya açıktır, ancak dönüşümlerinizi artırabilecek ürünlerinize daha fazla bağlam sağlamaya yardımcı olabilirler.

Görüntüleri Yakınlaştırma için Optimize Edin

Çoğu e-ticaret sitesinin ürünü "yakınlaştırmak" için resmin üzerine gelmenize nasıl izin vereceğini fark ettiniz mi? Bu neredeyse ikinci doğa olan bir özellik haline geldi. Üzerine tıkladığımızda veya üzerine geldiğimizde ürünün daha büyük bir versiyonunu elde etmeyi umuyoruz.

Yakınlaştırma için Ürün Resimlerini Optimize Edin

Bu özelliğe sahip olmak önemli bir amaca hizmet etmektedir. Müşterilerin ürünün kalitesini ayrıntılı olarak tespit etmelerini sağlar. Ayrıca, ürünü fiziksel olarak hissedemedikleri veya göremedikleri zaman, müşterinin satın alma işlemine güven duymasına yardımcı olur. Bazen dikiş kalitesi veya renk tonu, müşterinin sizin ürününüzü bir rakibe tercih etmesi arasında fark yaratabilir.

Peki, çalışan bir yakınlaştırma işlevine sahip olduğunuzdan nasıl emin olabilirsiniz? İşin sırrı, doğru görüntü boyutlarının nasıl kullanılacağını bilmektir.

Çoğu e-ticaret web sitesinde çeşitli “şablonlar” bulunur. Bu şablonlar, resminizi bu şablon boyutuna uyacak şekilde yeniden boyutlandırır. Örneğin, sahip olabilirsiniz:

  • 50px x 50px olan bir küçük resim şablonu
  • 100 piksel x 100 piksel boyutunda bir koleksiyon resim şablonu
  • 150px x 150px olan ilgili bir resim şablonu
  • 500px x 500px olan bir ana fotoğraf şablonu

Yakınlaştırma işlevi, genellikle görüntüyü tam, orijinal boyutunda görüntüleyerek çalışır. Yani 1000px x 1000px boyutunda kaydettiğiniz bir resminiz varsa, ana fotoğraf şablonunun (500px x 500px olan) üzerine geldiğinizde, bu boyutun iki katı olarak görüntülenecektir.

Bunun anlamı, çalışan bir yakınlaştırma işlevine sahip olmak için görüntü boyutlarınızın ana fotoğraf şablonunuzdan daha büyük olduğundan emin olmanız gerektiğidir.

İlan

Aynı boyuttalarsa, kullanıcı fareyle üzerine geldiğinde aynı resme bakacaktır. Ancak çok büyüklerse, görüntü boyutu yükleme süreleri üzerinde olumsuz bir etkiye sahip olabilir ve pratik olamayacak kadar büyük olabilir.

1000 piksel ile 1.600 piksel arasındaki görüntü boyutları, genellikle dosya boyutu ile yeterli yakın plan ayrıntısı sağlayabilecek bir görüntüye sahip olmak arasında iyi bir uzlaşmadır.

Çözüm

Bu beş bölümde, ürün sayfalarınızı hazırlarken göz önünde bulundurmanız gereken en önemli alanları geniş bir şekilde ele alabildik. Bu yönergeleri izlerseniz, müşterileriniz için harika bir alışveriş deneyimi sağlayan ve yüksek dönüşüm oranlarına sahip bir ürün sayfanız olur. Artık bir rehberiniz olduğuna göre, dışarı çıkıp e-ticaret mağazanız için satış yaratan kazanan bir ürün sayfası oluşturmak size kalmış.