Satışları Artırabilecek Harika E-ticaret Navigasyon Örnekleri
E-ticaret şirketleri, ziyaretçileri sitelerine çekmek için devasa bütçeler harcıyor. Frac.tl tarafından yürütülen bir araştırmaya göre, Amazon’un 2015 yılında arama reklamcılığına yaklaşık 1,35 milyar dolar harcadığı ve bunun pazarlama bütçesinin %97’sine tekabül ettiği ortaya çıktı.

Şirketler reklamcılığa bu kadar büyük meblağlar harcarken, kullanıcının satışı kolayca tamamlamasını sağlayan bir site navigasyonuna sahip olmak kritik hale geliyor.
Navigasyonun, mağazanızın tasarımındaki en kritik parçalardan biri olduğunu rahatlıkla söyleyebiliriz. İyi bir navigasyon, daha fazla satış ve gelir getiren gelişmiş bir kullanıcı deneyimi sağlar. Öte yandan, kötü bir navigasyon kullanıcıları hayal kırıklığına uğratarak hemen çıkma oranının artmasına neden olur.

Baymard, 50 kıyaslamalı e-ticaret sitesi üzerinde mobil e-ticaret kullanılabilirliği üzerine bir çalışma yürüttü ve kullanıcıların kötü arayüz nedeniyle aradıkları ürünleri bulamadıklarını tespit etti. Kullanıcılar ürünlerin sitede olmadığını düşündü ve bu durum sadece mevcut satışları değil, aynı zamanda gelecekteki satışları da doğrudan etkiledi; çünkü kullanıcıların o tür bir ürün aradıklarında siteye geri dönme olasılıkları düşüktü.
Her siteye 17-35 kriter temelinde bir puan verildi ve aşağıdaki dağılım grafiği, bir sitenin özetlenmiş puanını temsil etmektedir. Siyah çizgiler kıyaslama ortalamasını ifade eder. Kırmızı noktalar “kötü” kullanılabilirliği, sarı noktalar “kabul edilebilir” performansı ve yeşil noktalar “iyi” kullanılabilirliği gösterir.
Grafikten de açıkça görüldüğü üzere, çoğu e-ticaret sitesi etkileyici bir kullanıcı deneyimi için iyi bir navigasyona sahip değil.
Şimdi asıl soru şu: En iyi e-ticaret navigasyonuna sahip siteler hangileri? En iyi e-ticaret navigasyonuna sahip olduğunu düşündüğüm 11 sitelik bir liste derledim; satışlarınızı artırmaya yardımcı olabilecek unsurları değerlendirebilirsiniz.
1. Waterstones’dan Otomatik Tamamlama
Hepimiz Google’ın Otomatik Tamamlama önerilerini sunma biçiminden son derece memnunuz. Bu özellik aramalarımızı daraltmaya, yazım hatası riskini en aza indirmeye ve tüm arama sürecini hızlandırarak daha kısa sürede doğru sonuçlara ulaşmamıza yardımcı oluyor. Ancak bir e-ticaret sitesinde ürün araması yaptığımızda, otomatik tamamlama önerileri o kadar da kullanışlı olmayabiliyor.
İşte Waterstones burada inanılmaz bir iş çıkarıyor. Kullanıcının istediği ürünü anında bulmasını sağlayan doğru ve hızlı otomatik tamamlama önerileri sunuyor.
Arama kutusuna “how” kelimesini girdiğimde, arama sonucu “how” kelimesiyle başlayan popüler kitap başlıklarının bir listesini getirdi. Üstelik arama sonuçları “zengindi”; yani başlığın yanı sıra kitap kapağını ve fiyatını da görebiliyordum. Seçenekleri ararken bu kadar eksiksiz bilgiye sahip olduğunuzda, daha iyi ve çok daha bilinçli bir karar verebilirsiniz.
Otomatik Öneri Neden Faydalıdır?
İnsanlar ihtiyaç duydukları tam ürünü minimum çabayla arayıp bulabildikleri için dönüşüm oranlarına gerçek bir katkı sağlar.
Kullanıcılar ürünün doğru yazılışı için de otomatik öneriye güvenirler; eğer e-mağaza doğru yazımı döndürmezse, ürün envanterde “bulunamadı” olarak görünür. Bu da kullanıcılar ürünü aramaya gelmiş olsalar bile ürünün satılmadan kalması demektir; işte bu yüzden otomatik öneri, e-ticaret dönüşümlerinde inanılmaz bir rol oynar.
2. Rollie Nation’dan Katmanlı Arama (Faceted Search)
Harika bir ürün keşfi, dönüşümün temel anahtarıdır. Müşterilerinizin istedikleri ürünü bulmadan önce onlarca sayfayı gezmesini istemezsiniz; bu gerçekten kötü bir alışveriş deneyimidir. Katmanlı arama, ürününüz hakkında değerli bilgileri kolay taranabilir bir formatta sunmanın harika bir yoludur; bu da müşterilerin belirli tercihlerine göre göz atmasını, filtrelemesini ve alışveriş yapmasını kolaylaştırır.
Çevrimiçi bir ayakkabı mağazası olan Rollie Nation’ın navigasyonlarında katmanlı aramayı nasıl uyguladığına bir göz atın.
Müşteriler seçtikleri ayakkabıları aşağıdaki seçeneklere göre sıralayabilirler:
- Stil – Bot, Derby, Mira, Sport vb. gibi.
- Numara – Müşterinin ayakkabı numarasına bağlı olarak.
- Fiyat – Maksimum veya minimum fiyata göre filtreleme seçenekleri.
- Renk – Müşterinin renk tercihine göre filtreleme seçenekleri.
BigCommerce için hazırlanan bir vaka çalışmasında, Rollie Nation Kurucusu Vince Lebon, katmanlı arama ve ürün filtreleme kullanmanın önemini vurguladı. Navigasyonlarına katmanlı aramayı entegre etmek, satışlarını patlatmalarına yardımcı oldu.
“Ayakkabı sektöründe, SKU başına 14 numaraya ve birden fazla seçeneğe kadar çeşitlilik olabilir,” diyor. “Envanterimizi ne kadar hızlı döndürdüğümüz göz önüne alındığında, müşteriler daha önce kendi numaralarında bir ayakkabı bulmadan önce üç veya dört stili tıklıyorlardı, bu da sinir bozucu bir alışveriş deneyimiydi. Navigasyonumuza katmanlı aramayı eklediğimizde satışlar patladı” – ortalama sipariş değerinde %2,7’lik bir artışla.
Katmanlı Arama Neden Faydalıdır?
Kataloğunuzu hedef kitlenizin karşısına en alakalı şekilde çıkarır. Bu sayede göz atmayı satışa dönüştürebilirsiniz.
Katmanlı arama, müşterilerin aradıklarını daha hızlı bulmalarına yardımcı olduğu için ziyaretçileriniz vazgeçmez; bu da müşteri edinme maliyetlerinin düştüğü anlamına gelir.
Lütfen dikkat: Katmanlı navigasyon ile ziyaretçilerinizin aynı içeriğe ulaşmak için izleyebilecekleri birden fazla navigasyon yolu vardır. Örneğin, kırmızı kadın tişörtlerine ulaşmak için kullanıcılar, sitenizin yapısına bağlı olarak aşağıdaki yollardan herhangi birini seçebilir:
- site.com/kadin/tisort/kirmizi
- site.com/tisort/kadin/kirmizi
- site.com/tisort/kirmizi/kadin
Bu seçenek büyük kopya içerik sorunlarına neden olabilir. Bunu düzeltmek/önlemek için aşağıdaki seçenekleri değerlendirebilirsiniz:
- Benzer URL’lerin oluşturulmasını önlemek için JavaScript kullanın. Bu seçenek, dizine eklemek istediğiniz her sayfa kombinasyonunu manuel olarak kontrol etmeniz gerektiğinden uygulanması biraz zaman alacaktır. Tüm önemli sayfalarınızın dizine eklendiğinden ve kopya URL’lerin eklenmediğinden emin olun.
- Kopya URL kombinasyonlarının dizine eklenmesini engellemek için no-index, follow kullanın; bu, sitenizdeki kopya sayfa sayısını azaltacaktır, ancak tarama bütçeniz ve bağlantı değeriniz (link equity) boşa gidebilir.
- Google’ın bir URL’yi kanonik sürüm olarak seçmesini sağlamak için Kanonik (Canonical) etiketler kullanın; diğer tüm URL’ler kopya URL olarak kabul edilecektir. Bu seçenek bağlantı değerini korur ancak tarama bütçesi yine de boşa harcanabilir.
- Belirli parametreleri kullanarak benzer URL’leri engellemek için robots.txt kullanın. Bu seçeneğin bir dezavantajı, robots.txt ile engellenen sayfaya işaret eden herhangi bir “follow” bağlantısı varsa URL’lerin yine de taranabilmesidir.
Çoğu durumda, tam ihtiyaçlarınıza bağlı olarak yukarıdaki düzeltmelerin bir kombinasyonunu seçmeniz gerekir.
3. Big Chill’den Daha Büyük ve Görsel Olarak Hoş Navigasyon Menüsü
Üst düzey e-ticaret navigasyonu, dönüşümlerde belirleyici bir rol oynar. Burada kullanıcıların kafasını karıştırmanıza gerek yok. Big Chill tarafından kullanıldığı gibi daha büyük ve görsel olarak hoş bir menü seçeneği kullanın.
Üst düzey menü etiketlerinin çoğu basittir ve tek bir kelimeden oluşur. Dikkat dağıtıcı unsurlara daha az yer bırakan minimalist bir tasarımdır.
İmleci “shop” (mağaza) etiketinin üzerine getirdiğimde açılır menü açıldı ve büyük, görsel olarak hoş menü seçeneklerini görünce şaşırdım.
Yukarıdaki ekran görüntüsünden de net bir şekilde görebileceğiniz gibi, menü öğeleri tam ekran boyutunda görüntüleniyor ve kullanıcının istediği kategoriyi tanımasını ve seçmesini kolaylaştırmak için görseller kullanılıyor.
Daha Büyük Bir Menü Neden Faydalıdır?
Üst düzey menü kolayca tıklanabilir ve dokunulabilir. Kullanıcılar, kategori adlarını okumaya gerek kalmadan görselleri kolayca tanıyabilir, bu da kullanıcı deneyimini iyileştirir.
Alışveriş yapanlar menü etiketlerini kolayca tarayabilir ve istedikleri kategoriye geçebilirler; bu da kullanıcının aradığını hemen bulabileceği anlamına gelir.
4. GrubHub’dan Geniş Alt Bilgi (Fat Footer)
Geniş alt bilgiler (fat footers), tüm sitenizin veya sitenizdeki en önemli sayfaların hızlı bir görünümünü hedef kitlenize sunmanın iyi bir yoludur. Hedefiniz onlar için daha iyi bir kullanıcı deneyimi olmalıdır. İşletmeniz birden fazla lokasyona hizmet veriyorsa, bunları alt bilginize dahil etmek belirli sayfaların sıralanma şansını artırmanın iyi bir yoludur (ancak garanti yoktur; alt bilginizi gereksiz bilgilerle doldurmayın).
GrubHub, iş yerlerinin her birini alt bilgide görüntüleyerek gerçekten büyük ve geniş bir alt bilgi oluşturuyor.
Geniş Alt Bilgi Neden Faydalıdır?
Geniş alt bilgiler, kullanıcıların aradıklarını hızlı bir şekilde bulmalarına yardımcı olduğu için onları sitede tutmanın iyi bir yoludur.
Ayrıca alt bilginizde önemli sayfalara (kategori veya lokasyon) bağlantı vererek SEO’nuza destek sağlayabilirsiniz. Bu strateji, bağlantı gücünün (link juice) daha iyi akmasına yardımcı olacak ve böylece iç sayfaların önemini artıracaktır. Artan önem, daha yüksek sıralamalara, dolayısıyla daha fazla trafiğe ve daha fazla satışa yol açabilir.
Lütfen dikkat: Geniş alt bilgiyi insanlara spam göndermek için kullanmayın. Birçok web yöneticisi, bağlantı değeri kazanmak için geniş alt bilgileri kullanır ve kullanıcı deneyimini (UX) unutur. Web sitenizde geniş bir alt bilgi bulundurmanın tek amacının kullanıcı deneyimini iyileştirmek olduğunu her zaman hatırlayın. Bu nedenle, web sitenizin amacını belirleyin ve geniş alt bilgiye dahil etmeniz gereken bağlantılar hakkında dikkatlice düşünün. Geniş alt bilgiyi lokasyonları aşırı hedeflemek için kullanmayın ve SEO değeri kazanmak için aşırı optimize edilmiş çapa metinler (anchor text) kullanmayı unutun çünkü Google, alt bilgilerde kullanılan çapa metinlere değer vermez.
Örneğin, bir e-ticaret web sitesinin geniş bir alt bilgiye sahip olması mantıklıdır çünkü ziyaretçilerin sitedeki popüler kategorilere ve ürünlere göz atmasına yardımcı olur; aksi takdirde bunları bulmak zordur. Ancak, geniş alt bilgiden web sitesinin her bir iç sayfasına bağlantı verme uygulaması kabul edilemez çünkü bu Google tarafından spam olarak değerlendirilebilir.
5. Best Buy’dan Farklı Ana Kategoriler Altında Aynı Alt Kategori Gösterimi
Hiç kopya alt kategorilere sahip olmayı düşündünüz mü? Bestbuy.com, aynı alt kategoriyi farklı ana kategoriler altında görüntüler. Aynı “Ev Sinema Sistemleri” alt kategorisi, hem “Ses” hem de “TV ve Ev Sineması” kategorileri altında bulunabilir.
Aynı Kategorinin Birkaç Ana Kategori Altında Görüntülenmesi Neden Faydalıdır?
Measuring Usability tarafından yapılan bir bulguya göre, bir çocuk mobilya mağazasının bir ürünü farklı kategoriler altına dahil edildiğinde, ürünü başarıyla bulan kullanıcıların yüzdesi %29’dan %74’e yükselmiştir.
Geliştirilmiş ürün görünürlüğü ile satış şansı her zaman daha yüksektir.
6. Skinny Ties’dan Renkli Animasyon
SEO sıkıcı olmak zorunda değil; her zaman animasyon vardır! Navigasyonunuza biraz renkli animasyon eklemenizi ve sizin için yapabileceği sihri görmenizi öneririm.
Çevrimiçi kravat satıcısı Skinny Ties, kravat koleksiyonlarını hedef kitlelerinin kalbini kazanmaya yetecek kadar renkli animasyonlarla sergileme konusunda harika bir iş çıkarıyor. Onları rakiplerinden ayıran şey şudur:
İpek, çizgili, pamuklu, grafikli vb. kravat çeşitlerini doğrudan ana sayfalarında animasyonlu bir formatta sergiliyorlar.
Üst menü, bol miktarda görsel ipucu içeren kategori seçeneklerini görüntüler. Renk seçenekleri sadece “kırmızı” olarak yazılmamış, kullanıcının hemen kavrayabilmesi için buna eşlik eden bir renk paleti ile sunulmuştur.
Genişlik menüsünün altında, kravatın genişliğinin sadece yazılmadığını, aynı zamanda bir insan görseliyle aktarıldığını görüyoruz; böylece taktığınızda üzerinizde nasıl duracağını görebilirsiniz. Mükemmel! Değil mi?
Renkli Animasyon Neden Faydalıdır?
Renkli bir menüye sahip olmak, kullanıcının dikkatini anında çekmeye yardımcı olur. İmleci seçilen seçeneğin üzerine getirebilir ve tıklamaktan kendini alamaz.
Navigasyonda bol miktarda görsel ipucu sunmak, kullanıcıların ürünün ne sunduğunu anlamalarına yardımcı olur ve ürünün kendileri için doğru olup olmadığını uygun şekilde değerlendirebilirler. Kullanıcıların bir ürün seçimine karar vermelerine yardımcı olduğunuzda, kendilerini değerli hissederler ve alışveriş kolaylığı nedeniyle diğer müşterileri de yönlendirirler. Bu alışveriş kolaylığı, daha fazla satışa ve daha yüksek gelire yol açabilir.
7. Asos’tan Çerez (Cookie) Yeniden Hedefleme
Kullanıcı için tercihlerini zaten bilen siteleri ziyaret etmek her zaman uygundur. Örneğin, Asos’u ziyaret ettiğimde otomatik olarak erkek bölümüne yönlendiriliyorum ve üst menüde tüm erkek kategorileri yer alıyor. Yeniden hedefleme, siteyi her ziyaret ettiğimde erkek kategorisine tıklamak zorunda olmadığım anlamına geliyor; bu da tüm satın alma sürecini hızlandırıyor ve kullanıcı deneyimini iyileştirerek daha fazla satışa yol açıyor.
Teknik olarak buna, tarayıcıya ziyaretçilerin tercihlerini takip eden küçük bir çerezin yerleştirildiği “çerez yeniden hedefleme” denir.
Çerez Yeniden Hedefleme Neden Faydalıdır?
Çerez yeniden hedefleme, menüyü dinamik olarak güncellemeye ve kullanıcıların önceki tercihlerine göre uygun ürün seçeneklerini karşılarına çıkarmaya yardımcı olur. Bunu zaten yapan e-mağazalar satışlarında artış görüyor.
8. Zara’dan Kolayca Görünür Arama Seçeneği
Arama kutusu genellikle “Kutsal Arama Kutusu” olarak adlandırılır. Verimli bir arama seçeneği, ziyaretçileri sitede tutmak için çok önemlidir.
E-ticaret sitelerinin bulunması zor, daha küçük bir arama seçeneğine sahip olduğunu sıkça gördüm; bu, kullanıcıların istedikleri ürünü bulmalarını engeller ve hemen çıkma oranının artmasına neden olur.
Zara’nın, kullanıcıların web sitesine indikleri anda kullanabilecekleri daha belirgin ve oldukça görünür bir arama çubuğunu nasıl kullandığına bir göz atın.
Daha Büyük Bir Arama Çubuğu Neden Faydalıdır?
Diğer tüm navigasyon seçenekleri başarısız olduğunda, kullanıcının istediği ürünü bulması için son çaredir. Bulunması kolay bir arama kutusu, genellikle müşterilerin doğrudan istedikleri ürün sayfasına gitmeleri için en iyi yoldur.
Dahili site arama seçeneği, web sitesini daha müşteri odaklı hale getirir ve aramaya daha yatkın ziyaretçilere hitap eder.
Bir site arama işlevi yüklemek, web sitenizi ve genel pazarlama stratejinizi daha da optimize etmek için kullanabileceğiniz kritik verileri ortaya çıkarmanızı sağlar.
Bunu ve diğer kişiselleştirilmiş navigasyon önerilerini, mağazanızı Ecommerce Booster ile denetleyerek alabilirsiniz. Web sitenizin navigasyonunu, kullanıcı deneyimini ve genel olarak dönüşümlerinizi iyileştirin. Araç, her optimizasyon görevi için ayrıntılı talimatlar sağlar, böylece değişikliklerin nasıl yapılacağını araştırmakla zaman kaybetmezsiniz.
9. Mountain Bikes Direct’ten Avantaj Çubuğu (Benefit Bar)
İnsanların ürünlerinizi satın almasını istiyorsanız, güvenlerini kazanmanız gerekir. Avantaj çubuğu, web sitesi tasarımınıza ekleyebileceğiniz ve müşterinizin zihninde web sitesi ve ürünleri hakkında güven oluşturmaya yardımcı olan ilginç bir unsurdur. Bu da daha fazla satışa yol açar.
Mountain Bikes Direct, üst menünün hemen altına bir avantaj çubuğu yerleştirerek müşterilerin güvenini kazanma konusunda harika bir iş çıkarıyor. Avantaj çubuğu; ana USP’nizi (Benzersiz Satış Teklifi), güvendiğiniz kurye veya ödeme ağ geçidi ortaklarınızı, ücretsiz iade veya geri ödeme politikanızı, işletmenizin geçmişte aldığı ödülleri ve tanınırlığı veya müşterilerin güvenini kazanmaya yardımcı olan diğer seçenekleri belirtebilir.
Avantaj Çubuğu Neden Faydalıdır?
Müşteriler avantaj çubuğundaki içeriği kesinlikle göreceklerdir ve ihtiyaç duydukları bilgileri anında bulabilirlerse ve başkalarının şirketinize güvendiğini görürlerse, yeni bir müşteriyle güven oluşturmak daha kolaydır. Markanıza duyulan bu güven, ürünlerinizi satın alma olasılıklarının daha yüksek olduğu anlamına gelir.
Avantaj çubuğu, sitenizden ürün satın alma konusunda tereddüt eden müşteriler için bir güven artırıcı görevi görür.
10. New Balance’tan Özellik Açısından Zengin Açılır Menü
Ürünler hakkında daha fazla bilgi içeren özel bir navigasyon menüsü her zaman daha iyi bir kullanıcı deneyimine katkıda bulunacaktır; ayakkabı markası New Balance’ın web sitesinde yaptığı şey budur. Üst navigasyon menüsü, ürünün tam görselini ürün adıyla birlikte navigasyonun kendisinde görüntüler; bu da ziyaretçilerin ürünle daha fazla etkileşim kurmasına yardımcı olur ve bu da gelişmiş bir kullanıcı deneyimine yol açar.
Özellik Açısından Zengin Açılır Menü Neden Faydalıdır?
Kullanıcılar, ürüne göz atmak için kategori sayfalarını gezmeye gerek kalmadan ürünlere yönlendirilir. En iyi ürünlerinizi sergilemek için daha az zaman harcadığınızda, müşterilerin ürünlerinizle ilgilenme şansı artar ve daha fazla satışa yol açan dikkat çekici bir kullanıcı deneyimi sağlar.
Tam genişlikte zengin açılır menü, kullanıcılarınızın sitenizle etkileşim kurmasını sağlamanın mükemmel bir yoludur. Artan etkileşim, daha düşük hemen çıkma oranına ve sitede geçirilen sürenin artmasına yol açacaktır. Kullanıcılar sitenizde ne kadar çok zaman geçirirse, ürünlerinizi satın almakla o kadar çok ilgileneceklerdir.
11. Nua Bikes’ın Temiz Dikey Navigasyonu
Tek sayfalık bir düzen siteniz varsa, temiz bir dikey navigasyon menüsü en iyi seçeneğinizdir. Nedeni oldukça basittir; ziyaretçilerinizin kafasının karışmasını istemezsiniz. İşte Nua Bikes’ın navigasyonunda yaptığı şey.
Sol taraf navigasyonu, kullanıcıların istedikleri ürünü daha hızlı ve daha doğrudan bir şekilde bulabilecekleri temiz bir tasarım sunar.
Temiz Dikey Navigasyon Neden Faydalıdır?
Temiz bir navigasyon, sınırlı ürün envanterine sahip siteler için faydalıdır. Ürünler daha hızlı yüklenebilir ve müşteriler satış hunisinin sonuna doğru kolayca ilerleyebilir.
Teknik SEO kursu
Teknik SEO’ya kapsamlı bir genel bakış edinin
Sonuç
Web yöneticilerinin yaptığı en büyük hatalardan biri, harikalar yaratabileceğini bildikleri özellikleri uygulamamaktır. Yukarıdaki seçenekleri gözden geçirin ve hangisinin hedef kitleniz için en yararlı olacağını ve hangisinin daha fazla satışa yol açacağını değerlendirin; deneyin. Satışlarınızda yaratabileceği olumlu farkları görünce şaşıracaksınız.
İlgili hizmet: E-ticaret