19 Kayıp Ziyaretçileri Yeniden Kazanmak İçin En İyi 404 Sayfanın Örnekleri

Bir örnek mi arıyorsunuz sayfa 404? Ve iyi bir sayfa 404’ün site dönüşümünüzü artırabileceğini ve geliri artırabileceğini biliyor muydunuz? Bu oldukça vahşi bir iddia gibi gelebilir. Ancak, doğru bir şekilde optimize edilen sayfa 404, ziyaretçileri kayıp siteye sadık ve geri bir müşteriye dönüştürme gücüne sahiptir. Bu makalede, bulduğumuz en iyi 404 hata sayfalarının örneklerini ve neden çok iyi çalıştıklarını keşfedeceğiz.
İçindekiler
1. Lego – Dostu Sayfa 404 Tasarım İlhamı
2. Slack – Çatlama 404 sayfa örnek bulunamadı
3. Laboratuar Mantra – Transfer ile Ekran 404
4. 20. Yüzyıl Stüdyoları – Film Fikirleri ile 404 Sayfa
5. Figma – Etkileşimli Sayfa 404 Sayfa Tasarımı
6. Behance – Proje tavsiyesi ile 404 örnek sayfa
7. eBay – trend fırsatları olan 404 sayfa
8. 9GAG – Davet Sayfası Oyunculuk 404
9. IMDB – Tasarım İlhamı Sayfa 404
10. Ueno – Örnek Sayfa 404 Yaratıcı
11. CloudSigma – Komik Sayfa 404 Tasarım
12. Basit terstra Brett 404 sayfası
13. Marvel Animasyonlu 404 Örnek
14. Püf noktaları CSS 404 Sayfa Tasarımı
15. MailChimp örneği Sayfa 404
16. Yumurtalar 404 sayfa kırıldı
17. SeedProd E -Ticaret UPS Sayfaları Bulunamadı
18. Seedpod Sunset örnekleri 404 sayfa
19. Komik SeedProd sayfa örnekleri 404
En iyi 404 sayfasını paylaşmadan önce, işiniz için neden önemli bir 404 yön sayfanız olduğunu görelim.
404 hata sayfası nedir ve neden buna ihtiyacınız var? Zamanla bazı web sitesi bağlantılarının kötüleştiğini zaten bilebilirsiniz. Bunun nedeni muhtemelen kayıp bir sayfa, kötü içeriği silme, web veya ev sayfalarının tasarımını değiştirme ve hatta web sitenizin kalıcı bağlantısının yapısını değiştirmesidir. Ancak bu bir şey … kaldırılan veya taşınan sayfalar genellikle eski URL’lerinde arama motorlarında veya sosyal medyada görünecektir. Bir kullanıcı açtığında, bulunmayan bir sayfa mesajı görüntüleyen 404 hata sayfasını görürler. Bu da URL’leri yazıyorlarsa veya kırık veya ölü bir bağlantıya tıklıyorlarsa da olabilir. Bunu hatırlayarak, şu anda WordPress 404 sayfanızın tasarımına çok dikkat edin. Markanızı doğru bir şekilde yansıtıyor mu? Değilse, ziyaretçileri ve potansiyel müşterileri kaybedebilirsiniz. Örneğin, 404 hata sayfanız şuna benziyorsa …
… İnsanların ayrılmasını sağlayacak ve asla geri dönemezler. Ancak, 404 yönerge sayfasını optimize ederseniz aşağıdakilerle optimize ederseniz:

