🔥 Görünümü değiştirmek için sadece 5 dakika

Sayfa nasıl bulunmamalı (404 sayfa)? (Örneğin)

Çok uzun, okumak ister misin?

"Ah! Bu sayfa nereye gitti?" Web sitenizi gizlice yok eden dünyanın sorunu.

Hiç var mı? Web'e sörf yapmak ve ilginç bağlantıya tıklamak tadını çıkarmak ... boş yüzü görmek için geri dönün. "404 bulunamadı" veya "Bu sayfayı bulamıyorum" kuru bir mesajı olan. O zaman, alışveriş merkezine yürümek ve her ikisi de karışık bir kapı bulmak gibi olurdu. "Yanlış mı geldim?" Veya "Bu web sitesi mahvoldu mu?"

Bu, internet kullanıcılarının her gün karşılaştığı doğrudan deneyimdir. Sayfa 404 atılmamıştır. Bu sadece kullanıcının "ton" değil, aynı zamanda markanın güvenilirliğini emen "kara delik" ve maalesef iyi SEO puanınız. Ne yazık ki, eğer web sitenizin 404. sayfası hala böyleyse ... Krizi bir fırsat haline getirmek için altın bir fırsat kaybediyorsunuz.

-İllüstrasyonlar için

Kullanıcının görüntüsü, tasarımsız eski 404 sayfayı gösteren bilgisayar ekranının önünde karışık ve sinirli. Kırık bir harita simgesiyle veya çevresinin tonları kayıp bir his aktarır

Neden "404 sayfa" ile karşılaşıyoruz ve neden çoğu "bakmaya değmez" gibi görünüyor

Çözüme ulaşmadan önce, önce bu "404 iblis" in göründüğünü anlamaya geliyoruz. Kullanıcılar bu sayfayı 3 ana nedenden bulacaklar:

  • Yanlış URL (Mistip URL): Kullanıcıların iki yanlış bağlantı heceleyebilmesi normaldir.
  • Kırık bağlantı: başka bir web sitesinden bir bağlantı veya kendi web sitenizde kullanılan bir bağlantı olabilir, ancak şimdi bu hedef yok
  • Sayfa silindi (Silinmiş Sayfa): Sayfaya veya makaleye sahip olabilirsiniz. Ancak eski bağlantıyı güncellemeyi unutarak sildi veya hareket ettirdi

Ve neden 404 sayfası en çok terk edildi? Basit cevap, genellikle web çalışanlarının veya pazarlamacılarının göz ardı etme eğiliminde olduğu "biraz" veya teknik bir konu olarak görülmesidir. Her zaman, tasarlanmayan "çıkmaz" ın unutması için ana sayfanın, ürün sayfasının veya hizmet sayfasının oluşturulmasına adanırlar. Önemli bir kullanıcı deneyiminin (UX) bir parçasıdır ve bu ateşleme güzel bir mağaza tasarımı gibidir. Ama kirli bir banyo var ve çalışmıyor

-İllüstrasyonlar için

404 Web simgesine işaret eden sayfa 404 (yanlış harfler, simgeler, çöp simgeleri ile ICON klavye) 3 ana nedenini gösteren basit infoic görüntüler.

Tasarımsız sayfa 404'ü bırakın ... düşündüğünüzden daha fazlasını etkiliyor!

Sadece kullanıcının duygularını kaybetmesine neden olmayan 404 sayfaya sahip olmak, aynı zamanda uzun vadede işinizi ve SEO'yu doğrudan etkiler.

  • Kullanıcı deneyimini kırın (kötü UX): Bu en net etkidir. Sinirciliğe neden olur ve kullanıcının web sitenizin profesyonel olmadığını hissettirir.
  • İade oranının arttırılması derhal "bastırır". Google'a teslim edildiğinde bu sinyal kesinlikle iyi değil.
  • Hasar Marka Algısı: Sayfa 404 Bu tasarlanmamış. Medya, markanın kullanıcıların güvenilirliğini azaltabilecek küçük ayrıntılara dikkat etmediğinizi gösteriyor.
  • Kayıp İş Optunities: Bu kullanıcı hizmetinizi satın alıyor veya kullanıyor olabilir. Ancak çıkmazla karşılaşmak, fikrini değiştirmesine ve rakiplere dönmesine neden olur, bunun yerine bu hikayeden sonsuza dek müşterileri kaybedebilirsiniz!
  • SEO'yu etkileyebilir: 404 sayfalık tek bir sayfaya sahip olmak sıralanmayacak, ancak site genelinde sayfa 404'e işaret eden çok sayıda "bağlantıya" sahip olmak, web sitenizin bakımdan yoksun olduğuna dair bir işarettir. Bu sıralamaları etkileyebilir. oluşturulması önemlidir. Bu sorunu baştan azaltmak için

