Micaela 4 de julio de 2009 a las 09.06
   Imprimir artículo
elWebmaster.com

Cómo crear una página 404 atractiva y eficiente


dead-end-signUn error 404 en un sitio web es lo que responde un servidor cuando se atasca al tratar de poner a nuestra disposición un recurso que no puede encontrar.

Por lo general se suele incorporar algo gracioso en estas páginas para desviar la atención del usuario. A continuación les dejamos una lista con varios consejos para que  tu página 404 no sea una completa pérdida de tiempo.

1. Debe tener concordancia con el dise√Īo de tu sitio

Si no le especificas a tu servidor web qué debe mostrar cuando maneja errores 404, mostrará una página de error plana y genérica. Una página 404 debería lucir como una página de error, pero también debería lucir como tu sitio. Si estás utilizando un CMS probablemente ya se ha encargado de esto por ti. Pero si posees un sitio estático, puedes especificar un template 404 a través de tu archivo .htaccess.

2. Disc√ļlpate

Nadie est√° tratando de llegar a tu p√°gina 404 adrede. Seguramente llegaron a ella por un mal enlace de tu propio sitio o fuera de su voluntad. Probablemente no estar√°n muy felices con esto, por lo que es la oportunidad de oro para pedir disculpas y esperar que el ce√Īo fruncido de los usuarios desaparezca.

3. B√ļsqueda

Es posible que la p√°gina que est√°n buscando todav√≠a existe, y que sea s√≥lo que la URL de la misma ha cambiado o que fue tipeada incorrectamente en alg√ļn lugar. Dado que tu sitio deber√≠a poseer b√ļsquedas de todas formas, √©sta es un buen momento para poner a disposici√≥n del usuario la caja de b√ļsqueda para que encuentren el enlace al que estaban intentando llegar.

4. Dale a los usuarios links √ļtiles

Quiz√° la p√°gina que est√°n enlazando no est√° rota, sino que no existe m√°s. Sumada a la b√ļsqueda, puede que te convenga a√Īadir algunos links que les puedan resultar √ļtiles. Quiz√° links a la p√°gina de inicio, a la p√°gina e archivo o a otras p√°ginas de tu sitio que sepas que son com√ļnmente visitadas.

5. Una forma de contacto para reportar el error

Es posible que al enfrentarse con un error 404 los usuarios se preocupen, enojen o tengan alg√ļn comentario para hacerte al respecto, por lo que puede ser buena idea incluir un formulario de contacto. Y esto tambi√©n resultar√° bueno para t√≠, porque te pondr√°s al tanto del problema que est√° ocurriendo en tu sitio y lo podr√°s solucionar cuanto antes.

6. Reporte autom√°tico

Poner a disposici√≥n de los usuarios un formulario para que te informen del error es muy bueno, pero s√≥lo un peque√Īo porcentaje de los lectores se tomar√° la molestia de avisarnos acerca del problema. Otra alternativa para esto es hacer que la p√°gina 404 nos reporte el error autom√°ticamente. Una forma r√°pida de lograrlo ser√≠a hacer de nuestra p√°gina 404 un archivo PHP, y utilizar la funci√≥n de email para enviarte un correo con la URL en la que se aterriz√≥.

<?php

mail(“chriscoyier@gmail.com”, “404 report”, $_SERVER[‘REQUEST_URI’], “From: chriscoyier@gmail.com\n”)

?>

NOTA: El c√≥digo de arriba probablemente ser√° bueno para un sitio peque√Īo pero no resulta pr√°ctico en sitios de mucho tr√°fico. En esas circunstancias ser√° mejor escribir los errores a una base de datos.

7. Humor

Incluso los sitios m√°s serios pueden a√Īadir algo de humor en su p√°gina 404. Esta p√°gina es definitivamente una buena oportunidad para relajarse un poco y hacer algo gracioso.

8. ¬ŅRedireccionar?

Podr√≠as optar por redireccionar el error 404 a otra p√°gina. Quiz√° a la p√°gina de inicio que muestre un mensaje sobre el error, o a la p√°gina de b√ļsqueda con las palabras claves de la URL que no funcion√≥.

9. Tama√Īo de archivo

Te sorprender√≠a saber la gran cantidad de actividad maliciosa con la que debe tratar tu servidor web. Suelen haber muchos pedidos de archivos “raros”, que al no aparecer hacen que tu servidor cargue la p√°gina 404.¬† No es necesario aclarar que la aparici√≥n de una p√°gina completa para todas estas requests a√Īade serios problemas de ancho de banda. Para esto tu mejor apuesta es pelear contra estos pedidos maliciosos, pero tambi√©n deber√≠as tomar en consideraci√≥n el tama√Īo total de tu p√°gina 404 y reducirlo si el ancho de banda es una preocupaci√≥n mayor.

Fuente: CSS Tricks


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (4)

  1. DoctorPc dice:

    Lo que ultimamante estamos ocupando en nuestros sitios es colocar una imagen graciosa y un comentario de que la pagina no existe y no un parrafo que diga ERROR 404, ¬Ņcuantas personas saben que significa “error 404”?

  2. HIJO de la RED dice:

    Muy buenos concejos los voy a tener en cuenta en mi blog ya que mi pr√≥ximo paso es mejorar el 404, Si animo de ofender ni mucho menos, “en casa de herrero cuchillo de palo…” el error 404 de esta p√°gina no cumple con todos estos concejos ;). Saludos

  3. lucero mendoza dice:

    necesito sacar el error 404 al iniciar….
    gracias mil
    lucero

  4. Jes√ļs dice:

    Buen artículo, de mucha utilidad con sus consejos, 1saludo.

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder