Özel 404 Hata Sayfaları: Bozuk Web Sayfalarını Kaydeden En İyi 'Sayfa Bulunamadı' Örnekleri

Hepimiz bunu istediğimizden daha fazla deneyimledik. Dikkatinizi çekmeye yetecek kadar yeni bir web sayfası açma beklentisiyle bir bağlantıya tıkladığınızda, yalnızca korkunç 404 hatasıyla karşılaşacağınız hissi.

Sayfa. Olumsuz. Bulundu.

Ah canım, ah canım. Kullanıcı sizseniz, hemen hüsrana uğrar veya hayal kırıklığına uğrarsınız. Web sitesi sahibiyseniz, bozuk bir bağlantınız veya sayfanız olduğunu öğrendiğiniz an, her zaman utanç ve kafa karışıklığı ile karıştırılır - “ama dün işe yaradı!”

Bununla birlikte, 404 hata sayfası söz konusu olduğunda, aksaklıklar arasında genellikle birkaç gizli mücevher vardır. Koyunları takip etmek yerine, bazı web siteleri 404 sayfalarını bir eğlence dalgası veya ek bilgi kullanmak için bir bahaneye dönüştürmek için zaman ayırdı - bana sorarsanız oldukça akıllıca!

Doğrudan gelen kutunuza gönderilen daha fazla küratörlü en iyi tasarım ister misiniz?
DesignRush Günlük Doz'a kaydolun !

Bu özel hata sayfaları, diğer tasarımcılar için mükemmel bir ilham kaynağıdır. Elbette en iyi senaryo, her seferinde kusursuz çalışan kusursuz bir web sitesi tasarımıdır. Ancak işler olur, temalar ters gider, web sunucuları arızalanır ve sayfalar bozulur. Bu nedenle, sitenizde darbeyi azaltmak ve ziyaretçilerinizin bir snafu'dan sonra daha fazlası için geri gelmesini sağlamak için özel bir marka mesajı zorunludur. Bazı 404 sayfa o kadar komik ki, insanlar kasıtlı olarak onlara vurmaya devam ediyor ve hatta arkadaşlarıyla paylaşıyor!

404 Hatalı Web Sayfaları Neden Gereklidir?

404 sayfa hataları, "bozuk bağlantı" veya hatalı URL, kullanıcıları erişilemeyen bir web sayfasına götürdüğünde meydana gelir.

Bazen, diğer kişiler veya çevrimiçi işletmeler markanızdan dijital olarak bozuk bir bağlantıyla bahsettiğinde 404 hatası oluşur. Bu gibi durumlarda, çoğu zaman, birileri bağlantıda bir URL'nin sonuna ek bir harf eklemek gibi bir yazım hatası yaptığında 404 sayfası ortaya çıkar. Aslında, zamanın yüzde 45,9'u, insanlar yazım hatası, e-postadaki eski bağlantı veya o zamandan beri kaldırılan bir sayfanın bağlantısını kaydeden eski yer imleri nedeniyle bir 404 sayfasına rastlar.