Güzel resim
Olağanüstü kopya
Yararlı bilgiler ve bağlantılar
E -posta adreslerini toplamak için yöntem
Teknelerin oranını azaltabilir ve müşterileri geliştirebilir ve web sitenizin dönüşümünü yapabilirsiniz.
Şimdi 404 hata sayfasının ne olduğunu ve web siteniz için neden önemli olduğunu bildikten sonra, 404 sayfasının en iyi örneğine bakalım. Biraz şansla, kendi 404 özel sayfanızı oluşturmaya yardımcı olmak için 404 tasarım ilhamı alacaksınız. 11 Orijinal Marka Tasarım Hatasından En İyi 404 Sayfaya Örnek 404 Aşağıdakiler Orijinal markadan çevrimiçi olarak alınmıştır. Bazı tasarımların neden başarılı olduğunu açıklayacağız ve bunu kendiniz nasıl yapacağınıza dair bazı ipuçları sunacağız. 1. LEGO – Tasarım için İlham Sayfa 404 Bu 404 LEGO, web sitesi ziyaretçilerini dahil etmek için mizah ve iyi marka kullanmada çok iyi bir örnektir.
Kullanıcılar tanınabilecek karakteri görür, aradığınız sayfayı bulamayan Emmet. Daha sonra endişelenmemenizi söyledi, sizi her şeyin şaşırtıcı olduğuna ikna etti, çok iyi bir film referansı ve LEGO film şarkısı için bir başını salladı. O zaman, kafanızda vızıldayan şarkılarla, sizi net bir dava (CTA) ile alışverişe başlamaya davet etti. Tüm kavramlar, samimi, kolayca tanınan ve tamamen markaya göre işlev görürler. Bir tasarım yapmak için 404 benzer, herhangi bir teknik dili silin ve daha insancıl bir şeyle değiştirin. Endişelenme, oops gibi kelimeleri kullanın ve kullanıcıyı hata sayfasının hataları olmadığına ikna ettiğim için üzgünüm.

Markanızla ilgili görüntüleri de kullanabilirsiniz, böylece kullanıcılar neredeyse doğru yerde olduklarını bilir. Ardından, CTA düğmesi ile aradıklarını bulmalarına yardımcı olabilir ve web sitenizde daha uzun süre saklayabilirsiniz. Bir arama kutusu veya arama çubuğu dahil, kullanıcı deneyimini geliştirmenin ve SEO performansınızı iyileştirmenin bir başka harika yoludur. 2. Slack – Cracking 404 Sayfa Slack’ten 404 özel ekran tasarımına örnek yok, bu makaledeki diğer web sayfalarının bazı örneklerinden daha etkileşimli kullanıcı deneyimleri sunar.
Bahçeye inerken, ağaçlar, çiçekler ve hatta uzaktan bir gökkuşağı ile birlikte büyülü manzaraya girersiniz. Kelebekler gökyüzünde uçar ve domuzların ve garip tavukların dolaştığını bile görebilirsiniz. Daha da iyisi, fare imlecinizi hareket ettirdiğinizde tüm sayfa yatay olarak yuvarlanıyor ve zevk alınacak daha verimli bir görünüm gösteriyor. Gerçekliğin bir an için uygun olmadığını, mesajlarından da görebileceğiniz gibi, Slack gibi görünen bir şey olduğunu düşünmek kolaydır. Hata mesajı 404 hatalarından bahsetmez. Tersine, herkes tarafından kolayca anlaşılan kelimeler ve cümleler kullanırlar. Ayrıca daha sonra ne yapmanız gerektiğini önerir: bir çözüm bulmak için bir yardım merkezi geri döndürün veya arayın.
Kullanıcılara seçimler vererek, onları sekmeyi kapatmaktan daha uzun süre web sitelerinde tutarlar. 3. Laboratuar Mantra – Transfer ile Ekran 404

Özellikle Labs Mantra’dan tasarım sayfası, kullanıcının elinden karar vermek için akıllı bir örnektir. Sayfaya ulaştığınızda, “UPS! Oksijen bitti. ” Astronotlar 404’te ‘0’ üzerine oturur ve yavaş yavaş düşer. Sanki bir kara deliğe düşüyorlar veya uzaya yüzüyorlar. Daha sonra, sizi “ev” getirene kadar sayma süresinin zamanını görürsünüz ve sizi ev web sitesi ana sayfasına yönlendirirsiniz. Eğer göz kırparsanız, sayfa 404’ü tamamen kaçırabilirsiniz. Bu örnekle ilgili en güzel şey, düşünecek zaman olmamasıdır. Sadece 10 saniye içinde, ihtiyacınız olan içeriği bulabileceğiniz verandaya gidiyorsunuz, bu da ayrılmaya karar vermek için neredeyse yeterli zaman değil. 4. 20. Yüzyıl Stüdyoları – Film Fikirleri ile 404 Sayfa
Yaratıcı bir şekilde yapılan markalaşma sayfa 404’ün bir başka harika örneği, 20. yüzyıl stüdyolarından biri. Kırık bir bağlantıyı veya web sitelerinde silinen bir makaleyi ziyaret ederseniz, kült filmlerinden birinden mesajlar ve sessiz görüntüler göreceksiniz. Ayrıca, sayfanın altında, koleksiyonlarından daha fazla bilgi edinmek ve kopya satın almak için tıklayabileceğiniz bazı filmler önerirler.
Bu, kullanıcıları web sitelerine dahil etmenin harika bir yoludur, doğal olarak gereksinimleri karşılayan beklentilere ilerler. Makaleler veya popüler ürünler önererek siteniz için benzer bir yaklaşım kullanabilirsiniz. Örneğin, WooCommerce Custom SeedProd bloğu ile, en son ürünleri, satış ürünlerini, en iyi satış ürünlerini ve daha fazlasını görüntülemek için 404 ekranınıza kolayca bir ürün ızgarası ekleyebilirsiniz. Artık doğrudan 404 sayfanızdan satış yapabilirsiniz! 5. Figma – Etkileşimli Sayfa 404 Sayfa Tasarımı

