E-Ticaret Mağazanız İçin Mükemmel Bir 404 Sayfası Nasıl Tasarlanır

Taşınan Sayfalar

Kolay gibi görünse de, 404 sayfanın çoğu, site sahipleri genellikle bir web sayfasını yeniden adlandırdığında veya taşındığında ortaya çıkar. Eski URL'ler, 301 yönlendirmesi ile yeni bir siteye yönlendirilmelidir, ancak bunun gerçekleşmesi gereksizdir.

Web Dizinleri

Web dizinindeki bir değişiklik, kullanıcıları URL'leri değiştirmeye veya URL'ler bir güncelleme yapılmadan taşındığında/silindiğinde zorlar.

Dizin içinde güncellenmeyen dahili bağlantılar 404 hata sayfasına yol açabilir. Ancak tüm bu sorunlardan sonra, web sitesi ziyaretçilerin karşılaştığı 404 sorunun sadece %17'sini oluşturuyor . Bu nedenle, hataları düzeltmek veya yönlendirmeler oluşturmak için sitenizi tarama konusunda ne kadar titiz olursanız olun. Kullanıcılar yine de sizin hatanız olmadan 404 sayfaya yönlendirilecektir:

Genel olarak, 404 hata sayfalarının başlıca nedenleri şunlardır:

• Ziyaretçilerin yalnızca %23'ü bir 404 sayfasıyla karşılaştıktan sonra eksik bir sayfayı bulmak için ikinci bir girişimde bulunuyor.
• Web sitesinin performansından memnun olmayan ziyaretçilerin %79'u bir daha aynı siteden alışveriş yapmayacağını söylüyor.
• Ortalama olarak, yeni bir müşteri edinmek, mevcut bir müşteriyi elde tutmaktan beş kat daha pahalıdır.

a. Arama Motorlarında Sitenizin İndeksli Sayfa Sayısını Artırın:

Bir sitedeki sayfa sayısı arttıkça ölü bağlantılar da artar. 404 sayfa aracılığıyla dizine eklenen web sitesi sayfalarınızı hızlandırabilirsiniz. 404 hata sayfasını web sitenizin rastgele dahili sayfalarına bağlamanız yeterlidir.

B. Tutarlı Bir Marka İmajı Oluşturun

Biz insanlar tutarlılığı tercih ederiz. Bir mağazaya aşina olduktan sonra, bilinçaltında ona güvenmeye başlarız. Ana odak yüzeydedir. Genel bir 404 sayfası, kötü bir kullanıcı deneyimi sunar. HTTP durum kodunu ortadan kaldıramazsınız, ancak sorunu tanımlayabilir ve özel bir hata sayfasıyla UX'i iyileştirebilirsiniz.

Bir günlük dosyası alın ve sorunla uygun şekilde başa çıkmak için sorun bilgilerini ve bir yanıt kodunu yakalayın. Kullanıcı mağazanızın ölü bir bağlantısına ulaştıysa, kokunuzu sergilemek çok önemlidir. Tasarım, kullanıcıyı farklı bir sitede oldukları konusunda şaşırtmamalıdır.

Kısacası, 404 hata sayfası benzer bir yazı tipi stiline, renk kodlarına, logoya, gezinmeye, üstbilgi ve altbilgiye sahip olmalıdır.

C. Yeniden Etkileşim ve Mutsuz Ziyaretçiler

Belirli bir ürün hakkında bilgi almak isteyen bir kullanıcının mağazanıza geldiğini düşünün. Ancak, arama motoru sonuçlarından bir web sayfasına tıkladıktan sonra, yanıtlanabilir herhangi bir sayfa açmıyor, ancak “sayfa bulunamadı” sayfası gösteriyor. Kullanıcının kendisini kötü hissetmesine neden olacaktır.
Ancak kullanıcıya sitenizin sayfasına bir bağlantı sağlarsanız, kullanıcıyla yeniden etkileşim kurabilirsiniz. Bu şekilde onların dikkatini çekersiniz.

NS. Markanızın Kişiliğini Gösterin

Kendinizi kurumsal olarak gösteremezsiniz. Markanız insani bir dokunuş vermelidir. Kişiliğinizi göstererek hedef kitlenizle daha iyi bağlantı kurabilirsiniz. Web sitenizle kullanıcı etkileşimi, kendilerini iyi hissetmelerini sağlamalıdır. İnsan kararları saniyenin çok küçük bir bölümünde alınır.