-İllüstrasyonlar için

Alıcı görüntüsünde, her çubuğun her bir grafiği tarafından "Kullanıcı Deneyimi", "Marka Güven" ve "Dönüşüm Oranı" nın "Sayfa 404'ün etkisi" konusuna sahiptir.

Krizi Fırsatlara Dönüştürmek: En İyi 404 Sayfayı Nasıl Tasarlanır (ve Nereden Başlatılır)

İyi haber şu ki ... Sıkıcı 404 sayfasını kullanıcıları tedavi etmek ve kolayca etkilemek için bir araca dönüştürebiliriz! Page 404, dünya -kesme teknolojisini kullanmak için gerekli değildir. Ancak bu, "yardım" ve "yaratıcılık" ın mükemmel bir kombinasyonudur. Bu, her sayfa 404'ün sahip olması gereken bir unsurdur.

  • 1. Açık ve dostça iletişim kurun: Kullanıcıya ne olduğunu dürüstçe söyleyin. (Bu sayfayı bulamıyorum), ancak dostça bir dil kullanın ve markanın kimliğini yansıtır. "404 hatası" gibi teknik kelime bilgisinden kaçının, ancak "Ah! Bu sayfa kaybolacak gibi görünüyor" gibi basit bir ifade kullanın.
  • 2. Web'in tasarımı ve gezinmesi: sayfa 404'ün web sitesinin diğer bölümlerinden garip görünmesini sağlama, muhtemelen web sitesinin üstbilgisini ve altbilgisini , böylece kullanıcı hala web sitenizde hisseder ve başka bir menüye gidebilir.
  • 3. Yararlı bir yol önerin: Bu en önemli kalp! Kullanıcının bir çıkmazda bulmasına izin vermeyin. Bu şeyleri koyarak yardım etmek için uzanmalısınız:
    • Ana sayfaya geri bağlantı: "olması gereken" ve en belirgin olanı yapması gereken bir şeydir.
    • Arama çubuğu: Kullanıcılara istediklerini tekrar bulma fırsatı verin.
    • Önemli veya popüler görevlere bağlantılar: en çok satanlar, en son makaleler veya bizimle iletişime geçin.
  • 4. Yaratıcılığa girin. (Marka eşleşiyorsanız): Markanın kimliğini göstermek için bu fırsatı kullanın. kullanıcıları gülümseten küçük bir mikro etkileşim olabilir Bunu yapmak sinirliliği bir izlenime dönüştürebilir.
  • 5. Teknik inceleme doğru şekilde: Google Search Central'ın tavsiyesine göre, sayfa 404 aslında HTTP durum kodunu 404'e (bulunmamış) göndermelidir. İlk sayfadaki her sayfa 404'ü kaldırmak için 200 (Tamam) ve "Yapmayın".

Başlangıç çok kolay. Sadece kendi web sitenize gitmeye ve URL yazdırmaya çalışın. Sonunda geç.

-İllüstrasyonlar için

Mockup görüntüleri, mükemmel tasarlanmış 404 sayfa gösteren ekran ekranları. Dostça mesajlar, arama kanalları, arka plan bağlantısı, ana sayfası ve önerilen makaleler var ve marka ile uyumlu net çizimler var.

Dünya -sınıf markalarından oluşturulan örnek 404 sayfa.

