Sezgisel ve Kullanıcı Dostu 404 Sayfa Tasarlama
Yayınlanan: 2019-10-16Hepimiz bir noktada bir 404 sayfasıyla etkileşime girdik.
Bu sayfalar, bağlantı koptuğunda, bir sayfa silindiğinde veya kullanıcı sayfa adresini yanlış yazdığında görünür. Ancak nedeni ne olursa olsun, düzeltilmesi gereken bir hata olmaya devam ediyor. Ek olarak, bozuk bağlantılar sitenizin sıralamasına zarar verir ve ihtiyacınız olan şey bu değildir. Sitenizin SEO yönü inanılmaz derecede önemlidir, bu nedenle 404 bildirimlerine göz kulak olmayı unuttunuz diye trafiği kaybetmek istemezsiniz.
404 sayfanın en kısa sürede düzeltilmesi gerektiği açık olsa da, kullanıcının bozuk bir bağlantıyla karşılaştığını asla tahmin edemezsiniz. Hazır olmak ve olumsuz deneyimi olumluya dönüştürmek için 404 sayfanızı özelleştirmeniz ve bunları kullanıcı dostu ve sezgisel hale getirmeniz gerekir.
Kötüyü iyiye çevirmeyi öğrenmeye hazır mısınız? Bulalım.
404 sayfasını siteniz için özelleştirin
Çok sayıda etkileşimli öğe içeren inanılmaz renkli ve çekici bir web sitesinde gezindiğinizi ve aniden "404 Sayfa Bulunamadı" mesajıyla boş bir sayfayla karşılaştığınızı hayal edin.
Biraz uyandırıcı, değil mi?
404 sayfası hoş olmayan bir sürpriz olarak görünmemelidir, bu nedenle tasarımını genel site düzeniyle aynı tutmak çok önemlidir.
Bunun için 404 sayfasının görünümünü, arka plan, renkler, yazı tipleri ve diğer öğeler (varsa) dahil olmak üzere diğer sayfaların görünümüyle aynı tutun. Ayrıca birçok web sitesi 404 sayfasını markayı vurgulamak ve kullanıcılara bir kez daha hatırlatmak için bir fırsat olarak görmektedir.
Siteniz için 404 sayfası tasarlarken verilen mesaja dikkat edin. İyi hazırlanmış bir mesaj, zekice bir kelime oyunu eklemek veya kullanıcılara ürünleriniz/hizmetleriniz hakkında göze batmayan bir şekilde hatırlatma yapmak için iyi bir fırsattır.
Ne olduğunu açıkla
Apache altındaki varsayılan 404 sayfasına bakarsak, aşağıdakileri göreceğiz:
Ve bu kadar. Kullanıcının gerçekte ne olduğu ve bundan sonra ne yapacağı hakkında hiçbir fikri yoktur.
Müşterilerinizi önemsediğiniz ve hoş olmayan herhangi bir deneyimi reddetmek istediğiniz için hata için bir açıklama sağlayın. 404'ün ana nedenleri genellikle:
- Kullanıcı bir şeyi yanlış yazmış,
- Link kırık,
- Sayfa mevcut değil,
- Sunucuyla bağlantı koptu.
Tabii ki, yukarıda belirtilen tüm sorunları listelemek zorunda değilsiniz. Sadece açıklamanızın anlaşılır olduğundan emin olun.
Sorun hakkında dürüst olarak, kullanıcıları kazanacak ve onları sitede kalmaya ve sitede gezinmeye devam etmeye teşvik edeceksiniz.
İlgi çekici bir mesaj oluşturun
404 sayfası, markanın kimliğini iyi hazırlanmış bir mesajla sergilemesi için mükemmel bir fırsattır.
En iyi 404 sayfalık örnekler genellikle şunları içerir:
- kelime oyunları
- Sitenin ürünleri veya hizmetleriyle ilgili mesaj
- Kişisel itiraz,
- Pop-kültür ve tanınabilir olaylara referanslar.
404 sayfası varsayılan olarak bir hata olduğundan, onu tamamen zıt bir şeye, yani olumlu ve eğlenceli bir deneyime dönüştürmeniz gerekir.
GitHub, 404 sayfasını tasarlama konusunda mükemmel bir iş çıkardı. Geliştiriciler ve “Star Wars” destanına olan aşkları hakkındaki klişeyi kullandı ve hem görsel unsurları hem de sayfa mesajını herhangi bir Star Wars filmi izlememiş kişiler tarafından bile anında tanınabilir hale getirerek kendi yararına kullandı.
Almak için bir eylem teklif edin
Bir harekete geçirici mesaj gerçekten önemlidir ve 404 sayfalık bir tasarım için mutlak bir zorunluluktur.
Bir kullanıcı asla boş bir sayfa ve sıfır seçenekle bırakılmamalıdır. Yani 404 gibi bir şey olsa bile, karşılıklı fayda sağlayacak bir alternatif sunun.
404 sayfası için en popüler CTA'lardan bazıları şunlardır:
- bir arama çubuğu
- ana sayfa
- en iyi ürünler/hizmetler
- bir ürün veya bülten için kaydolun
- ücretsiz deneme teklifi
CTA düğmeleri tasarımına dikkat edin. Kolayca fark edilmeleri ve arka planla karışmamaları gerekir, aksi takdirde kullanıcı onları fark etmez. Ayrıca, CTA düğmesi mesajını da düşünün: “Burayı tıklayın” gibi klişeler yerine daha yaratıcı bir şeyle gidin (“Ne bulduğumuza bakın”).
Bir kullanıcı, bir şey aradığı için 404 sayfasına geldi. Bu nedenle, sayfaya bir arama çubuğu ekleyerek onlara bir kez daha deneme seçeneği sunun.
Şuna benzer bir mesajla destekleyebilirsiniz: "Sorgunuz hiçbir yerde bulunamadı...Neden tekrar denemiyorsunuz?" İyi yazılmış CTA'lar yüksek etkileşim oranına sahiptir ve resimlerle birlikte iyi çalışır.
Ayrıca, arama çubuğuna bir ipucu metni ekleyin. Metin içeren bir çubuk, boş bir çubuktan daha iyi etkileşim alır.
404 sayfasında bir arama çubuğu yeterli değildir. Kullanıcılar neye ihtiyaçları olduğundan emin değilse ne olur?
Kullanıcıyı bir 404 sayfasından potansiyel dönüşüme yönlendirmek için "Ana Sayfa" veya diğer ilgili düğmeleri ekleyin. Ayrıca, güvenilirliği artırmak için bir "Bize Ulaşın" düğmesi ekleyebilirsiniz.
Bazı şirketler 404 sayfasını ürün ve hizmetlerini hatırlatmak ve ilgili bağlantıları sayfaya yerleştirmek için bir fırsat olarak kullanır.
Örneğin bir e-ticaret mağazasıysanız, kullanıcılara en iyi ürünlerinizi keşfetme ve (umarım!) satın alma şansı vermek için en çok satan ürünlerinizi 404 sayfasına yerleştirebilirsiniz.
Diğer sitelere gelince, kesinlikle kullanıcılarınıza değerli bir şeyler sunabilirsiniz. Bir ürünün ücretsiz denemesi, bir kursa kaydolma teklifi veya sitenin faydalı alanlarına yönelik bir rehber olabilir.
Eğlenceli hale getir
Yukarıda da belirttiğimiz gibi, 404 sayfası, kullanıcı istenen sonucu alamadığından olumsuz bir deneyimdir. Sorunu çözmek için sayfayı etkileşimli hale getirin veya ona eğlenceli bir öğe ekleyin.
Kendinizi son derece profesyonel bir marka olarak konumlandırsanız bile, biraz mizahtan zarar gelmez. Ayrıca birçok şirket, kullanıcının ilgisini çekmek ve onu eğlendirmek için 404 sayfalarına oyunlaştırma ve videolar ekler.
404 hatasını izleme
404 hatası, kullanıcının işi değildir. Ancak bunu izlemek ve hatanın nedenini ve kullanıcının yolculuğunu belirlemek sizin görevinizdir.
404 hata takibi için bir araç seçerken akılda tutulması gereken birkaç şey var.
Bir 404 hatası mutlaka sitenizde olmayabilir - bir müşteri eski bir haber bültenini açıp bağlantıyı takip edebilir veya Google'daki arama sonuçlarında görünebilir.
Bu nedenle, hata izleme için bir araç seçtiğinizde, hepsini düzeltebilmeniz için her yerde 404 hata aradığını iki kez kontrol edin.
Bir site sahibi olarak muhtemelen yapacak milyonlarca işiniz var ve 404 hatalarını düzeltmek listenizin başında olmayabilir.
Bu nedenle, 404 hatalarınızın maliyetini size bildirecek bir araca ihtiyacınız var. Ve burada paradan bahsetmiyoruz - bu, kayıp dönüşümlerin bir yüzdesi, artan hemen çıkma oranı, bir dizi kayıp kullanıcı olabilir.
404 hatalarının işinizi nasıl etkilediğini gördükten sonra, görevlerinizi öncelik sırasına koymak ve 404 hatalarını listede yukarı veya aşağı taşımak daha kolay olacaktır.
404 hatası, düzenli olarak gerçekleşen bir şey değildir. Mükemmel bir şekilde gidiyor olabilirsiniz ve sonra aniden bir kullanıcı 404 alır.
Bu nedenle izleme aracınız 404 hatalarını sürekli izlemeli ve bulduğunda sizi hemen bilgilendirmelidir. Bu şekilde, sorunu zamanında düzeltebilecek ve diğer kullanıcıların 404 sayfasında tökezleme riskini ortadan kaldırabileceksiniz.
İzleme araçlarının türleri
404 hatasını saptamanıza ve başarıyla düzeltmenize yardımcı olacak farklı türde izleme araçları vardır.
Screaming Frog gibi tarama araçları, web sitenizi hızlı bir şekilde taramak ve bozuk bağlantıları kontrol etmek için mükemmeldir.
Bu araçlar, web sitenizin bağlantılarını analiz eder ve hangilerinin bozuk olduğunu ve hatanın kaynağının ne olduğunu size bildirir. Ayrıca, tarama araçlarının yönetimi ve kurulumu genellikle kolaydır.
Bu tür araçların en büyük kusuru, yalnızca web sitenizdeki bağlantıları analiz etmeleridir - ve gelişmiş analizin önemi hakkında söylediklerimizi hatırlıyor musunuz? Ayrıca, tarama araçları size bir 404 hatasının maliyetini söylemez, yalnızca onu tanımlamanıza yardımcı olur.
Bir tarama aracı kesinlikle yararlıdır ve mağazanızda her şeyin yolunda olduğundan emin olmak için onu düzenli olarak kullanmalısınız. Ancak, fark etmemiş olabileceğiniz başka hatalar olmadığından emin olmak için düzenli ve gelişmiş analizler yapmayı unutmayın.
Tarama araçlarından farklı olarak, geri bağlantı araçları, kullanıcıları sitenizdeki bozuk bağlantılara yönlendiren dış kaynaklara odaklanır.
Moz'un Link Explorer'ı, kullanıcıları sitenize çeken web sitelerini bulmanıza yardımcı olan araçlardan biridir. 404 bağlantıyı ortadan kaldırabileceğiniz ve sitenizin sıralamasını iyileştirebileceğiniz için bu tür analizler SEO'nuz için gerçekten yararlıdır.
Ancak yine, tarama araçlarında olduğu gibi, geri bağlantı izleme araçları, kopuk bağlantıları belirlemenin yalnızca bir yönünü kapsar. Eski haber bültenleri veya sosyal medyadakiler de dahil olmak üzere 404 hata bağlantısının tamamını bulmak istiyorsanız, daha kapsamlı bir analize ihtiyacınız olacak.
404 sayfalık hatayı izlemenin en yaygın ve etkili yollarından biri Google Analytics'tir.
Bunun için şu kodu kopyalamanız gerekecek:
<script>
// Create Tracker - Send to GA
// Replace UA-11111111-11 with your own Tracking ID
ga('create', 'UA-11111111-11');
ga('send', {
hitType: 'event',
eventCategory: '404 Response',
eventAction: window.location.href,
eventLabel: document.referrer
});
</script>
ve 404 Hata Sayfasına/Şablonuna ekleyin. Google hesabınızın kimliğini koda yapıştırmayı unutmayın.
Bundan sonra, tam olarak hangi URL'lerin 404 hatasına neden olduğunu ve insanların bunları nereden aldığını görebileceksiniz.
Ve son olarak: sorunu düzeltin!
Kazalar olacak ve bu bir gerçek. Rahatsız olan kullanıcılar beklerken sorunu çılgınca çözmektense, önceden iyi görünümlü bir 404 sayfasına sahip olmak daha iyidir.
Ancak 404 bir hatadır ve düzeltilmesi gerekir. Hata önceliğine bağlı olarak bağlantıyı yeniden yönlendirebilir, sayfayı geri yükleyebilir veya kaynak bağlantıyı düzeltebilirsiniz. Ayrıca, aşağıdakileri yapın:
- 404 sayfaya göz kulak olmak ve bunları zamanında düzeltmek için otomatik ve düzenli 404 raporları tanıtın,
- 404'te gerçek zamanlı bildirimler ayarlayın
- Bozuk bağlantıları belirlemek için bir denetim gerçekleştirin.
Sonuç olarak, kullanıcı dostu bir 404 sayfası kullanıcıya değer katmalı, genel web sitesi tasarımı açısından tutarlı olmalı ve sitede gezinmeye yardımcı olmalıdır. Bu kurallara uyarak, kullanıcıları koruyacak ve aynı zamanda dönüşümlerinizi artıracaksınız.