Imagino que a todos nos ha pasado más de alguna vez, apuntar ingenuamente nuestro navegador a una URL determinada, y encontrarnos de frente, cara a cara, con este enigmático mensaje:
Como breve introducción para los que no saben lo que es un Error 404, les cuento que se trata de un mensaje que aparece en nuestros navegadores cuando se intenta acceder a una URL que no se encuentra en un servidor. El mensaje por defecto que nos devuelve ese servidor a nuestro navegador es un simple '404 not found'. ¿Capisce?.
Un mensaje perturbador para los usuarios novatos, porque la verdad, no es muy comunicativo que digamos.
De hecho, ese mensaje rompe tres reglas básicas que deben seguir los mensajes de errores (según nuestro gurú de la usabilidad, el señor Jackob Nielsen), a saber: 1.- Debe ser escrito de manera sencilla para que los usuarios sin conocimientos técnicos puedan entenderlo y dar a entender que el error en cuestión no es culpa del usuario; 2.- Debe ser preciso, es decir, especificar que diablos produjo el error; y, finalmente, 3.- Debe ser constructivo, o sea, darle sugerencias al usuario para corregir el problema.
La solución
Teniendo en claro que el mensaje por defecto que nos ofrecen los servidores no ayuda a nadie (más bien hace perder usuarios) nos enfrentamos a la pregunta obvia: qué hacer.
La solución a este dilema es, por si no lo sabías, hacer tu propia página 404, incluyendo la información que creas necesaria para orientar al atribulado usuario guiandolo para que permanezca en tu sitio y no se vaya maldiciendo la hora en que osó pisar tu dominio.
El único requisito es que tu flamante página 404 debe pesar más de 512 bytes, de otra forma, IE 5.x, desplegará el mensaje por defecto, ignorando tu página.
Una vez hecha tu página 404, lo único que falta para hacerla funcionar es decirle al servidor que la ocupe cuando aparezca este error.
Para eso, debemos crear un archivo .htaccess (si es que no tienes uno) y colocarlo en el directorio donde quieres que tu página funcione. Si no tienes este archivo, haz lo siguiente: abre tu block de notas, y escribe lo siguiente: ErrorDocument 404 http://www.tudominio.com/404.php, y lo guardas con el nombre .htaccess para luego subirlo a tu servidor (nota: obviamente, coloca el nombre de tu página de error y la ruta que corresponda, doh).
Qué colocar
Esta es la gran incógnita: qué información debes colocar en tu bendita página 404. Los hay de todo tipo, colores y sabores. Para descubrirla en algun lugar, basta colocar http://sitioquequeremosespiar.com/loquesea/.
En mi caso, por ser un poco autoreferente y muy creativo, coloque http://sitioquequeremosespiar.com/roberto/.
Un ejemplo de una muy buena página 404, lo tiene el blog del diseñador Dunstan Orchard, que contiene los últimos 5 posts de su blog, un buscador, y formularios para reportar el error, entre otras alternativas. Nice.
Nuestro gurú de la usabilidad, don Jackob Nielsen, también ofrece una excelente página de error.
En mi caso, ocupo la página de error que hice para sietejudas.cl, si quieren, pueden echarle un vistazo acá.
Otro buen ejemplo de error 404, esta vez nacional, lo tiene juque, simple, directa, y útil. La foto que acompaña el mensaje es un buen detalle, el niño tiene su lado tierno.
Otros buenos ejemplos
- El religioso
- El traumado con la bruja Blair
- El alienígeno
- El escabroso
- La parodia 1, y la parodia 2
- El irónico
- El diseñador_gráfico
Si quieres una buena lista de sitios con buenas páginas de error, te recomiendo el Laboratorio de Investigación 404.
No pudieron participar hoy…
Me sorprendió descubrir que los siguientes sitios, considerando el compromiso que tienen con los estándares, no tengan una página 404 adecuada (por lo menos, mientras escribo esto):
Nota: Se salvaron: la gente hospedada en Blogger o similares, porque tienen una página 404 ya hecha x); y el señor Ochovio, porque al tratar de acceder a su página, me dió un error de Wordpress… :D
En una próxima entrada, pretendo contarles de mi personal aproximación a las páginas 404 mediante javascript, que nos permite usar la información generada por estas páginas en nuestro beneficio ayudando, de pasada, al desprevenido usuario.
Comentarios
!! Gracias profe!! yo soy una de las novatas…te visitare mas seguido para ver mas datitos.Tia Pucherito.
la verdad es que no es tan a hurtadillas, mi pega es absorbente pero tengo mis libertades igual.
Y lo de la foto…bueno, de nada…la puse en alto contraste para no llenarme de lectoresacosadores ja!
Ah!! y que el conejito te lleve muchos chocolates.
Buen finde
puros saludillos
Mira tú que wena jejeje…
Gracias por visitar mi blog… te leo para aprender más cositas ejeje
El de Blair me recuerda a mi cuando hice la foto al ojo, me quedo esa cara XDDDD
En bitacoras.com no hay página diseñada :(
Buen sitio, interesante en contenidos.
Gracias por tu comentario en el mio, asi que como buena regla de cortesia, pase a ver el tuyo.
PD: Lo que indicas acerca del .htaccess no siempre es posible encontrar, depende del proveedor de hosting.
están notables las páginas que muestras.
yo soy muchísimo más modesto :/
El y sus link (buenos) sabes cuanto me toma leerte y revisar cada uno de tus links? Mucho…Uffffff que mi jefe no se entere!!
Besos Florentinos
Bueno, una tarea más por resolver.
Gasc: Lo que cuenta es que la tienes. Ese ‘ups! 404!’ es mucho, pero mucho más amigable que el ‘Not Found’. Se entiende lo básico, y no dejas al usuario con cara de pregunta, dandole la alternativa (un enlace), cosa que no está en el mensaje por defecto :]
Sandra: Dos cositas. Primero: veo que pusiste una foto en tu perfil; se agradece =] Lo segundo: lamento que debas revisar a hurtadillas los blogs que lees. Francamente, la colección de links fue meramente casual x)
Eduardo: Estaremos pendientes =]
jajajajajaja ahora la moda no es hacerse una pagina web… si no que hacer errores 404… xD
a mi me salia un spyware en la pagina de inicio… es lo mas molesto que me ha tocado vivir gracias a internet…
Agradezco a todos sus comentarios, y como gente educada que soy, les contesto a todos =]
Snakefood: Asi es…los errores son hoy por hoy, la fiebre, el preferido de los regalones.
Doña María Pastora: Honrado me hace sentir con su visita, no todos los días se recibe a un ícono de la infancia ;)
Sandra: El conejo este año se porto regular, debe de estar cesante.
Celeste: Saludos para ti también =]
Marie Pelouse:Si po’, wena, wena…ja…nos leemos.
Pirri: Ja, verdad tu ojo lleno de flash XD…ah, y lamento saberlo, pero ya lo comprobé…efectivamente, bitacoras no tiene una 404 amigable =_[
Francisco: Gracias por el cumplido, y agradecido de tu cortesía. Y si, efectivamente, lo del htaccess depende del proveedor, hay algunos (los menos) que no te dejan.
Gasc: Intento tomarme con tranquilidad la visita de la tía pucherito…pero de que es algo fuerte, lo es x)
Monin: El agradecido soy yo con tu visita =] Ahora, lo que sería bueno, es que para ota vez, llenaras el campo que dice URI, para poder saber la dirección de tu página ;]
Sandra: De allá somos, voy corriendo, just wait.
Hola Rob, gracias por tu comentario en mi blog… Súper interesante el tuyo, aunque para mi, que no soy un genio en esto de la informática, sino más bien una aprendiz… esta genial saber estas cosas… besos y gracias nuevamente por tu visita… te espero más seguido y visitaré tu página con frecuencia… Saludos,
Pobre conejo!!!
Se armo un debate en Sexo y mentiras en la net y me gustaría recibir tu opinión.
Saludos
ha pasado mucho sin saber de ti…cómo estás??
Señor, su blog está de lujo.
No sé si se acuerda de mí, yo tenía un blog antes con otro nombre, pero bueh…
Saludos..
y andas medio desaparecido en acción??
Queremos leer nuevos post ;)
Saludos!
Bueno, me dejo como tarea pendiente hacer una 404 como dios manda… Saludos Roberto :)
Harto lento pa’ correr!!
Te puse un link en mi página.
Saludos
bueno.. yo como estoy en blogsome (bitácora gratis) no podré hacer nada al respecto… sniff
hoy descubrí tu blog ! está muy bien ! te seguiré ! te invito a que visites el mio (hmmm) y me comentes ! Saludos !
te visitó la tia pucherito!
juaz, si a mi me deja un mensaje con el tio memo, cierro el blog ;)
:P
te visitó la tia pucherito!
juaz, si a mi me deja un mensaje con el tio memo, cierro el blog ;)
:P