not-found.tsx
Not Found Sayfasının Oluşturulması ve Önemi
Bu kısımda 404 Not Found sayfasını nasıl oluşturabileceğinizi ve bunun önemini anlatmaya çalıştım.
404 Sayfasının SEO'ya Faydası
404 sayfası, arama motoru botlarına sitenizin iyi organize edildiğini ve kullanıcı dostu olduğunu gösterir. Bu, arama motorlarının sitenizi güvenilir ve değerli bir kaynak olarak görmesine yardımcı olur.
404 sayfası, kullanıcıların sitede gezinmeye devam etmelerine yardımcı olabilir. Kullanıcılar aradıkları sayfanın bulunmadığını ifade eden bir hata ile karşılaştıklarında, sitenizi terk etme olasılıkları daha düşüktür.
404 Sayfasını SEO'ya Uygun Hale Getirme
Sayfaya açıklayıcı bir başlık ve açıklama ekleyin. Bunu yapmanız arama motoru botlarının sayfanın bir 404 hata sayfası olduğunu anlamasına yardımcı olacaktır.
Sitenizdeki diğer sayfalarınıza kullanıcıları yönlendirebileceğinizbağlantılar ekleyin. Bu, kullanıcıların sitede gezinmeye devam etmesine yardımcı olacaktır.
404 sayfası, robots.txt dosyasında engellenmemelidir.
404 sayfası, sitemap.xml haritasında yer almalıdır.
404 Sayfası Nasıl Oluşturulur
Next JS, 404 sayfalarınızı oluşturmak için özel bir dosya adı belirlemiştir. Projenizin genelinde kullanılacak 404 sayfası için, uygulamanızın app klasörüne not-found.tsx adlı bir dosya oluşturmanız yeterli olacaktır.
Bilgi: Özelleştirme
Bazı sayfalarınız için ayrı bir 404 sayfası oluşturmak istiyorsanız, o sayfanızı barındıran klasör dizinde yeni bir not-found.tsx dosyası oluşturmanız yeterli olacaktır.
Dosyanın Yapılandırılması
Next JS'te 404 sayfası, varsayılan olarak birserver component'dir. Bu, sayfanın render işleminin sunucu tarafında gerçekleştiği anlamına gelir. Sunucu tarafında render işleminin gerçekleşmesinin avantajları şunlardır:
- Sayfa daha hızlı yüklenir.
- Sayfa daha verimli çalışır.
- Sayfa daha güvenlidir.
Ancak, bazı durumlarda 404 sayfasınıclient componentolarak da oluşturmak isteyebilirsiniz. Bu, sayfanın render işleminin istemci tarafında gerçekleştiği anlamına gelir. İstemci tarafında render işleminin gerçekleşmesinin avantajları şunlardır:
- Sayfa daha dinamik olabilir.
- Sayfa daha etkileşimli olabilir.
- Sayfa daha kişiselleştirilebilir olabilir.