Sadeliği nedeniyle sayfa 404 Figmas’ın tasarımını seviyoruz. Sayfalar oldukça doğrudan noktaya, minimal ve ek çan ve düdük yok.
Tabii ki, 404 metnindeki çapa noktasını manipüle edebileceğinizi ve oynayabileceğinizi varsayıyorsunuz. İlk başta bu işe yaramaz görünse de, bu yeterince akıllı. Bu küçük tasarım oyunu, bir tasarım aracı olarak markalaşma figürlerini mükemmel bir şekilde özetler. Onunla neler yapabileceğiniz hakkında anında bir fikir edinirsiniz, sizi daha fazlasını bulmaya teşvik eder. Daha fazla bilgi almak da zor değil. Page 404 Figmas, bir navigasyon menüsü ve ihtiyaç duyduklarını hızlı bir şekilde bulmak için kullanışlı bağlantılar içerir. 6. Behance – Proje tavsiyesi ile 404 örnek sayfa

Dribbble’a benzer şekilde Behance, kullanıcıların doğru bilgiler bulmasına yardımcı olan 404 sayfaya bir örnek verir. Sayfada basit bir başlık “Oops! “Ziyaretçilere Curation Proje Galerisi’ni kontrol etmelerini tavsiye eden bir altyazı ile” sayfasını bulamadık. Başlık altında, doğru sayfaya gitmek için çeşitli proje kategorilerine tıklayabilirsiniz. O zaman ilham almak için birkaç üstün projeyi keşfetme seçeneğiniz var. Bu sayfa ile kullanıcıların dolaşmasına gerek yoktur. Ne aradığınızı bulamazsanız, benzer veya daha iyi bir şey bulmanıza yardımcı olacak birçok öneri vardır. 7. Trending DealseBay ile eBay-404 sayfaları, özellikle en sıcak ürünleri görüntülemek için 404 hata sayfası mesajı kullanan popüler bir e-ticaret web sitesidir.

Sayfayı ziyaret ederken, istediğiniz sayfa için “her yerde arama” olduklarını söyleyen hoş bir resim ve benzersiz bir başlık görürsünüz. Bu, kullanıcıların durumla ilişki kurmasına yardımcı olur. Daha sonra cazip bir düğme ile verandalarıyla bağlantılı. Bundan sonra, hala yardıma ihtiyacınız varsa yardım sayfalarında arama yapılmasını önerirler. Veya, hala çoğu kullanıcı tarafından aranabilecek trend olan teklifleri doğrudan keşfedebilirsiniz. Sayfa 404’lerini bu şekilde yöneterek, insanların sitelerini çok zorlayıcı olmadan kullanmaya devam etmeleri için daha fazla fırsat sunarlar. 8. 9GAG – Davet Sayfası Oyunculuk 404

Kitlenizi bilmek, bunları ödeme yapan müşterilere dönüştürmek için çok önemlidir. Ne sevdiklerini bilmiyorsanız, en çok istedikleri içeriği, ürünleri ve hizmetleri sunamazsınız. Bu 404 hata sayfasında, 9GAGS kitlelerini iyi tanıdıklarını gösterdi. 404 yön sayfası, kullanıcılarının çoğu tarafından bilinecek popüler bir memeye sahiptir. Bu, aradığınız sayfa olmasa da, doğru yerde olduğunuzdan şüphe ediyor. Aşağıdakiler, uygulamalarını indirmek için basit ve CTA mesajları, daha fazla iş beklentisi elde etmek için anlık çözümlerdir. 9. IMDB – Tasarım İlhamı Sayfa 404 Çoğu kişi IMDB’nin film haberleri ve önerileri için bir web sitesi olduğunu bilir. Bu yüzden 404 ekranlarının filme odaklanması şaşırtıcı değil. Girerken, kullanıcılar popüler filmlerden özel alıntılar görebilir. Yukarıdaki örnekte, bu Yüzüklerin Efendisi’ndeki Gandalf’ın ünlü bir alıntısıdır. 404 mesajı altındaki filmin başlığı, insanlara daha fazla bilgi edinme fırsatı vererek ilgili sayfalarıyla bağlantılıdır. Veya aramaya devam etmek için verandaya gidebilirsiniz. Her iki durumda da, kullanıcı web sitesinde kalır. 10. Ueno – Örnek Sayfa 404 Yaratıcı

