404 Sayfası Oluşturma ve Yönlendirme

Kırık Bağlantı Yönetiminde 404 Sayfası Oluşturma ve Yönlendirme Stratejileri

Bir web sitesi oluşturulduğunda ve içerik yayınlandığında, zamanla bazı bağlantıların çalışmaması, yani 404 sayfa bulunamadı hatası vermesi kaçınılmazdır. Bu durum genellikle bir sayfa URL'sinin değiştirilmesi, içeriğin taşınması veya tamamen silinmesi sonucu ortaya çıkar. Kırık sayfaları 301 ile yönlendirme güçlü bir çözüm olsa da, her kırık bağlantıyı tespit etmek her zaman kolay değildir. Bu gibi durumlarda, kullanıcılara standart ve can sıkıcı bir hata ekranı sunmak yerine, modern görünüme sahip ve yönlendirici bir 404 sayfasına sahip olmak, kullanıcı deneyimini (UX) korumak açısından kritik öneme sahiptir. Aradığını bulamayan kullanıcıların siteyi terk etme eğilimi yüksektir. Bu nedenle 404 sayfası, ziyaretçiyi boş bir hata mesajıyla baş başa bırakmak yerine arama kutusu, ana sayfa bağlantısı ve ilgili içerik önerileriyle yönlendirmelidir. İyi tasarlanmış bir 404 sayfası, kaybolan ziyaretçinin site içinde kalma ihtimalini artırır.

404 Sayfası Nedir ve Neden Kritik Öneme Sahiptir?

İnternet kullanıcıları, bir bağlantıya tıkladıklarında veya bir kaynağa erişmeye çalıştıklarında karşılaştıkları 404 Not Found mesajının ne anlama geldiğini bilmelidirler. 404 sayfası nedir sorusunun cevabı, bu mesajın, talep edilen kaynağın web sitesi sunucusunda bulunamadığını belirten standart bir HTTP durum kodu olmasıdır.

Bu durum kodu, istemcinin (tarayıcının) sunucuyla iletişim kurabildiğini ancak sunucunun istenen belirli kaynağı bulamadığını gösterir; bu, içeriğin kaldırıldığı veya adresinin değiştiği anlamına gelir.

Neden Kullanıcı Odaklı 404 Sayfası Oluşturmalısınız?

Özelleştirilmemiş veya standart bırakılmış 404 hata sayfaları, kullanıcılar için çıkmaz sokak anlamına gelir. Kullanıcıyı ne ana sayfaya ne de önemli bir bölüme yönlendirmeyen bu tür sayfalar, ziyaretçilerin sitede kaybolmuş hissetmesine yol açar. Kırık bir bağlantıyla karşılaşan kullanıcıların bir kısmı siteyi terk edip aramaya geri döner ve rakip sitelere yönelebilir. Bu yüzden 404 sayfasının kullanıcıyı boş bırakmaması, arama kutusu ve ilgili içerik önerileriyle site içinde tutması önemlidir.

Kullanıcıları sitenizde tutmak ve gezinmeye devam etmelerini sağlamak için, 404 sayfalarınızı bir fırsat olarak görmelisiniz. Mizah içeren etkileşimli mesajlar ve en çok ziyaret edilen sayfalara veya arama çubuğuna bağlantılar ekleyen özel 404 sayfaları tasarlamak, kullanıcıları geri kazanma şansınızı belirgin biçimde artırabilir. Bu, sitenizin genel kullanıcı deneyimini (UX) doğrudan etkiler.

Özelleştirilmiş 404 Hata Sayfası Nasıl Yapılır?

Özel bir 404 hata sayfası oluşturma süreci, web sitenizin mevcut yapısı üzerinden kolayca gerçekleştirilebilir. Çoğu uzman, mevcut ana sayfanın veya yüksek trafiğe sahip diğer sayfaların (örneğin, Hakkımızda sayfası) tasarımını temel almayı önerir. Bu yaklaşım, kullanıcıya tanıdık bir görsel deneyim sunar. 404 sayfası yapmak için temel adımlar, teknik olarak bir HTML dosyasının hazırlanması ve sunucuya yüklenmesi üzerine kuruludur.

• En sevdiğiniz HTML editörünü veya kod düzenleyici yazılımı açın.

• Değiştirmek istediğiniz sayfanın (genellikle ana sayfa) mevcut kodlarını kopyalayın ve editöre yapıştırın.

• Bu kopyalanan kod bloğundan, ürünler, hizmetler veya diğer dinamik anasayfa öğelerine ait kodları temizleyin; sadece görsel iskeleti koruyun.