Teori açık olmayabilir. Yaratıcılıkla ünlü web sitesinden gerçek örneği görelim. 404 sayfayı inanılmaz olarak değiştirdiler.

  • Pixar: Dünya -sınıf animasyon stüdyosu karakterleri kullanır. Web sayfası için başsağlığı diliyorum. Akıllı bir ruh hali yaratmak için marka karakterinin kullanımı
  • Github: Yazılım geliştiricileri için platform, Star Wars tarzı grafikleri büyük bir cümle ile kullanıyor "Bu web sayfası değil." Bir hedef grup (inek) olarak arıyorsunuz.
  • Leogo: Kafanız karıştırmak için LEGO'yu kullanın. Kendi film müziklerinden olan "Her şey hakkında endişelenmeyin (her şey hala harika)" mesajıyla.
  • TripAdvisor: Bagajda bir spatula bulunan bir can yeleği resmini gösterin. Bir mesaj sıkışmış. "Özür dilerim, ama görevinizi bulamıyoruz. Belki bu resim gülümsemenize yardımcı olabilir."

Her markanın sadece "bulamıyorum" demediği görülebilir, aynı zamanda markanın kimliğini güçlendirmek ve daha fazla ilham bulmak istiyorsanız kullanıcılarla küçük bir ilişki yaratmak için kullanıyorlar. gibi web siteleri , çalışmanız için birçok harika 404 örneğin koleksiyonuna sahiptir

-İllüstrasyonlar için

Çeşitli yaratıcılık göstermek için adı geçen ünlü markalardan (Pixar, Lego, GitHub gibi) 404 sayfanın ekran görüntüsünü birleştiren kolaj görüntüleri.

Kontrol Listesi Kontrol Listesi Sayfa 404 (Hemen Uygulama)

Henüz 404. sayfanızı yükseltmeye hazır mısınız? Web sitenizi kontrol etmek ve geliştirmek için bu kolay kontrol listesini kullanmayı deneyin. Sadece bu soruları cevaplayın, "" veya "yok" var.

  • [] Dost Metin: 404 sayfanız, bulamayacağınız için açıkça iletişim kurar ve arkadaş canlısıdır, değil mi?
  • [] Marka kimliğini yansıtıp: Tasarım, renk ve dil hala markanız mısınız?
  • [] Bir arama çubuğu var: Kullanıcılara istediklerini tekrar bulma fırsatı veriyor musunuz?
  • [] Ana sayfaya bir bağlantı var: Ana sayfaya geri dönmek için bir net bir düğme veya bağlantı var mı?
  • [] Devam etmeniz gereken başka seçenekler de var: Popüler sayfaya, önerilen makalelere bir bağlantı kuruyor musunuz veya bizimle iletişime geçiyor musunuz?
  • [] Tasarım, dağınık değil: Temiz web sayfası gereksiz bilgilerle dolu değil, değil mi?
  • [] Mükemmel Cep Telefonu: 404 sayfanız sonuçları gösteriyor ve taşınabilir cihazlarda iyi çalışıyor mu?
  • [] Sunucu Durum Kodu: Web sayfasının 404 olup olmadığını gerçekten kontrol ediyor mu? (Görmek için geliştirme ekibine ihtiyaç duyabilir)

Eğer tüm tebrikler "var" işaret olabilir! Ancak hala eksikse, web'i daha mükemmel olmak için geliştirmek için iyi bir fırsat olarak kabul edilir. Bu küçük ayrıntılara dikkat etmek normal web sitelerini ayıran bir şeydir. iyi bir UX yapısı

-İllüstrasyonlar için

Açık renkli bir arka plan üzerinde büyük kontrol listesi görüntüsü, her öğenin yanında doğru/yanlış bir simge (✓/✗) vardır, bir el programı işaretlemeye hazırlanmak için bir kalem tutar. Eylemi ve muayeneyi aktarır

İnsanların merak etme eğiliminde olan sorular (SSS) Sayfa 404

Cevaplamak için 404 sayfası hakkında ortak bir soru derledim. Burada merak ettim.

S1: Doğrudan SEO'ya çok fazla 404 sayfa var mı?
C: Doğrudan kaybetmiyor. Google, sayfa 404'ün varlığının web sitesi için normal olduğunu açıkça söylüyor. Ancak dezavantaj, web'den veya diğer web sitelerinden kırık bağlantılar gibi 404'e neden olan "neden" dir. Web sitenizin iyi bir 404 sayfa bakımından yoksun olduğunun bir işaretidir, bu nedenle kötü deneyimleri azaltmaya yardımcı olan bir "yastık" gibi davranır. Bu sorunla karşılaşmak için tıkladıklarında ve bunları web sitenizde tutmaya devam ettiklerinde kullanıcıların