404 özel sayfanızı kullanmanın bir başka yolu da marka yaratıcılığınızı göstermektir. Bu örnek ile tam servis ajanı olan Ueno bu. Yukarıdaki ekran görüntüsü üzerindeki tam etkiyi göremezsiniz. Resim, garip ve gerçeküstü bir görünümden geçen bir hotdog animasyonu. Dahası, sayfayı her yenilediğinizde, durumu açıklayan farklı bir mesaj göreceksiniz. Page 404, potansiyel müşteriler için mükemmel olan çeşitli ajans yaratıcılığını göstermektedir. Ayrıca, verandaya geri dönmek, iyi yerleştirilmiş bir “sırt” bağlantı ile kolaydır. 11. CloudSigma – Tasarım Page 404 Lucucoud barındırma, birçok web sitesi sahibi için yararlı bir hizmet olmasına rağmen, gösterilmesi eğlenceli bir konu değildir. Bu yüzden CloudSigma’dan bu sayfa 404 tasarımını seviyoruz. Dil-pipi’nin mesajı, geliştiriciler olarak hayat perde arkasındaki resme ziyaretçiler veriyorlar. Bununla birlikte, mizah, rahatsız edici bir duyguya neden olmayacak kadar hafiftir. Tüm sayfalar ilginç ve dostça bir izlenim yaratarak daha fazla bilgi edinmek için verandaya tıklamanızı sağlıyor. Umarım yukarıdaki 404 sayfa örneği, ilerlemeniz ve web siteniz için bir tane yapmanız için yeterli ilham vermektedir. 12. Basit terstra Brett 404 sayfası
404 sayfanız iyi tasarlanmamışsa, ziyaretçiler için bir çıkmazı gösterebilir ve onlara gidecekleri başka yerler sunabilir. Bu, birçok potansiyel müşterinin kaybına neden olabilir. Bunun yerine, Brett Tersstra’dan bu sayfa 404 gibi bir şey yapabilirsiniz. Hemen bir şeylerin yanlış olduğunu fark etti ve sadece izin vermek yerine, aradığınız şey için tavsiyelerde bulundu. Sayfa dikkat çekici olmasa da, çok kullanışlıdır. En çok aranan makaleleri bulmak için web sitenizin analitikliğini görmeye benzer bir şey yapabilirsiniz. 13. Marvel Animasyonlu 404 404 Marvel Greats örnekleri çeşitli şekil ve boyutlarda mevcuttur. Aslında, evrenlerindeki farklı karakterlerin etrafındaki tema hatasının birçok sayfası var. Bu örnekte, birçok hayran tarafından sevilecek Iron Man hakkında 404 sayfalık bir animasyon var. Animasyonlu GIF’in hareketi dikkatinizi talimatlara çeker. Ziyaretçileri geri düğmeye basmaya veya aradıklarını bulmak için arama işlevlerini kullanmaya teşvik eder. 14. Püf noktaları CSS 404 Sayfa Tasarımı

İşlevsel ancak doğrudan bu CSS hilesinden, kitlenizi iyi bulmak için çok iyi bir örnektir. Sayfada, birçok geliştiriciyle rezonansa girecek olan CSS’sini ifade eden altta bir gözyaşı var. Gördüğünüz gibi, insanların web sitelerinden ayrılmasını önlemek için ilgili sayfalara bağlantılar da ekler. Ayrıca, dahili bağlantılar SEO’nuzu geliştirmenin en iyi yoludur. 15. MailChimp örneği Sayfa 404

