Γιατί χρειάζεται μια Custom 404 Page

Δημοσιεύτηκε από τον Thanos Nokas Τρίτη, 13 Ιούλιος 2010 22:53

Ή στα Ελληνικά, Προσαρμοσμένη Σελίδα Λάθους 404. Θα κρατήσουμε όμως τον Αγγλικό όρο Custom 404 Page.

Ένα λάθος που κάνουν πολλοί web masters είναι οτι αποφεύγουν την δημιουργία μιας Custom 404 Page. Αλλά πριν πούμε για ποιό λόγο αυτό είναι λάθος. Ας εξηγήσουμε σε αυτούς που δεν ξέρουν τι είναι η/το 404 page/error γενικότερα.

Όλοι έχετε δει τις παρακάτω οθόνες στον browser σας...

 

IIS 404 error, page not found
Apache 404 error, page not found

Αυτό συμβαίνει όταν ο χρήστης πηγαίνει σε μια σελίδα στο web site σου που δεν υπάρχει. Δεν ξέρω για εσάς, αλλά εγώ αν βλέπω μια τέτοια 404 σελίδα δεν το ψάχνω πολύ, τις περισσότερες φορές κλείνω το tab του browser. Αυτό όμως δεν θέλουμε να τύχει στο web site μας.

Φτιάξε μια σωστή Custom 404 Page

Τι συμαίνει όμως σωστή Custom 404 Page; Ο σκοπός είναι να μην χάσεις τον επισκέπτη. Για αυτό τον λόγο πρέπει να του δώσεις να καταλάβει οτι αν και δεν βρήκε αυτό που έψαχνε μπορεί να βρει άλλα πράγματα στο web site που μπορεί να τον ενδιαφέρουν.

Για αρχή δείτε την δικιά μου Custom 404 Page. Πως θα το κάνετε αυτό; Απλά πατήστε μια διεύθυνση που δεν υπάρχει σίγουρα στο Mostweb, όπως http://www.mostweb.gr/blahblahblah.html. Ελπίζω να καταλάβατε που το πάω. Παρόλο που η σελίδα δεν υπάρχει, προτρέπω τον χρήστη να δει άλλα άρθρα που έχω γράψει και μπορεί να τον ενδιαφέρουν.

Πώς να φτιάξω μια Custom 404 Page

Θα σας πω πως να φτιάξετε Custom 404 Page σε Joomla, γενικότερα PHP, .ΝΕΤ και JSP γιατί αυτά ξέρω μόνο. Αν έχετε άλλους τρόπους γράψτε τους στα σχόλια.

Joomla!

  • Φτιάξτε ένα άρθρο στο Joomla! και γράψτε το κείμενο που θέλετε να περιέχει η Custom 404 Page.
  • Φτιάξτε ένα menu από το Menu Manager και ονόμαστε το "Secret". Αυτό το menu κάντε το public αλλά μην το βάλετε να εμφανίζεται σε κάποια σελίδα.
  • Φτιάξτε ένα menu item στο menu Secret, ονομάστε το Page not found ή κάτι ανάλογο. Επιλέξτε τύπο Articles->Article Layout και διαλέξτε το άρθρο που φτιάξατε πριν λίγο.
  • Κρατήστε κάπου το περιεχόμενο του πεδίου link. Στην δικιά μου περίπτωση είναι "index.php?option=com_k2&view=item&layout=item&id=48".
  • Μέσα στο φάκελο templates/system έχει ένα αρχείο που λέγεται error.php. Αντιγράψτε αυτό το αρχείο στο root του φάκελου του template που χρησιμοποιείτε. Π.χ. σε εμένα είναι templates/rt_affinity_j15/
  • Ανοίξτε αυτό το αρχείο και προσθέστε στην αρχή τον παρακάτω κώδικα

if (($this->error->code) == '404') {
header('Location: http://'.$_SERVER['HTTP_HOST'].'/index.php?option=com_k2&view=item&layout=item&id=48');
exit;
}

PHP

  • Φτιάξτε ένα φάκελο errordocs και μέσα σε αυτό τον φάκελο,
  • Φτιάξτε ένα αρχείο error.php και γράψτε το κείμενο που θέλετε να περιέχει η Custom 404 Page.
  • Προσθέστε στο αρχείο .htaccess που βρίσκεται στο root φάκελο την γραμμή: ErrorDocument 404 /errordocs/error.php
  • Πολύ απλό! ε; Αν δεν έχετε αρχείο .htaccess, δημιουργήστε το.

.ΝΕΤ

  • Φτιάξτε ένα φάκελο errordocs και μέσα σε αυτό τον φάκελο,
  • Φτιάξτε ένα αρχείο error.aspx και γράψτε το κείμενο που θέλετε να περιέχει η Custom 404 Page.
  • Προσθέστε στο αρχείο web.config, που βρίσκεται στο root φάκελο, κάτω απο το tag <system.web> το tag:

<customErrors mode="On">
<error statusCode="404" redirect="/errordocs/error.aspx" />
</customErrors>

Έτσι, χοντρικά, πρέπει να είναι της μορφής:

<configuration>
<system.web>
<customErrors mode="On">
<error statusCode="404" redirect="/errordocs/error.aspx" />
</customErrors>
</system.web>
</configuration>

Αν δεν έχετε αρχείο web.config, δημιουργήστε το.

JSP

  • Φτιάξτε ένα φάκελο errordocs και μέσα σε αυτό τον φάκελο,
  • Φτιάξτε ένα αρχείο error.jsp και γράψτε το κείμενο που θέλετε να περιέχει η Custom 404 Page.
  • Προσθέστε στο αρχείο web.xml, που βρίσκεται στο root φάκελο, το tag:

<error-page>
<error-code>404</error-code>
<location>errordocs/error.jsp</location>
</error-page>

Αν δεν έχετε αρχείο web.xml, δημιουργήστε το.

 

Επαναλαμβάνω

Σκοπός είναι να μην χάσεις τον επισκέπτη. Δείξε του οτί το site σου αξίζει το browsing. Επίσης πείτε μου την γνώμη σας για την Custom 404 Page σε αυτό το site.

Σχετικά βιβλία

Thanos Nokas

Thanos Nokas

Find me on and twitter

Προσθήκη νέου σχολίου


Κωδικός ασφαλείας
Ανανέωση