S2: 404 sayfanın tamamını yönlendirmeliyiz. İlk sayfaya mı gidiyorsunuz?
C: Bunu yapmamalısın! Bunu yapmaya, Google'a bu sayfanın içeriğe sahip olduğunu (durum 200) söyleyen "Soft 404" denir, ancak aslında içerik bekleyen kullanıcıyla eşleşmez. (İlk sayfaya sıçradığı için) Bu kötü bir deneyim ve Google'ı kafa karıştırıcı. Bunu sevmiyorum ve kullanıcı seçeneklerini daha iyi hale getirmeye hazır olan gerçek 404 sayfayı göstermenizi tavsiye ederim.

S3: 404 sayfa, her zaman komik mi yoksa özellikleri mi var?
C: Bu gerekli değil. "Yardım" her zaman "yaratıcılıktan" önce. Markanızın ciddi veya resmi bir tonu varsa, 404 sayfa basit, temiz ve nettir. Mükemmel olarak kabul edilir, ancak bu yaratıcılık markayla eşleşirse ve bir gülümseme yaratabilirse, web siteniz için bir fark yaratmaya ve unutulmaz bir bonus olacaktır.

-İllüstrasyonlar için

Büyük Soru Görüntü Icon (?) Ortada, içinde bir "404" harfi var ve yanında parlak bir ampul simgesi var.

Özet: "çıkmazın" kullanıcının "sonu" olmasına izin vermeyin.

Bu noktada, herkesin sayfa 404'ün sadece "unutulmamış" olmadığını, aynı zamanda hataları gösterimlere dönüştürebilen bir varlık olduğunu zaten gördüğüne inanıyorum. Sinirliliği bir gülümsemeye dönüştürün. Ve kaybolan kullanıcıyı normal bir müşteriye değiştirebilir

Anahtar esas olarak kullanıcının bakış açısına bakmaktır. Bir çıkmazda geldiğinde ve yatırıma devam etmesi için yararlı olan yeni rotalar vererek samimi yardımcı olmak için duygularını anlayın, bugün sayfa 404'te etkilidir, gelecekte muazzam değer müşterilerini korumak anlamına gelebilir.

Şimdi ... Geri dönüp kendi Sayfa 404'ünüzü keşfetmeye çalışmanın zamanı geldi. Kendinize yeni fırsatlara bağlanan bir "çıkmaz" veya "köprü" olarak hareket edip etmediğini sormayı deneyin. Kesinlikle işiniz için?

Web sitenizin sadece 404 sayfa değil iyileştirmelere ihtiyacı olduğunu görürseniz, aynı zamanda genel bir deneyimdir. Uzman konsültasyonu en iyi cevap olabilir.

Etkileyici bir deneyim yaratmak ve ziyaretçileri müşterilere dönüştürmek için web sitenizdeki her sayfayı değiştirmek istiyorum, değil mi? UX/UI Tasarım Ekibimize danışın veya web siteniz büyük bir görünüm kazanma zamanısa, web sitesi yenileme hizmetimiz dijital çağda işi karşılayan yeni bir web sitesi oluşturmanıza yardımcı olmaya hazırdır!

paylaşmak

Son blog

Vaka çalışması: SaaS başlangıç web sitesini nasıl şekillendiririz?

Davanın derinlikte, web sitesi dönüşüm oranını ve kayıtlı kayıt sayısını artırmak için CRO ve UX ilkelerini kullanarak SaaS StarPup'a tasarlamaktadır.

Web sitesi işe alıyor? Her web sitesi türü için makul bir bütçe açın.

KOBİ, kurumsal, e-ticaretten fiyatı etkileyen faktörlerle özel web sitesine her bir web sitesinin maliyetini dağıtın.

Bilgi Mimarisi (IA) nedir? Ve neden kullanımı kolay bir web sitesinin omurgası?

Bilgi mimarisi (IA) veya veri mimarisi ilkelerini açıklayın. Kullanıcıların kolayca bilgi bulabilmeleri için web'deki içeriği ve menüyü düzenlemeye nasıl yardımcı olur