Bir şeyler ters gittiğinde, genellikle durumu ele almanın en iyi yolu açık olmak ve bunun sizin hatanız olduğunu itiraf etmektir. Mailchimp 404 sayfalık tasarımlarıyla bunu yaptı. Bu sayfa, aradığınızı “arayan” karakterin animasyonlu bir GIF’ine sahiptir. Ayrıca, mesajlar sayfaları kaybetme konusunda dürüst. Bununla birlikte, ziyaretçileri ana sayfalarına yönlendiren bir düğme göstererek okuyucuya bir çözüm sunuyorlar. 16. Yumurtalar Kırık Yumurtalar 404 Sayfa 404 SeedProd’dan Yumurta Kırılma Yumurtaları Kolayca ayarlanan bir mesajla doğrudan bir tasarımdır. Bu, kullanıcıları ana sayfanıza yönlendiren site logonuz, gezinme menünüz ve CTA’nın alanı içerir. Arka plan görüntüsü, çalışmayan bir şey olduğunun çok iyi bir işaretidir. Ve menü bağlantısı, web sitesindeki diğer alanlara gitmeyi kolaylaştırır. 17. SeedProd E -Ticaret UPS Sayfaları Bulunamadı

E -ticaret web sitesi, yararlı olduğunu düşünecektir. Bu, bir şeyin yanlış olduğunu belirten, aynı zamanda kullanıcıların keşfetmesini sağlamak için ürün tavsiyesini de içeren basit bir mesajı vardır. 18. Seedpod Sunset örnekleri 404 sayfa

Bu tohumun tasarımında, çarpıcı ve etki yaratabilirsiniz. Tam ekran ekranı, sıcak bir gün batımı görüntüsü ile doğrudan dikkat çeker. Kullanıcılar daha sonra ana sayfanıza geri dönme yolunu bulmak için büyük “Ana Sayfa” düğmesine tıklayabilir. 19. Komik SeedProd sayfa örnekleri 404

Ananas kostümlerinde sevimli köpekleri kim reddedebilir? Bu parlak ve neşeli Sayfa 404 sayfasında, bu size sayfanın mevcut olmadığını söyler. Ama biraz yardım alarak, var olan verandaya gidebilirsiniz. Ayrıca, kullanıcıların web sitenizde kolayca başka sayfalar bulabilmeleri için pratik gezinme menüleri de içerir. 404 Hangi SSS sayfaları sayfa 404 olmalı? Sayfa 404 oluştururken, insanlara aradıkları sayfanın bulunamayacağını söylemelisiniz. Daha sonra sayfayı sitenizdeki diğer sayfalara faydalı bağlantılarla zenginleştirebilir veya e -posta bülteninize kaydolmak için Optin formları ekleyebilirsiniz. 404 sayfası nasıl yeniden yönlendirilir? 404 hata sayfasını web sitenizdeki başka bir sayfaya yönlendirmek için SEO eklentisini kullanabilirsiniz. Hepsini bir SEO’da kullanmanızı öneririz, çünkü bu en kolay ve en kullanıcı -dostça SEO WordPress eklentisidir. WordPress’te 404 hatalarının kolayca nasıl bululacağı ve düzeltileceğine dair rehberlerine bakın. Nasıl iyi bir sayfa 404?

404 özel sayfanızı oluşturmak söz konusu olduğunda, birkaç seçenek vardır. Birçok WordPress teması, Tema Paketinin bir parçası olarak kullanıma hazır tasarım sayfasını içerir. Böylece şu anda kullandığınız temanın bu işlevi olup olmadığını görebilirsiniz. Ayrıca 404 sayfalık veya 404 sayfalık bir animasyonu tasarlamak ve kodlamak için bir geliştirici kiralayabilirsiniz, ancak bu pahalı olabilir. Veya SeedProd gibi yönlendirilmiş sayfaların üreticisini kullanarak bir sayfa 404 yapabilirsiniz. SeedProd, WordPress için en iyi ve en kapalı -Loose -Loose sayfa üreticisidir. Herhangi bir yön sayfası oluşturmayı ve kod gerektirmeden bir sayfa oluşturmak için kolay ve gevşek ve gevşek bir yapımcı sağlamayı çok kolaylaştırır. Ayrıca görsel yapımcılarda ayarlayabileceğiniz çeşitli yönler sayfası şablonları ile donatılmıştır. Buna ek olarak, bu eklenti minimum kodla şişirmek için ücretsizdir, bu nedenle web sitenizi yavaşlatmaz. Peki ne bekliyorsunuz? Bugünün tohumuyla başlayın!

Ve bu makaleyi beğendiyseniz, işinizi geliştirmeye yardımcı olacak daha kullanışlı içerik için lütfen bizi Twitter ve Facebook’ta takip edin.