Personalizar página de error 404

El error 404 se muestra cuando una página no ha sido encontrada, normalmente en los servidores de apache se muestra una página así:

¿Fea verdad?, por suerte acá les dejo un tutorial para que puedan editar esa página a su gusto.

Creando el archivo 404.html.- Éste es el primer paso, crear nuestro archivo 404.html y editarlo a nuestro gusto, ya que es la página que se mostrará cuando suceda el error, yo recomiendo no hacerla tan extensa, bastará con explicar alguna de las posibles causas por la que ha sido mostrado el error, y un pequeño menú como para regresar “atrás” o ir a la página principal.

Creando el archivo .htaccess.- Bueno antes de crearlo fíjense si lo tienen en el directorio principal de su host (se fijan mediante el FTP) si tienen ese archivo solo es cuestión de editarlo, si no lo tienen no se preocupen, crean un archivo en bloc de notas y escriben lo siguiente:

ErrorDocument 404 http://www.tusitio.com/404.html


y guardan el archivo como “.htaccess” (sin la extensión *.txt) es muy importante que tenga el punto adelante.

Nota: http://www.tusitio.com/404.html deberá ser reemplazado por la URL exacta de nuestro archivo 404.html.

Subiendo archivos al servidor.- Bueno ya casi terminamos, ahora solo nos faltaría subir nuestros dos archivos al directorio principal de nuestro host (donde colocamos el “index”)

Nota: los que subieron el archivo .htaccess.txt deberán renombrar el archivo y quitarle la extensión *.txt para que quede de esta manera: .htaccess (siempre con el punto adelante).

Bueno eso sería todo, si no he sido tan claro, no duden en dejar sus comentarios, preguntándome acerca del caso.

Acá les dejo un ejemplo de un error 404 personalizado.

Salu2 - SK!

Publicar un comentario

10 Comentarios

  1. Hola!
    Puede hacerse esto en un blog de blogger comun y silvestre?

    ResponderEliminar
  2. hola paula

    el problema con blogger, es que no tenemos acceso al servidor como para subir archivos al host, como el .htaccess, creo que es por eso que no podremos configurar nuestra página de error 404 en blogger. =O

    aunque blogger, esta mejorando mucho últimamente, a ver si por ahí nos dejan mover más cositas. ^^,

    ResponderEliminar
  3. blogger debería hacer como hace para crear entradas, lo mismo pero para crear la página de 404 y que así podamos personalizarla a nuestro gusto

    ResponderEliminar
  4. Si pues, blogger nos limita bastante en ese aspecto, espero que poco a poco nos dejen mover más código.

    ResponderEliminar
  5. Buenas, el tutorial es perfecto, he editado, pero en la dichosa página de error hay una imagen, cuando se produce un error en la raíz la imagen aparece, pero si está en una carpeta distinta la imagen no se carga, ?qué puedo hacer para que la imagen se vea en cualquier lugar de la web?
    Salu2

    ResponderEliminar
  6. Hola salvasanchez:

    Seguramente en tu página de error, estas colocando la ruta de la imagen de esta manera:
    (ex: img src="..\images\tuimagen.jpg")

    Bueno obviamente algo similar, no exactamente asi, pero lo que debes hacer es colocar la ruta EXACTA de la imagen, te debe quedar algo parecido a esto:
    (ex: img src="http://tusitio.com/images/tuimagen.jpg")

    PD: Reemplaza los puntitos (..) por la URL Exacta de tu imagen.

    Espero haber sido claro, avísame si funcionó o si aún tienes problemas, no dudes en preguntar de nuevo.

    Saludos!

    ResponderEliminar
  7. Pues el problema radicaba en la extensión del archivo, 404page.shtml cambié la extensión a 404page.html y funciona perfectamente.
    Por cierto, en .htaccess no necesité dar la ruta de la imagen, solo la de la ubicación de la página de error, el código es exacto al que tú das en el post.
    Gracias por tu tiempo y un saludo.

    ResponderEliminar
  8. Me alegro de que se haya solucionado tu problema, a ver si luego das el link de tu web para visitarla.

    Saludos!

    ResponderEliminar
  9. Clásico, pero bueno, sencillo de entender y de llevar a la práctica.

    ResponderEliminar
  10. @Daniel Ríos:
    Asi es, lamentablemente blogger no soporta este tipo de modificaciones. =/ !

    Saludos.

    ResponderEliminar