• Başlık kısmına kullanıcıyı sakinleştirecek bir ifade ekleyin, örneğin “Opppssssss 404 bulunamadı” gibi.

• 404 hatasıyla ilgili yaratıcı görseller kullanın ve kullanıcıyı mutlaka ana sayfaya yönlendiren bir bağlantı ekleyin.

• Oluşturduğunuz bu HTML dosyasını 404.html adıyla kaydedin ve sitenizin ana dizinine (host) yükleyin.

• Doğrulama için siteadi.com/404.html adresini ziyaret ederek sayfanın beklendiği gibi çalıştığından emin olun.

404 hata sayfası oluşturmak bu adımlarla basittir, ancak daha fazla kaynak ihtiyacı duyanlar için hazır örnekler mevcuttur. Kendi 404 sayfamızın bir örneğini, GitHub sayfamız üzerinden paylaşmaktayız.

Github sayfamızı ziyaret ederek 404 hata sayfası örneğini indirebilir, istediğiniz gibi değiştirebilirsiniz.

WordPress Ortamında 404 Sayfası Oluşturma

WordPress altyapısı kullanan web sitelerinde 404 sayfasını özelleştirmek, dosya sistemi yerine yönetim paneli üzerinden yapılabildiği için daha hızlıdır. WordPress 404 sayfası oluşturma adımları şunlardır:

1. WordPress yönetim paneline (Dashboard) giriş yapın.

2. İzlenecek yol aktif temanın türüne göre değişir. Blok (FSE) tema kullanıyorsanız: Görünüm > Düzenleyici ile Site Düzenleyici'yi açın, Şablonlar bölümüne girin ve "404" (bazı temalarda "Sayfa Bulunamadı") şablonunu düzenleyin; blok temalarda 404.php dosyası bulunmaz. Klasik tema kullanıyorsanız: Görünüm > Tema Dosya Düzenleyici yolundan 404.php dosyasını açın (blok tema aktifken bu menü Araçlar altına taşınır). Tema dosyalarında doğrudan yapılan değişiklikler tema güncellendiğinde silineceği için düzenlemeleri bir alt tema (child theme) üzerinde yapın.

3. Mevcut şablondaki başlıkları ve metinleri istediğiniz mesajlarla düzenleyin.

4. Eğer mevcut 404 sayfasından memnun değilseniz, beğendiğiniz başka bir temanın 404 kodlarını kopyalayıp kaydedebilirsiniz.

Varsayılan 404.php dosyası genellikle bir arama çubuğu ve kenar çubuğu navigasyonu içerir, bu da kullanıcılara sitede gezinme imkanı sunar. Bu dosyadaki ana başlık (H başlığı), kullanıcılara iletmek istediğiniz en önemli mesajı içermelidir. Başlığın hemen ardından, kullanıcıya ne yapması gerektiğini açıklayan bir paragraf eklemek, kullanıcı deneyimini olumlu etkiler.

Ücretsiz 404 sayfası şablonları için colorlib sitesini ziyaret edebilirsiniz.

.htaccess ile Özel 404 Yönlendirmesi Uygulama

Sunucu seviyesinde 404 yönlendirmesi yapmak için en yaygın yöntem .htaccess dosyasını kullanmaktır. Bu işlemi gerçekleştirmek için FTP yoluyla sunucunuza bağlanmalı ve .htaccess dosyanızı bularak aşağıdaki kodu eklemelisiniz. Bu kod, sunucuya herhangi bir 404 hatası durumunda belirtilen özel sayfayı göstermesini söyler.

ErrorDocument değerini tam URL yerine köke göre göreli yolla yazın: ErrorDocument 404 /404 (statik dosya kullanılıyorsa /404.html). Apache dokümantasyonuna göre ErrorDocument değeri protokol ve alan adı içeren tam bir URL olduğunda sunucu, hedef aynı site üzerinde olsa bile istemciye 404 yerine 302 yönlendirme döndürür. Yönlendirilen sayfa 200 döndürdüğü için Google bunu "soft 404" olarak değerlendirir ve sayfa doğru şekilde indeksten düşürülmez. Bu nedenle 404 belgesi her zaman göreli yolla tanımlanmalıdır.

Bu makale ile 404 sayfası oluşturma ve yönlendirme süreçlerini tamamlamış bulunmaktasınız. Web sitenizin teknik altyapısını güçlendirmek ve kullanıcı deneyimini en üst seviyeye taşımak için profesyonel bir altyapı desteği alabilirsiniz.