Bu nedenle 404 hata sayfasını kendinizi ifade etmek, ziyaretçilerinizin kendilerini iyi hissetmelerini sağlamak ve kitlenizle olan ilişkinizi güçlendirmek için bir araç olarak almalısınız. Müşterinizin hayal kırıklığını kabul edin, bir şeylerin yanlış gittiğini kabul edin. Bu kişisel bir etkileşim yaratacaktır.

e. Dönüşüm Oranını Artırın

404 hata sayfası oluşturarak hatanızı kabul etmiş ve kullanıcının mağazanızda keyifli vakit geçirmesini sağlamış olursunuz.

Bir 404 hata sayfasının özel yanıtı, muhtemelen web sitenizin bozuk bağlantısının kötü hafızasını kullanıcının beyninden silecektir. Ve size ikinci bir şans verme şanslarını arttırır. Bu daha çok bir hipotez gibi.

Ancak 404 sayfalarınızda indirim sunarak dönüşüm oranınızı pratik olarak artırabilirsiniz. Evet, dönüştürmek için özel bir hata sayfası kullanın. Bu şekilde bir HTTP durum kodu kazançlara hata alıyor.

1. Navigasyon

Bir 404 hata sayfasına gelen bir kullanıcının ilk ihtiyacı navigasyondur. Kullanıcıları gitmek istedikleri sayfaya yönlendirmelisiniz. Ana sayfaya veya diğer ilgili sayfalara bir bağlantı en iyi sonucu verir. Sağladığınız menü çubuğu navigasyonu (diğer web sitesi sayfalarında da mevcuttur) da iyidir. Mümkünse, kaybolan ziyaretçileri davet etmek için sohbet robotlarını da kullanabilirsiniz.

2. Ton

Yukarıda bahsettiğimiz gibi bir 404 hata sayfası marka kişiliğinizi de yansıtmalıdır. 404 sayfanıza ulaşan kullanıcıların tamamen farklı bir web sitesine geldiklerini hissetmelerini istemezsiniz. Tema ve stil tutarlı olmalıdır.

3. SEO

404 hata sayfasının kaçınılmaz olduğunu hepimiz biliyoruz. Kırık bağlantılar 404 sayfaya yol açar ve bunlar kaçınılmazdır. Ancak bir 404 sayfası, uygun şekilde özelleştirilirse, hasarı azaltabilir ve hatta olumsuz deneyimi olumluya dönüştürebilir.

4. Yaratıcılık

404 sayfası, yaratıcı becerilerinizi sergilemek için size en iyi fırsatı sunar. Bir şakayı kırabilir, etkileşim sunabilir ve bazı etkileşimli, rahat veya eğlenceli öğeler görüntüleyebilirsiniz.

1. Amazon

7.000'den fazla köpeğin Amazon'un genel merkezinde çalışmak için yasal olarak kayıt yaptırdığını bilmek sizi şaşırtacaktır. Amazon'un evcil hayvan dostu doğası viraldir ve şirket köpek dostu kültürünü gururla paylaşmaktadır. Ayrıca 404 hata sayfasından da gösteriliyor.

Herkes köpeklere hayran olup onları sevimli bulsa da Amazon, işe getirdikleri bir Amazon köpeğinin görüntüsünü göstererek onu bir sonraki aşamaya taşıyor. Ayrıca 404 sayfada eve bir bağlantı ve sahip oldukları diğer köpeklerle ilgili bir makale var. Amazon'un 404 hata sayfasına giren kullanıcılar, istenen ürünleri keşfetmek için arama çubuğunu da kullanabilir.

2. eBay Karakter Hareketi

eBayeBayönemli ölçüde popülerdir ve dünyadaki en eski e-ticaret mağazaları arasındadır. Şirket, 404 hata sayfası için zahmetsiz ve ince bir tasarım benimsemiştir, ancak yine de kullanıcı dostudur. Kullanıcılar, sayfada daha fazla ilerlemek ve ürün satın almak için onları çekecek trend olan fırsatları bulabilir. Bunun dışında bir arama çubuğu ve ana sayfaya bir bağlantı var.
Yüksek oranda dönüşüm sağladığı ve harika bir örnek olduğu için eBay 404 sayfasına başvurabilirsiniz.

3. IKEA

Dünya çapında büyük mobilya mağazalarına sahip modaya uygun bir mobilya markası olan IKEA, çok çeşitli mobilya ürünleri sunmaktadır. Şirket, bir mobil uygulama, web sitesi ve hatta 404 sayfa üzerinden daha iyi bir alışveriş deneyimi sunma konusunda son derece yenilikçidir.
404 hata sayfasında olağanüstü düzeyde bir yaratıcılık sergilediler. Dağıtılan unsurlar şirketin işini ve markasını vurgular. Doğrudan bir mesaj ve ana sayfaya bağlantı ile eşleştirildi. Sayfada dikkatin dağılmasını önlemek için başka hiçbir öğe yoktur ve odak açıktır - kayıp müşterileri web sitesinin ana sayfasına yönlendirmek.