Bununla birlikte, en yaygın 404 sayfalık olaylardan biri, web sitesi yöneticilerinin, sitelerinde (ve tüm İnternet'te) şu anda devre dışı bırakılan sayfaya işaret eden başka bağlantılar olduğunda sayfayı tamamen silmeleridir. Bu durumlarda, bağlantıları reddetmeyi unutmamalısınız. Bu, kendi başlarına öğrenmelerine izin vermek ve insanları hata sayfalarınıza yönlendirmek yerine, bağları koparmanız ve arama motorlarına bu bağlantıların bozulduğunu söylemeniz anlamına gelir.

İçeriği taşımak veya kaldırmak istediğinizde, sayfaları yeniden yönlendirmeniz gerekir -- bu 301, 307 ve 308 yönlendirmeleri bunun içindir. 301/308 yeniden yönlendirmesi kalıcı bir yönlendirmedir - biri eski bir sayfaya gittiğinde hemen yenisine yönlendirilecektir.

Ancak, 302/307 yeniden yönlendirmesi geçicidir. Web sitesi yöneticileri bunları çeşitli nedenlerle kullanır.

İster inanın ister inanmayın, arama motorları insanları 404 sayfaya yönlendirebilir. Örneğin, bir yönlendirmeyi düzgün yaptığınızda, insanlar şu anda işaret ettiğiniz sayfaya gelmelidir. Ancak bazen arama motorlarının sayfaları taraması ve yaptığınız tüm değişiklikleri not etmesi birkaç gün (veya daha uzun) sürebilir. Bu kısa zaman diliminde, insanları yine de yanlış 404 sayfasına götürebilirler.

Diğer zamanlarda, web sitesinde bozuk bağlantılar oluşturan bir hata olabilir. Bu durumda, programcılardan ve geliştiricilerden yardım istemeniz gerekir. Sonuçta, bir anket, web sitelerinin yüzde 17,5'inin bozuk bir bağlantıya sahip olduğunu buldu.

404 Sayfa Nasıl İzlenir

Potansiyel 404 sayfayı her zaman izlemeli ve ortaya çıkar çıkmaz düzeltmeye çalışmalısınız. Neyse ki, bozuk bağlantılarınızı bulmanıza ve bunlarla başa çıkmanıza yardımcı olabilecek araçlar var. Bazıları Screaming Frog, Dead Link Checker ve belki de en popüler olan Google'ın kendi Web Yöneticisi Araçları'nı içerir.

Etkili 404 Hata Web Sayfaları Oluşturma

Neredeyse kesin olan bir şey var – sitenizde her şeyi doğru yapsanız bile zaman zaman 404 sayfanız olacak. Ancak iyi haber şu ki, bağlantıları reddederek, sayfaları sürekli izleyerek, web sitesi denetleyicileri çalıştırarak ve daha fazlasıyla kullanıcı deneyimini en üst düzeye çıkarabilir ve görünümlerini en aza indirebilirsiniz.

Hatalar olduğunda, onlardan öğrenmeliyiz. Web sitesi performansını artırmak için Google Analytics gibi web sitesi analiz programlarını kullanın. İnsanların 404 sayfanıza geldiklerinde ne yaptıklarını takip edin. Ardından, bu verileri kendi yararınıza kullanın.

Örneğin, bir 404 sayfasından sonra attıkları bir sonraki adım ana sayfaya geri dönmekse, onları tasarımınıza yönlendirecek açık ve görünür bir düğme yerleştirebilirsiniz. Ya da 404 hatasından sonra iletişim sayfasını ziyaret etmeyi seviyorlarsa oraya bağlanın ve hayatlarını biraz daha kolaylaştırın.

Web siteniz için neyin işe yaradığını ve tüketicilerinizin neyi sevip neyi sevmediğini görmek için tüketici davranışını ve bilgilerini izleyin. Daha iyi ne var? Bu tür şeylerle ilgili bir varsayım yoktur – web sitenizin ziyaretçileriyle ilgili sayılar ve somut veriler kendisi için konuşacaktır.

Hemen Kopyalamak İsteyeceğiniz En İyi 404 Hata Sayfası Tasarımları

Hata aramak için internette gezindikten sonra (bu kulağa ne kadar tuhaf gelse de), diğerlerinden öne çıkan birkaç 404 sayfa var. Bir göz atın - belki bazıları kendi marka üstü tasarımınıza ilham verir!

1. Eşlenen 404 Hata Sayfası: BluePath

BluePath, kullanıcıları elektronik tablolardan uzaklaştırmaya yardımcı olan "otomatik analitik stratejileri oluşturmak ve uygulamak" için müşterileriyle birlikte çalışır. Bu başlı başına harika olsa da, bu ilginç 404 hata sayfasını bir araya getirmek için zaman ayırdılar.

Sayfa aslında bir haritayı gösteriyor ("harita dışında" gezinme aptallığınız sayesinde üzerinde olmadığınız). Sayfadaki kopya da şunları söylüyor:

“Bu [harita] son ​​birkaç yılda Atlanta'da bildirilen tüm suçları gösteriyor. Niye ya? Çünkü bizi henüz işe almamış olman bir suç!”

İyi oynadın, BluePath. Güzel oynadı.

2. Snarky 404 Sayfa Hatası: Avustralyalı

Avustralya'nın önde gelen ulusal haber markası Avustralya , bir dizi ulusal ve küresel haber ve iş kapsamına sahiptir. Ancak, tıpkı geri kalanımız gibi, ara sıra yapılan hatalara karşı savunmasızdırlar. Bu durumda 404 hata sayfası.

Ancak, klasik “sayfa bulunamadı”ya boyun eğmek yerine, Avustralyalı, sayfayı birkaç Avustralyalı politikacıyı kurnazca araştırmak için bir şans olarak kullanmayı seçti (garip bir şekilde, Donald Trump ve bir parça kömür de listeyi oluşturuyor). Her politikacının kendileriyle ilgili bir alıntısı ve kopuk bağlantı hakkındaki düşünceleri vardır.

3. Oyunlaştırılmış 404 Hata Sayfası: Kualo

Tamam. Bu, internet tarihindeki en iyi 404 hata sayfası olabilir. Kualo, kırık bağlantılar için evlerini, kullanıcıların oynaması için bir Space Invaders oyununa dönüştürmeye karar verdi. Oyunlaştırma, hayal kırıklığına uğramış web sörfçülerini çok mutlu içerik tüketicilerine dönüştürmenin harika bir yoludur.

Ayrıca, kullanıcılar sadece klasik oyunu oynamak için kasıtlı olarak bu sayfaya geri dönebilirler. Arama motorları her şeyi gördüğü için (merhaba Big Brother...) ayrıca kullanıcıların sayfadaki zamanını da takip ederler. Mantıklı – bir sayfada çok zaman harcıyorsanız, bu içeriği gerçekten beğendiğiniz anlamına gelir. Tekrar eden bir kullanıcıysanız ve daha fazlası için geri gelmeye devam ederseniz, arama motorları yolculuğunuzun haritasını çıkarır ve web sitelerini daha iyi sıralama ile ödüllendirir!

Daha iyi ne var? Kualo'nun web sitesinde sadece harika oyunu oynama şansını elde etmekle kalmıyor, aynı zamanda bunu yapmak için bir teşvikiniz var! 1.000 işgalciyi yok ederseniz, barındırmalarında indirim alırsınız. Her yerde, bu gerçekten harika bir tasarım ve bu makaleyi sırf bu sayfa yüzünden yazmam fazladan bir saatimi aldı. Kualo'ya şapka çıkarılır.

PS Yüksek puanımızı geçebilir misin ?

4. İlginç 404 Hata Sayfası: Yararsız Web Dizini

Kullanışsız web dizini - son derece uygun adlarıyla - 404 hata sayfası tasarımında bize çok sevilen mirketi vermeye karar verdi. Sayfada ne kadar uzun zaman harcarsanız o kadar çok mirket gelir, o kadar ki yaklaşık 10 saniye sonra ekranda en az sekiz tane olur.

Açıkça web sayfanızı bulmakta zorlanan mirketler için neredeyse üzülüyorsunuz!

Elbette, oyunlaştırma işiniz için harikalar yaratır, ancak 404 konularıyla uzaktan bağlantılı bir video eklemek de iyi bir taktiktir. İnsanlar bunu sonuna kadar izleyebilir ve bu, web sayfasında geçirilen süreyi artırmanın ve 404 sayfa görünse bile genel ölçümlerinizi geliştirmenin bir başka harika yolu haline getirir.

5. Illustrated 404 Hata Sayfası: Lego

Lego hayranıysanız, 404 hata sayfası tasarımının keyfine varacaksınız. Bazı şirketlerin zaten vurguladığı gibi, 404 sayfası aslında markanızı veya ürününüzü ziyaretçilere yeniden tanıtmak için hatalı bir sayfa kullanmak için harika bir bahane.

Lego aslında hem müşteri kitlesini artırmak için çeşitli taktikler kullanması hem de insanlara ilgili olduklarını hatırlatma fırsatını asla kaçırmamasıyla ünlüdür. Bir dizi animasyon filmi, video oyunu, ek içerik ve daha fazlası var. Lego, bebek Lego Duplo yapım parçalarından yetişkinlerin en ünlü simge yapıların kopyalarını oluşturmasına izin veren Mimar kutularına kadar her yaştan insan için var.

404 sayfaları için daha azını beklemiyorduk. Bu durumda, Lego'nun 404 sayfası çok açıklayıcı: tıkladığınız bağlantıyı web sayfasına bağlayan 'kablo' koptu ve bazı zavallı adamlar dehşete düştü!

6. Punny 404 Hata Sayfası: Mavi Daniel

Portföyünün bir parçası olarak Daniel Karcher, becerilerini daha da fazla sergilemek için 404 hata sayfasını kullanmayı seçti. Esprili bir bükülme için kelime oyunları ve kelime oyunları kullanan reklam panosu reklamlarıyla bir metro ortamı seçti.

Hata mesajında, “The Missing” filmine ve “Lost” adlı TV şovuna göndermeler göreceksiniz. İkincisi, kullanıcılara "KAYIP MISINIZ?" Sorusunu sormak için üst üste grafiti içeriyor.

Bu 404 sayfasında belli ki yolunuzu kaybettiğiniz için ana seviyeye geri dönme şansınız var. Akıllı!

7. Maceracı 404 Hata Sayfası: Emirates

Makalenin başında belirtildiği gibi, bazı şirketler, bozuk bir bölüm veya bağlantıdan ziyade gerçek web sitesinin bir parçası gibi hissettiren bir 404 hata sayfası oluşturmak için mizah ve faydalı bilgilerin bir kombinasyonunu kullanır.

Emirates, ironik bir şakayı en sık ziyaret edilen sayfalarına bağlantılarla birleştiren en iyi örnektir. "Üzgünüm, dünyayı dolaştık ama bu sayfayı bulamıyoruz" diyorlar. Her yerde olduklarına göre, aradığınız sayfanın neredeyse kesin olarak var olmadığını öne sürüyorsunuz - d'oh!

Bir 404 sayfasına giren kişilerin yüzde 73,7'sinin siteyi hemen terk ettiği göz önüne alındığında, en çok ziyaret edilen sayfalara bağlantılar sunarak ziyaretçileri sitenizde tutmak harika bir taktiktir.

İnsanlar aradıklarını bulamayınca güvenlerini kaybederler. Buna karşılık, arama motorları güvenini kaybeder. Ve şunu söylemek yeterli, kimsenin işinize olan güvenini kaybetmesini istemiyorsunuz. Bozuk bir bağlantı gibi kötü bir durumu tersine çevirmenin bir yolunu bulmak, işletmenizi öne çıkarmanıza ve hatta web sitenizin ziyaretçilerini etkilemenize yardımcı olabilir.

8. Minimal 404 Hata Sayfası: CSS Püf Noktaları

Bir web geliştirme veya kodlama web sitesinin 404 hatası vermesi muhtemelen oldukça utanç vericidir. Demek istediğim, sonuçta bunların olmamasını sağlamak onların işi - öyle değil mi?

Ne olursa olsun, CSS Tricks ekibi, potansiyel olarak utanç verici bir hatayı güzel tasarlanmış bir 404 sayfasına dönüştürmeyi başardı. Sayfanın ortası yırtık bir kağıt yaprağı gibi biçimlendirilmiştir ve bunun arkasında ziyaret etmeye çalıştığınız sayfayı oluşturması gereken kod yer alır.

9. Kendini Beğenmeyen 404 Hata Sayfası: Bulut Sigma

Cloud Sigma'nın 404 hata sayfasıyla ne yaptığını anlayabiliriz. Her zaman, şüpheye düştüğünüzde, potansiyel olarak kötü durumları hafifletmek için sadece köpek veya kedi resimlerini kullanın deriz. Bu durumda, site, bilgisayar kullanmaya çalışan bir kedinin (üzgünüm, onların küçük geliştiricisi) bir resmine sahiptir. İyi zamanlanmış. Gülmeden edemiyorsun!

Ancak en önemlisi, Cloud Sigma site hatası, size ana sayfalarına geri dönmek için net bir yöntem sunar. İnsanların web sitesini tamamen terk etmelerini istemiyorsanız, ana sayfaya geri dönmenin her zaman kolay ve sadece bir tık ötede olduğundan emin olun.

10. Alışılmadık 404 Hata Sayfası: LimpFish

Son olarak, Limpfish, her kullanıcının yüzüne bir kez daha gülümseme getirmek için 404 hata sayfasının ilginç bir sürümünü kullandı. Kabul ediyorum, bunu ilk gördüğümde biraz kafam karıştı çünkü bir flört reklamı ile gerçek bir teknoloji talebinin birleşimi gibi görünüyor… Hangisinin daha belirgin olduğundan emin değilim. Ama bir düşünürseniz, kimin bozuk bir bağlantıdan daha iyi bir eşleşmeye ihtiyacı var?

Ancak, internette faaliyet gösterdiğimiz düşünülürse, gazete etkisi biraz ironi katıyor. Nihai hedef bir başarıydı - bizi gülümsettiler ve kıkırdadılar ve 404 sayfaya ulaşır ulaşmaz web sitesini terk etmedik.

404 Sayfa Hakkında Neler Öğrenilmelidir?

404 sayfanıza marka kimliğinize uygun eğlenceli, eğlenceli, arkadaş canlısı veya oyunlaştırılmış bir yön ekleyerek ziyaretçiyi sitenizde tutabilir ve hatta işletmenizi daha da tanıtabilirsiniz. Dikkate değer bir örnek, oyunlaştırma ek paraya mal olur, ancak hemen çıkma oranlarını azaltan akıllı bir yatırımdır.

Yukarıda eylemde gördüğümüz faydalı 404 sayfa ve taktiklerin yanı sıra, kazayı bir fırsata dönüştürmenize yardımcı olacak bir Yapılacaklar ve Yapılmayacaklar listesi hazırladık - özellikle de insanlar zaman zaman yanlış yazacaklarından, ve bunu kontrol edemezsin. Ancak, bozuk bir sayfaya düşerlerse deneyimlerini etkileyebilirsiniz.

Kendinize ait faydalı bir 404 sayfası oluştururken aklınızda bulundurmanız gereken bazı noktalar şunlardır:

• Dürüst ol. Dediğimiz gibi 404 sayfa olacak ve bazen sizin suçunuz bile olmayacak. Ne olursa olsun, ne olduğunu açıkladığınızdan ve durumu düzeltmenin ve insanların aradıklarını bulmalarına yardımcı olmanın yollarını sunduğunuzdan emin olun.
• Fırsatı kaçırmayın. İnsanların hayal kırıklığına uğramaması veya hiç ayrılmaması için biraz mizah ve marka kişiliği ekleyin.
• Kullanıcıları meşgul edin. Bütçeniz destekliyorsa oyun oynamalarına izin verin. Değilse, katılımı artırmanın birkaç yolu vardır. Sevimli bir video, illüstrasyon veya animasyon ekleyin. Durumu hafifletmeye çalışın - her şey başarısız olursa, sevimli hayvan resimleri ve videoları da işe yarayacaktır.
• Gitmelerini engelle. Ayrılan her web sitesi ziyaretçisi, bir müşteri adayını müşteriye dönüştürmek için kaçırılmış bir fırsattır. En çok ziyaret edilen sayfalara ilgili bağlantılar ekleyebilir veya web sitenize göz atabilmeleri için 404 sayfasına bir arama işlevi ekleyebilirsiniz.
• Bir teşvik ekleyin. Bazı markalar, 404 sayfalarını bulursanız teşvik sunar. Bu şekilde, daha fazla potansiyel müşteri bile toplayabilirsiniz. Örneğin, bir haber bültenine kaydolma, e-kitap veya örnek olay incelemesi gibi ücretsiz içerik ve daha fazlasını sunabilirsiniz.
• Reklam yok. Eh, geleneksel anlamda değil. Web sitesinde bir hata varsa ve insanlar buna denk gelirse, fazla satmaya çalışmayın veya 404 sayfasından bilerek ayrıldığınızı düşünmelerine izin vermeyin.
• Hızlı yükleme. İnsanlar bozuk bir sayfaya düşerse, bunu öğrenmek için sonsuza kadar beklemelerini istemezsiniz. Web sitenizdeki diğer tüm sayfalar için de iyi yükleme hızı önerilir. Hemen çıkma oranı, eklenen her saniye bekleme süresiyle artmaya devam ediyor.
• Karmaşık teknik terimler kullanmayın. Amaç, kullanıcıları karmaşık lingo ve gereksiz terimlerle daha fazla uzaklaştırmak değil, web sitenizde tutmaya çalışmaktır.
• Kırık linklerinizi izlemeyi ve en kısa sürede düzeltmeyi unutmayınız.

Sayfa Bulunamadı... Ama Sonuç

Her sitenin 404 hata sayfası tasarımı, aksiliği alır ve marka sadakatini daha da geliştirmek için bir fırsata dönüştürür. Yaratıcılık, mükemmel tasarım ve biraz keskin zeka sayesinde, web sitesi tasarımınız da hatalar hakkında endişelenmenize gerek kalmayacak - bunların hepsi şirketin tekliflerinin bir uzantısı olacak.

Son ipucumuz: 404 sayfanız için tüm durakları kaldırın çünkü 404 sayfaya ulaştıktan sonra ayrılan kişilerin yüzde 73'ü, kaybedilen potansiyel müşterilerin yüzde 74'ünü temsil ediyor. Bunlar, potansiyel müşterilerinizin kaçmasıdır ve özel bir 404 sayfası, kalmalarını ve daha fazla göz atmalarını sağlayabilir. Özel bir 404 sayfanızın olması gerekip gerekmediği değil. Soru bir tane değil göze edebilir misiniz?

Daha iyi bir kullanıcı deneyimi sağlamak için kendi özel 404 hata sayfanızı mı istiyorsunuz? DesignRush, işletmeniz için bir marka web sayfası VE tam gelişmiş web sitesi oluşturabilecek en iyi dijital ajansların bir listesine sahiptir.

Daha ilham verici tasarımlar mı istiyorsunuz? Bültenimize kaydolun!