Sihirli Fasulyeler

404 Hata Sayfası Oluşturma (Cpanel)

Web-Tasarım 6117 24.03.18 24.03.18 0

Hata sayfaları kullanıcılara sunucuda veya istekte oluşan hataların ne olduğunu gösteren sayfalardır. En sık karşılaşılan hata sayfası 404'dür. Bu hata kodu ulaşılmak istenen sayfanın bulunamadığını gösterir. Yanlış yazılan web adresleri veya ulaşılmak istenen sayfanın taşınmış/silinmiş olması bu hatanın nedenleridir. Eğer herhangi bir değişiklik yapmamışsanız 404 sayfanız son derece sade ve basit olacaktır. Bu yazımda 404 sayfanızı kendinize göre nasıl düzenleyebilirsiniz konusuna değinmek istiyorum.

Şunu da belirtmek isterim ki bu yöntem ile sadece 404 sayfasını değil bütün hata sayfalarını istediğiniz gibi düzenleyebilirsiniz. Diğer hata kodlarını makalenin sonunda bulabilirsiniz.

1- Öncelikle CPanel'e giriş yapmamız gerekiyor. CPanel'in giriş ekranına site adresinizin sonuna /cpanel ifadesini ekleyerek ulaşabilirsiniz. Örneğin www.siteismi.com sitesinin CPanel kısmına www.siteismi.com/cpanel yazıp ulaşabilirsiniz. CPanel'e girdiğinizde hosting firmanızın size verdiği kullanıcı adı ve şifreyi kullanmanız gerekir.

2- CPanel'e giriş yaptıkdan sonra gelişmiş (advanced) bölümünde hata sayfaları (error pages) seçeneğini seçiyoruz.

3- ilk olarak eğer birden fazla alan adınız varsa hangisi için işlem yapacaksanız açılan penceredeki listeden onu seçmemiz gerekiyor. Daha sonra sayfanın aşağı kısmında (resimdeki Step 2 kısmı) hata kodlarından hangisini kendimize göre düzenlemek istiyorsanız ona tıklıyoruz. Konumuz için 404'ü seçelim.

4- Açılan pencerede yazı yazacağımız bir alan var. Bu alana istediğimiz gibi metin, HTML ve CSS komutları yazabiliriz. Ayrıca yazı alanın hemen üstünde yer alan kısayollar ile oluşacak 404 sayfasına kullanıcı ip'si, kullanıcının tarayıcı bilgileri, ulaşılmak istenen sayfa, sunucu bilgilerini gibi detayları da ekleyebiliriz.

5- Yazı alanına istediğimiz sayfayı oluşturacak komutları ve yazıları yazıyoruz.

Sitem için 404 sayfasında kullandığım komutları aşağıdan inceleyebilirsiniz. Buraya tıklayarak oluşturduğum 404 sayfasını görebilirsiniz.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sihirli Fasulyeler - 404</title>
<link href="https://fonts.googleapis.com/css?family=Itim" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#464646">
<meta name="msapplication-navbutton-color" content="#464646">
<meta name="apple-mobile-web-app-status-bar-style" content="#464646">
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
<style>
	body{
	    overflow:hidden;
	    background: #1fa67a;
	}
	.wrapper{
	    width: 100vw;
	    height: 100vh;
	}
	.wrapper>h1{
	    font-family: 'Itim', cursive;
	    font-size: 190px;
	    margin: 0;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-right: -50%;
	    transform: translate(-50%, -50%);
	    color:#fff;
	}
	.back{
	    position: absolute;
	    width: 100%;
	    height: 100px;
	    background:#fff;
	    left:0;
	    top:0;
	}
	.back>a{
	    font-family: 'Itim', cursive;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-right: -50%;
	    transform: translate(-50%, -50%);
	    color:#1fa67a;
	    font-size: 30px;
	    text-decoration: none;
	}
</style>
</head>
<body>
	<div class="back">
		<a href="http://www.sihirlifasulyeler.com">Anasayfa</a>
	</div>
	<div class="wrapper">
		<h1>404</h1>
	</div>
</body>
</html>

5- Son olarak yaptığımız değişiklikleri sayfanın altındaki kaydet (Save) butonuna basarak kaydediyoruz.

Bütün işlemlerimiz bu kadar. Bu yöntem dışında htaccess dosyasına bazı yönlendirme komutları yazarak da hata sayfalarını oluşturduğumuz sayfalara yönlendirebiliriz. Fakat htaccess yönteminde hem oluşturduğumuz sayfaları sunucuya atmamız gerekiyor hem de htaccess dosyasına yönlendirme komutlarını yazmamız gerekiyor. Bu nedenle CPanel yönteminin çok daha kolay bir yöntem olduğunu düşünüyorum.

Diğer Hata Kodları

400'lü kodlar istek hataları, 500'lü kodlar sunucu hatalarıdır

Hata Kodu	Hata	Anlamı
400	Bad Request	Kötü İstek
401	Authorization required	Yetki Gerekiyor
402	Payment Required	Ödeme Gerekli
403	Forbidden	Yasak
404	Not Found	Sayfa bulunamadı
405	Method Not Allowed	İzin verilmeyen Metod
406	Not Acceptable	Kabul Edilemez
407	Proxy authentication required	Proxy onayı gerekiyor
408	Request timeout	İstek zaman aşımına uğradı
400	Bad Request	Kötü İstek
409	Conflict	Çakışma Oluştu
410	Gone	Gitti
411	Length Required	İstek için uzunluk gerekiyor
412	Precondition Failed	Ön şart sağlanamadı.
413	Request Entity Too Large	İstek çok uzun
414	Request-URI Too Long	İstek linki çok uzun
415	Unsupported Media Type	Desteklenmeyen medya türü
416	Requested range unsatifiable	İstek aralığı sağlanamaz.
417	Expectation failed	Beklenti başarısız oldu
422	Unprocessable entity	İşlenemez veri
423	Locked	Kilitli
424	Method failure	Metod hatası
500	Internal Server Error	İç Sunucu Hatası
501	Not Implemented	Uygulanmamış
502	Bad gateway	Geçersiz Ağ Geçidi
503	Service unavailable	İç Sunucu Hatası
504	Gateway Timeout	Zaman aşımı
505	HTTP Version not supported	HTTP versiyonu desteklenmiyor
506	Variant also negotiates	Değişken araştırıyor
507	Insufficient storage	Yetersiz alan
510	Not extended	Uzatılmamış