4. Myntra

Myntra, Hint moda e-ticaret endüstrisinde yaygın bir isimdir. Bu moda e-ticaret sitesinde, her yaş grubu ve cinsiyet için çok çeşitli giyilebilir giysiler bulabilirsiniz. Mağazanın 404 sayfası da güzel. Kullanıcıya kayıp navigasyon fikrini gösteriyorlar ve aynı zamanda kullanıcının ürünleri, kategorileri ve çok daha fazlasını arayabileceği bir arama çubuğu var.
Myntra'nın 404 sayfası, istek listesi, alışveriş sepeti sayfası bağlantısı, profil bağlantısı ve arama kutusu gibi bir müşterinin ihtiyaç duyabileceği her şeye sahiptir.

5. Github

Github, 404 hata sayfasında hem mizah hem de popüler kültür referanslarını kullandı ve hata sayfasına inerken herhangi bir garipliği ortadan kaldıran komik bir mesaj veriyor. Herhangi bir karışıklık yaratmamak için basit gezinme seçenekleri vardır. Bir arama çubuğu, destek bağlantıları ve bir durum sayfası vardır.

Bununla birlikte, coup de zarafet, görüntünün kullanıcının imleciyle şakacı bir şekilde tepki vermesini sağlayan ince paralaks etkisidir. Bu animasyon, GitHub tasarımcılarının izleyicilerle oldukça uyumlu olduğunu gösteriyor.

6. Büyük Ticaret

BigCommerce, en yüksek puan alan bir e-ticaret geliştirme platformudur. Bu platformda binlerce e-ticaret mağazası kuruldu. 404 sayfasında kullanıcılar siber uzayda kaybettiklerini rahatlıkla anlayabilirler. Ana sayfanın yanı sıra, kullanıcıları hangi siteye indirmek istediklerini listelediler.

Ayrıca bir demo rezervasyonu yapma veya 404 hata sayfasından onlarla iletişim kurma işlevi de vardır.

7. Üst boşluk

Online meditasyon hizmetlerinde Headspace hatırı sayılır bir itibar kazanmıştır. Ekipleri insan beyninin nasıl çalıştığını anlıyor ve bu nedenle 404 hata sayfası sadece amacını gösteriyor. Ürüne odaklanır ve neler yapabileceğini, yani kullanıcıları stresten uzaklaştırmak için gösterir. Kayıp bir ziyaretçinin bir süre görebileceği ve biraz boşluk bırakabileceği karakterin yavaş ve ritmik hareketi. Kullanıcıya stressiz olmasını ve nefes alıp vermesini söyler.

8. Volusion

Volusion, e-ticaret mağazalarının geliştirilebileceği bulut tabanlı bir e-ticaret yazılımıdır. Tüccarlar ürün ekleyebilir, kategori oluşturabilir, ödeme detaylarını ekleyebilir ve satışa başlayabilir. 404 hata sayfasında kullanıcıların oldukça ilgisini çeken renkli toplar bulunmaktadır.
Tasarımcılar markasını göstermek için Volusion logosunun toplarında bir renk kombinasyonu kullandılar ve toplar düştükten sonraki düzgün sayfa ana sayfa bağlantısını gösteriyor.

9. Kare boşluk

Ünlü bir web sitesi oluşturucu olan Squarespace, tüccarların bir web sitesi oluşturmasına ve barındırmasına olanak tanır. Kullanıcılar, CMS ve web sayfaları oluşturmak için sürükle ve bırak işlevine sahip önceden oluşturulmuş şablonları kullanabilir. 404 hata sayfasında ise kullanıcıların keyifle oynayabileceği bir alfabe oyunu bulunuyor. Kullanıcılar imleci kullanarak harfleri hareket ettirebilir. Kullanıcı oyunu oynamak istemezse, sağlanan bağlantılara yönlendirebilir.

10. Le SINGE

Son olarak, Le SINGE, 404 sayfalık fantastik bir konseptle geliyor. Yaptıklarının karşılığını hemen satar. 404 karanlıkla gösterilir ve kullanıcının imleci hareket ettikçe, ekranın o kısmına spot ışığı verilir.
Kullanıcı doğrudan bağlantıları kullanabilir veya destek ekibiyle sohbet başlatabilir.